body {
            background-color: #0e0e13;
            color: #f9f5fd;
            overflow-x: hidden;
        }

        /* Renderiza seções fora da dobra sob demanda em mobile. */
        @media (max-width: 900px) {
          main > section:not(#hero) {
            content-visibility: auto;
            contain-intrinsic-size: 1px 900px;
          }
          #story,
          #faculty,
          #para-quem-nao,
          #para-quem,
          #construir,
          #modules,
          #projeto-pratico,
          #market,
          #instituicao,
          #faq,
          #duvidas-entrevistas {
            contain: layout style paint;
          }
        }

        /* ─── LIGHT THEME ─── */
        html.light body {
          background-color: #f0f2f5;
          color: #0e0e13;
        }
        html.light #bg-grid {
          background-image:
            linear-gradient(rgba(0,100,120,0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(0,100,120,0.07) 1px, transparent 1px);
        }
        html.light #main-nav {
          background: linear-gradient(90deg, #0b6d77 0%, #0a8fa0 42%, #0b6d77 100%) !important;
          border-color: rgba(0, 55, 62, 0.45);
          box-shadow: 0 4px 20px rgba(0, 70, 80, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.14);
        }
        html.light #main-nav.scrolled {
          background: linear-gradient(90deg, #095d66 0%, #087a8a 50%, #095d66 100%) !important;
          border-color: rgba(0, 55, 62, 0.5);
        }
        html.light #main-nav #nav-urgency-inner {
          color: rgba(255, 255, 255, 0.92) !important;
        }
        html.light #main-nav .text-on-surface {
          color: #ffffff !important;
        }
        html.light #main-nav .text-primary {
          color: #b9fbff !important;
        }
        html.light #main-nav .text-slate-400,
        html.light #main-nav #theme-toggle {
          color: rgba(255, 255, 255, 0.85) !important;
        }
        html.light #main-nav .text-primary\/30 {
          color: rgba(255, 255, 255, 0.35) !important;
        }
        /* ── Hero: remove scanline tint ── */
        html.light .scanline {
          opacity: 0;
        }
        /* ── Hero: neutralize glow blur ── */
        html.light .bg-primary\/5 {
          background-color: transparent !important;
        }
        html.light .glass-panel,
        html.light .glass-card {
          background: rgba(255,255,255,0.80);
          -webkit-backdrop-filter: none;
          backdrop-filter: none;
          border-color: rgba(0,100,120,0.1);
          box-shadow: none;
        }
        html.light .bg-white\/5 {
          background: rgba(255,255,255,0.80) !important;
        }
        html.light .bg-white\/8 {
          background: rgba(255,255,255,0.90) !important;
        }
        html.light .bg-black\/25 {
          background: rgba(255,255,255,0.18) !important;
        }
        .partner-logo-dark {
          display: block;
        }
        .partner-logo-light {
          display: none;
        }
        html.light .partner-logo-dark {
          display: none;
        }
        html.light .partner-logo-light {
          display: block;
        }
        /* ── Text colors ── */
        html.light .text-on-surface {
          color: #0e0e13 !important;
        }
        html.light .text-on-surface-variant {
          color: #44464f !important;
        }
        html.light .text-slate-400 {
          color: #44464f !important;
        }
        html.light .text-slate-500 {
          color: #6b7280 !important;
        }
        /* text-on-surface/80 — opacity variant */
        html.light .text-on-surface\/80 {
          color: rgba(14,14,19,0.75) !important;
        }
        /* ── Primary color: darken for contrast on light bg ── */
        html.light .text-primary {
          color: #007a85 !important;
        }
        html.light .border-primary {
          border-color: #007a85 !important;
        }
        html.light .bg-primary\/5  { background-color: rgba(0,122,133,0.05) !important; }
        html.light .bg-primary\/10 { background-color: rgba(0,122,133,0.08) !important; }
        html.light .border-white\/5 {
          border-color: rgba(0,0,0,0.08) !important;
        }
        html.light .border-white\/10 {
          border-color: rgba(0,0,0,0.1) !important;
        }
        html.light .border-outline-variant\/10 {
          border-color: rgba(0,0,0,0.08) !important;
        }
        /* ── Faculty: surface bg overrides ── */
        html.light .bg-surface-container-lowest {
          background-color: rgba(0,0,0,0.05) !important;
        }
        html.light .bg-surface-container-high {
          background-color: rgba(0,0,0,0.05) !important;
        }
        html.light .bg-surface {
          background: rgba(255,255,255,0.9) !important;
        }
        /* ── Faculty: chip overrides to use primary ── */
        html.light .hud-chip {
          background: rgba(0,122,133,0.08) !important;
          color: #004a52 !important;
          border-color: rgba(0,122,133,0.2) !important;
        }
        /* ── Module 09 card: semi-transparent ── */
        html.light div.bg-primary {
          background-color: rgba(0,122,133,0.80) !important;
        }
        /* ── Buttons/links bg-primary: sólido ── */
        html.light a.bg-primary,
        html.light button.bg-primary {
          background-color: #007a85 !important;
          color: #ffffff !important;
        }
        html.light .text-on-primary {
          color: #ffffff !important;
        }
/* ── Nav urgency bar text ── */
        html.light .text-on-surface { color: #0e0e13 !important; }
        /* ── Data lines: subtler ── */
        html.light .data-line {
          background: linear-gradient(180deg, transparent, rgba(0,122,133,0.15), transparent);
        }
        /* ── Cursor orb: adapt for light ── */
        html.light .cursor-orb {
          mix-blend-mode: multiply;
          background: radial-gradient(circle at 30% 20%, rgba(0,122,133,0.25), transparent 65%),
                      radial-gradient(circle at 70% 80%, rgba(0,122,133,0.15), transparent 70%);
        }
        /* ── Footer ── */
        html.light footer {
          background-color: #e8eaed !important;
          border-color: rgba(0,0,0,0.08) !important;
        }
        html.light footer .text-cyan-400 {
          color: #007a85 !important;
        }
        /* ── Hero badge ── */
        html.light .border-primary\/20 { border-color: rgba(0,122,133,0.2) !important; }
        html.light .border-primary\/30 { border-color: rgba(0,122,133,0.25) !important; }
        html.light .border-primary\/40 { border-color: rgba(0,122,133,0.3) !important; }
        html.light .border-primary\/50 { border-color: rgba(0,122,133,0.4) !important; }
        /* ── Hero: gradient button fix ── */
        html.light .from-primary {
          --tw-gradient-from: #007a85 !important;
          --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0,122,133,0)) !important;
        }
        html.light .to-primary-container {
          --tw-gradient-to: #005357 !important;
        }
        /* ── Hero: título glow no tema claro ── */
        html.light .text-glow {
          text-shadow: 0 0 20px rgba(0,122,133,0.2) !important;
        }
        html.light #particles-canvas {
          opacity: 0.7;
        }

        /* Origem: perspectiva para ilustração com movimento no scroll */
        #story .story-visual-perspective {
          perspective: 1400px;
          perspective-origin: 68% 42%;
          cursor: grab;
        }
        #story .story-visual-perspective:active {
          cursor: grabbing;
        }
        #story .story-visual-motion {
          transform-style: preserve-3d;
          will-change: transform;
          transform-origin: 72% 52%;
          backface-visibility: hidden;
          -webkit-backface-visibility: hidden;
        }
        #story .story-visual-tilt {
          transform-style: preserve-3d;
          will-change: transform;
        }
        @media (max-width: 1023px) {
          #story .story-visual-perspective {
            perspective-origin: 50% 40%;
          }
          #story .story-visual-motion {
            transform-origin: 50% 50%;
          }
        }
        @media (prefers-reduced-motion: reduce) {
          #story .story-visual-motion,
          #story .story-visual-tilt {
            will-change: auto;
          }
          #story .story-visual-perspective {
            cursor: default;
          }
        }

        /* ─── NAV SCROLL + barra de urgência (faixa de destaque, contraste com #0e0e13) ─── */
        #main-nav {
          top: 0;
          background: linear-gradient(90deg, #007f8b 0%, #0096a3 50%, #007f8b 100%);
          border-bottom-color: rgba(143, 245, 255, 0.42);
          box-shadow:
            0 4px 28px rgba(0, 0, 0, 0.5),
            inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }
        #main-nav #nav-urgency-inner {
          color: rgba(226, 232, 240, 0.93);
        }
        #main-nav.scrolled {
          background: linear-gradient(90deg, #007381 0%, #008d9a 50%, #007381 100%);
          -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
          border-bottom-color: rgba(143, 245, 255, 0.35);
        }

        /* ─── GRID BACKGROUND ─── */
        #bg-grid {
          position: fixed;
          inset: 0;
          background-image:
            linear-gradient(rgba(143,245,255,0.04) 1px, transparent 1px),
            linear-gradient(90deg, rgba(143,245,255,0.04) 1px, transparent 1px);
          background-size: 60px 60px;
          pointer-events: none;
          z-index: 0;
        }

        /* ─── CANVAS BACKGROUND ─── */
        #particles-canvas {
          position: fixed;
          top: 0; left: 0;
          width: 100%; height: 100%;
          pointer-events: none;
          z-index: 0;
          opacity: 0.15;
        }

        /* ─── DATA LINES ─── */
        .data-line {
          position: fixed;
          width: 1px;
          background: linear-gradient(180deg, transparent, rgba(143,245,255,0.3), transparent);
          opacity: 0;
          animation: data-flow linear infinite;
          top: -100vh;
          z-index: 0;
          pointer-events: none;
        }

        @keyframes data-flow {
          0% { transform: translateY(-100%); opacity: 0; }
          10% { opacity: 0.6; }
          90% { opacity: 0.6; }
          100% { transform: translateY(100vh); opacity: 0; }
        }

        /* ── Cursor tech orb ── */
        .cursor-orb {
          position: fixed;
          top: 0; left: 0;
          width: 180px; height: 180px;
          border-radius: 50%;
          pointer-events: none;
          z-index: 0;
          background:
            radial-gradient(circle at 30% 20%, rgba(143,245,255,0.3), transparent 65%),
            radial-gradient(circle at 70% 80%, rgba(143,245,255,0.15), transparent 70%);
          opacity: 0.0;
          mix-blend-mode: screen;
          filter: blur(1px);
          transform: translate3d(-999px, -999px, 0);
          transition: opacity 150ms linear;
        }

        .cursor-orb.is-active { opacity: 0.9; }

        @media (pointer: coarse) { .cursor-orb { display: none; } }

        /* ── Click burst effect ── */
        .click-burst {
          position: fixed;
          top: 0; left: 0;
          width: 220px; height: 220px;
          border-radius: 50%;
          pointer-events: none;
          z-index: 0;
          background:
            radial-gradient(circle, rgba(143,245,255,0.7) 0%, transparent 55%),
            radial-gradient(circle at 30% 20%, rgba(143,245,255,0.5), transparent 60%);
          mix-blend-mode: screen;
          filter: blur(2px);
          transform: translate3d(-50%, -50%, 0) scale(0.2);
          opacity: 0;
          animation: click-burst 0.3s linear forwards;
        }

        @keyframes click-burst {
          0%   { transform: translate3d(-50%, -50%, 0) scale(0.2); opacity: 0.95; }
          60%  { transform: translate3d(-50%, -50%, 0) scale(1.1); opacity: 0.45; }
          100% { transform: translate3d(-50%, -50%, 0) scale(1.6); opacity: 0; }
        }
        .scanline {
            background: linear-gradient(to bottom, rgba(143, 245, 255, 0) 50%, rgba(143, 245, 255, 0.05) 50.5%, rgba(143, 245, 255, 0) 51%);
            background-size: 100% 4px;
            pointer-events: none;
        }
        .glass-panel {
            background: rgba(25, 25, 31, 0.6);
            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
        }
        .text-glow {
            text-shadow: 0 0 15px rgba(143, 245, 255, 0.5);
        }
        .story-highlight-green {
            color: #d9f99d;
        }
        html.light .story-highlight-green {
            color: #2f7a1f;
        }
        .button-glow:hover {
            box-shadow: 0 0 25px rgba(0, 238, 252, 0.4);
        }
        .hero-cta-attention {
            background: linear-gradient(135deg, #d9f99d 0%, #bef264 42%, #84cc16 100%);
            color: #0f1905;
            box-shadow: 0 10px 34px rgba(132, 204, 22, 0.35);
            animation: cta-soft-pulse 2.8s ease-in-out infinite;
            position: relative;
            overflow: hidden;
            isolation: isolate;
        }
        .hero-cta-attention::before {
            content: "";
            position: absolute;
            inset: -40% auto -40% -30%;
            width: 36%;
            pointer-events: none;
            background: linear-gradient(
              115deg,
              rgba(255, 255, 255, 0) 0%,
              rgba(255, 255, 255, 0.04) 22%,
              rgba(255, 255, 255, 0.4) 50%,
              rgba(255, 255, 255, 0.06) 76%,
              rgba(255, 255, 255, 0) 100%
            );
            filter: blur(1px);
            transform: translateX(-180%) skewX(-20deg);
            animation: cta-light-sweep 4.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
            z-index: 1;
        }
        .hero-cta-attention > * {
            position: relative;
            z-index: 2;
        }
        .hero-cta-attention:hover {
            box-shadow: 0 14px 42px rgba(101, 163, 13, 0.42);
            transform: translateY(-1px);
        }
        html.light .hero-cta-attention {
            box-shadow: 0 10px 28px rgba(132, 204, 22, 0.28);
        }
        @keyframes cta-light-sweep {
          0%   { transform: translateX(-180%) skewX(-20deg); opacity: 0; }
          12%  { opacity: 0.65; }
          30%  { transform: translateX(360%) skewX(-20deg); opacity: 0; }
          100% { transform: translateX(360%) skewX(-20deg); opacity: 0; }
        }
        @keyframes cta-soft-pulse {
          0%, 100% { transform: scale(1); }
          50% { transform: scale(1.035); }
        }
        .glass-card {
            background: rgba(19, 19, 25, 0.6);
            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
        }
        /* ── Modules hover polish ── */
        #modules .modules-grid > div {
          position: relative;
          overflow: hidden;
          transform-origin: center;
          transition:
            transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 280ms cubic-bezier(0.22, 1, 0.36, 1),
            border-color 280ms linear;
        }
        #modules .modules-grid > div::before {
          content: "";
          position: absolute;
          inset: -130% -35%;
          pointer-events: none;
          background: linear-gradient(
            110deg,
            transparent 36%,
            rgba(143, 245, 255, 0.16) 46%,
            rgba(255, 255, 255, 0.35) 50%,
            rgba(143, 245, 255, 0.14) 54%,
            transparent 64%
          );
          transform: translateX(-140%) skewX(-18deg);
          transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
        }
        #modules .modules-grid > div:hover {
          transform: translateY(-5px) scale(1.02);
          box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35), 0 0 28px rgba(143, 245, 255, 0.12);
        }
        #modules .modules-grid > div:hover::before {
          transform: translateX(140%) skewX(-18deg);
        }
        html.light #modules .modules-grid > div:hover {
          box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12), 0 0 20px rgba(0, 122, 133, 0.12);
        }

        @media (prefers-reduced-motion: reduce) {
          .hero-cta-attention::before {
            animation: none;
            opacity: 0;
          }
          #modules .modules-grid > div,
          #modules .modules-grid > div::before {
            transition: none;
          }
        }

        /* ── HUD Professor Card ── */
        :root {
          --blue: #8ff5ff;
          --white: #f9f5fd;
          --text: #f9f5fd;
          --on-tertiary-container: #f8f1ff;
        }
        .hud-card {
          display: flex;
          background: rgba(19,19,25,0.6);
          -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
          border: 1px solid rgba(143,245,255,0.1);
          border-radius: 4px;
          overflow: hidden;
          transition: border-color 150ms linear, box-shadow 150ms linear;
          position: relative;
        }
        .hud-card:hover {
          border-color: rgba(143,245,255,0.3);
          box-shadow: 0 0 40px rgba(143,245,255,0.08), 0 20px 60px rgba(0,0,0,0.5);
        }
        .hud-photo-panel {
          width: 220px;
          flex-shrink: 0;
          display: flex;
          flex-direction: column;
          background: rgba(0,0,0,0.4);
          border-right: 1px solid rgba(143,245,255,0.1);
        }
        .hud-photo-wrap {
          position: relative;
          flex: 1;
          overflow: hidden;
        }
        .hud-photo {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: top center;
          display: block;
          filter: contrast(1.05) brightness(0.95);
          min-height: 300px;
        }
        .hud-corner {
          position: absolute;
          width: 16px;
          height: 16px;
          z-index: 2;
        }
        .hud-tl { top: 8px; left: 8px; border-top: 2px solid var(--blue); border-left: 2px solid var(--blue); }
        .hud-tr { top: 8px; right: 8px; border-top: 2px solid var(--blue); border-right: 2px solid var(--blue); }
        .hud-bl { bottom: 8px; left: 8px; border-bottom: 2px solid var(--blue); border-left: 2px solid var(--blue); }
        .hud-br { bottom: 8px; right: 8px; border-bottom: 2px solid var(--blue); border-right: 2px solid var(--blue); }
        .hud-edge-line {
          position: absolute;
          top: 0; right: 0; bottom: 0;
          width: 2px;
          background: linear-gradient(180deg, transparent 0%, var(--blue) 40%, var(--blue) 60%, transparent 100%);
          opacity: 0.6;
          z-index: 2;
        }
        .hud-id-bar {
          display: grid;
          grid-template-columns: 1fr 1fr;
          border-top: 1px solid rgba(143,245,255,0.1);
        }
        .hud-id-item {
          display: flex;
          flex-direction: column;
          gap: 2px;
          padding: 10px 14px;
        }
        .hud-id-item:first-child { border-right: 1px solid rgba(143,245,255,0.1); }
        .hud-id-label {
          font-size: 8px;
          font-weight: 700;
          letter-spacing: 0.2em;
          text-transform: uppercase;
          color: var(--blue);
          opacity: 0.6;
        }
        .hud-id-value {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 11px;
          font-weight: 800;
          color: var(--white);
          letter-spacing: 0.06em;
          text-transform: uppercase;
        }
        .hud-content {
          flex: 1;
          padding: 28px 32px;
          display: flex;
          flex-direction: column;
          gap: 16px;
          min-width: 0;
        }
        .hud-profile-label {
          display: flex;
          align-items: center;
          gap: 10px;
          font-size: 9px;
          font-weight: 700;
          letter-spacing: 0.22em;
          text-transform: uppercase;
          color: var(--blue);
          opacity: 0.75;
        }
        .hud-label-line {
          display: block;
          width: 28px;
          height: 1px;
          background: var(--blue);
          opacity: 0.6;
          flex-shrink: 0;
        }
        .hud-name {
          font-family: 'Space Grotesk', sans-serif;
          font-size: clamp(32px, 4vw, 52px);
          font-weight: 800;
          color: var(--white);
          letter-spacing: -0.02em;
          line-height: 1;
          text-transform: uppercase;
          margin: 0;
        }
        .hud-section {
          display: flex;
          flex-direction: column;
          gap: 6px;
        }
        .hud-section-label {
          display: flex;
          align-items: center;
          gap: 7px;
          font-size: 9px;
          font-weight: 700;
          letter-spacing: 0.18em;
          text-transform: uppercase;
          color: var(--blue);
          opacity: 0.8;
        }
        .hud-section-label svg { width: 12px; height: 12px; flex-shrink: 0; color: var(--blue); }
        .hud-section-text {
          font-size: 13px;
          color: rgba(232,234,242,0.65);
          line-height: 1.7;
          padding-left: 19px;
        }
        .hud-section-text strong { color: var(--text); font-weight: 600; }
        .hud-competencies {
          display: flex;
          flex-direction: column;
          gap: 10px;
          margin-top: 4px;
        }
        .hud-comp-label {
          font-size: 9px;
          font-weight: 700;
          letter-spacing: 0.2em;
          text-transform: uppercase;
          color: rgba(232,234,242,0.4);
        }
        .hud-chips { display: flex; flex-wrap: wrap; gap: 8px; }
        .hud-chip {
          font-size: 11px;
          font-weight: 600;
          letter-spacing: 0.06em;
          text-transform: uppercase;
          color: var(--on-tertiary-container);
          background: rgba(112,0,255,0.3);
          border: 1px solid rgba(172,137,255,0.2);
          border-radius: 0.125rem;
          padding: 5px 12px;
          transition: background 150ms linear, border-color 150ms linear;
        }
        .hud-chip:hover { background: rgba(112,0,255,0.45); border-color: rgba(172,137,255,0.4); }

        /* ─── MOBILE RESPONSIVE (< 640px) ─── */
        @media (max-width: 639px) {
          /* Seções: padding vertical reduzido */
          .py-32 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }

          /* Espaçamentos de cabeçalhos */
          .mb-24 { margin-bottom: 2rem !important; }
          .mb-16 { margin-bottom: 1.75rem !important; }

          /* Gaps em layouts flex */
          .gap-16 { gap: 1.5rem !important; }
          .gap-10 { gap: 1.25rem !important; }

          /* Padding dos cards */
          .p-12 { padding: 1.75rem !important; }
          .p-10 { padding: 1.5rem !important; }
          .p-8  { padding: 1.25rem !important; }

          /* Min-height dos cards de módulos */
          .min-h-\[280px\] { min-height: 180px !important; }

          /* Módulo 09: grid interno vira coluna única */
          .grid-cols-2.gap-8 { grid-template-columns: 1fr !important; gap: 1rem !important; }

          /* Botões CTA: altura e largura mais compactas */
          .py-5  { padding-top: 0.875rem !important; padding-bottom: 0.875rem !important; }
          .px-10 { padding-left: 1.5rem !important;  padding-right: 1.5rem !important; }
          .px-12 { padding-left: 1.75rem !important; padding-right: 1.75rem !important; }

          /* Escala tipográfica mobile */
          .text-7xl { font-size: 3rem !important;    line-height: 1 !important; }
          .text-6xl { font-size: 2.75rem !important; line-height: 1.05 !important; }
          .text-5xl { font-size: 1.875rem !important; line-height: 1.1 !important; }
          .text-4xl { font-size: 1.75rem !important;  line-height: 1.2 !important; }

          /* Subtítulos dos cards de mercado */
          h3.font-headline.text-lg { font-size: 0.875rem !important; line-height: 1.3 !important; }

          /* FAQ: indentação da resposta menor */
          .pl-\[4\.25rem\] { padding-left: 1.25rem !important; }

          /* Barra de urgência do nav: compactar */
          #nav-urgency-inner {
            padding-right: 2.75rem;
            font-size: 12px;
            letter-spacing: 0.06em;
          }
        }

        /* ── Teste: destaque visual apenas em Matérias & Tópicos ── */
        #modules .glass-panel {
          background:
            radial-gradient(120% 120% at 100% 0%, rgba(135, 76, 255, 0.18) 0%, rgba(135, 76, 255, 0) 56%),
            radial-gradient(120% 120% at 0% 100%, rgba(143, 245, 255, 0.14) 0%, rgba(143, 245, 255, 0) 58%),
            rgba(21, 21, 33, 0.92);
          border-color: rgba(143, 245, 255, 0.24) !important;
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
        }
        #modules .glass-panel:hover {
          border-color: rgba(143, 245, 255, 0.45) !important;
          background:
            radial-gradient(120% 120% at 100% 0%, rgba(135, 76, 255, 0.24) 0%, rgba(135, 76, 255, 0) 60%),
            radial-gradient(120% 120% at 0% 100%, rgba(143, 245, 255, 0.18) 0%, rgba(143, 245, 255, 0) 62%),
            rgba(26, 26, 40, 0.96);
        }
        html.light #modules .glass-panel {
          background:
            radial-gradient(120% 120% at 100% 0%, rgba(135, 76, 255, 0.10) 0%, rgba(135, 76, 255, 0) 55%),
            radial-gradient(120% 120% at 0% 100%, rgba(0, 122, 133, 0.08) 0%, rgba(0, 122, 133, 0) 58%),
            rgba(255, 255, 255, 0.92) !important;
          border-color: rgba(0, 122, 133, 0.2) !important;
        }