:root{--bg: #F4F6FF;--bg-alt: #EDF0FF;--surface: #FFFFFF;--surface-2: #F8FAFF;--border: rgba(15,20,80,.09);--border-accent: rgba(99,102,241,.28);--text: #0D1440;--text-muted: rgba(13,20,64,.58);--text-subtle: rgba(13,20,64,.35);--accent: #4F46E5;--accent-2: #7C3AED;--accent-soft: rgba(79,70,229,.08);--accent-glow: rgba(79,70,229,.13);--halo: rgba(99,102,241,.14);--halo-strong: rgba(99,102,241,.24);--nav-bg: rgba(244,246,255,.9);--tag-bg: rgba(79,70,229,.08);--tag-text: #4F46E5;--mol-opacity: .07;--hex-opacity: .04;--icon-filter: invert(25%) sepia(80%) saturate(600%) hue-rotate(220deg) brightness(80%)}.dark{--bg: #070C1F;--bg-alt: #09112A;--surface: #0E1535;--surface-2: #131D48;--border: rgba(255,255,255,.07);--border-accent: rgba(129,140,248,.28);--text: #EEF0FF;--text-muted: rgba(200,210,255,.62);--text-subtle: rgba(200,210,255,.36);--accent: #818CF8;--accent-2: #A78BFA;--accent-soft: rgba(129,140,248,.1);--accent-glow: rgba(129,140,248,.17);--halo: rgba(129,140,248,.17);--halo-strong: rgba(129,140,248,.3);--nav-bg: rgba(7,12,31,.9);--tag-bg: rgba(129,140,248,.1);--tag-text: #818CF8;--mol-opacity: .05;--hex-opacity: .04;--icon-filter: brightness(0) invert(1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:99px}.icon-auto{filter:var(--icon-filter)}.mol-overlay{position:absolute;inset:0;pointer-events:none;background-size:cover;background-position:center;opacity:var(--mol-opacity);transition:opacity .3s}.hex-overlay{position:absolute;inset:0;pointer-events:none;background-image:url(/icons/hexagons.svg);background-repeat:repeat;background-size:180px;opacity:var(--hex-opacity);transition:opacity .3s}.radial-glow-tl{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 20% 10%,var(--accent-glow),transparent 65%)}.radial-glow-tr{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 80% 10%,var(--accent-glow),transparent 65%)}.radial-glow-center{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 60% at 50% 50%,var(--accent-glow),transparent 70%)}.halo-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .28s ease}.halo-card:hover{transform:translateY(-5px);border-color:var(--border-accent);box-shadow:0 0 0 1px var(--halo),0 8px 30px var(--halo),0 24px 64px var(--halo-strong)}.halo-subtle{border:1px solid var(--border);border-radius:14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease,background .25s ease}.halo-subtle:hover{transform:translateY(-3px);border-color:var(--border-accent);background:var(--surface);box-shadow:0 0 0 1px var(--halo),0 6px 22px var(--halo),0 18px 44px var(--halo)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;text-decoration:none;font-family:Manrope,sans-serif;font-weight:600;font-size:.875rem;transition:all .2s ease;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 28px var(--halo-strong)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border-accent);border-radius:10px;text-decoration:none;font-family:Manrope,sans-serif;font-weight:600;font-size:.875rem;transition:all .2s ease}.btn-secondary:hover{background:var(--accent-glow);transform:translateY(-1px);box-shadow:0 4px 16px var(--halo)}.tag{display:inline-flex;align-items:center;padding:3px 10px;background:var(--tag-bg);color:var(--tag-text);border-radius:6px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.02em}.eyebrow{font-family:Manrope,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.section-title{font-family:Poppins,sans-serif;font-weight:700;color:var(--text);line-height:1.2}.body-text{font-family:Inter,sans-serif;color:var(--text-muted);line-height:1.78}.divider{height:1px;background:var(--border)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.anim-fade-up{opacity:0;animation:fade-up .6s cubic-bezier(.22,1,.36,1) forwards}.anim-float{animation:float 7s ease-in-out infinite}.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}.d5{animation-delay:.55s}.nav-link{font-family:Manrope,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.03em;color:var(--text-muted);text-decoration:none;padding:4px 0;position:relative;transition:color .2s;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;border-radius:2px;background:var(--accent);transition:width .25s ease}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-link:hover:after,.nav-link.active:after{width:100%}.prose-content h2{font-family:Poppins,sans-serif;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:var(--text);margin-top:2.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.prose-content h3{font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:1.8rem;margin-bottom:.6rem}.prose-content h4{font-family:Manrope,sans-serif;font-size:.95rem;font-weight:600;color:var(--text);margin-top:1.25rem;margin-bottom:.35rem}.prose-content p{font-family:Inter,sans-serif;color:var(--text-muted);line-height:1.82;margin-bottom:1rem;font-size:.925rem}.prose-content ul{list-style:none;padding:0;margin-bottom:1rem}.prose-content ul li{font-family:Inter,sans-serif;padding-left:1.4rem;position:relative;margin-bottom:.45rem;color:var(--text-muted);line-height:1.75;font-size:.925rem}.prose-content ul li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.55}.prose-content ol{padding-left:1.5rem;margin-bottom:1rem}.prose-content ol li{font-family:Inter,sans-serif;margin-bottom:.45rem;color:var(--text-muted);line-height:1.75;font-size:.925rem}.prose-content strong{color:var(--text);font-weight:600}.prose-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.prose-content th{background:var(--accent-soft);color:var(--accent);padding:.65rem 1rem;text-align:left;font-family:Manrope,sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.prose-content td{padding:.65rem 1rem;border-bottom:1px solid var(--border);color:var(--text-muted);font-family:Inter,sans-serif}.prose-content tr:last-child td{border-bottom:none}.prose-content tr:hover td{background:var(--accent-soft)}.prose-content code{font-size:.82em;background:var(--accent-soft);color:var(--accent);padding:.15em .45em;border-radius:5px}.prose-content pre{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem;overflow-x:auto;margin:1.5rem 0}.prose-content pre code{background:none;padding:0;color:var(--text-muted);font-size:.85rem}.prose-content img{max-width:100%;border-radius:10px;margin:1rem 0;border:1px solid var(--border)}.prose-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}.prose-content a:hover{opacity:.75}.prose-content blockquote{border-left:3px solid var(--border-accent);padding-left:1.2rem;margin:1.2rem 0;color:var(--text-subtle);font-style:italic}@media (max-width:768px){#desktop-nav{display:none!important}#mobile-btn{display:flex!important}}
