:root{--bg-base:#080810;--bg-surface:#0e0e1a;--bg-card:#12121e;--bg-elevated:#1a1a28;--bg-overlay:#20202e;--accent:#c9a84c;--accent-dim:#a07c34;--accent-glow:#c9a84c1f;--accent-muted:#c9a84c14;--accent-trading:#c9a84c;--accent-student:#3b82f6;--accent-explore:#8b5cf6;--positive:#22c55e;--negative:#ef4444;--neutral:#94a3b8;--caution:#f59e0b;--info:#60a5fa;--text-primary:#f0f0f8;--text-secondary:#9898b8;--text-muted:#626280;--text-faint:#3e3e55;--border:#ffffff0f;--border-strong:#ffffff1f;--border-accent:#c9a84c40;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--ease-fast:.15s cubic-bezier(.25, 1, .5, 1);--ease-base:.22s cubic-bezier(.25, 1, .5, 1);--ease-slow:.35s cubic-bezier(.25, 1, .5, 1);--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 24px #000000b3;--shadow-glow:0 0 20px var(--accent-glow);--sidebar-width:260px;--topbar-height:56px;--content-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}button,.btn{transition:transform var(--ease-fast), filter var(--ease-fast), opacity var(--ease-fast);will-change:transform}@media (hover:hover){button:hover,.btn:hover{filter:brightness(1.15)}}button:active,.btn:active{transform:scale(.96)translateY(1px)}@media (max-width:768px){button,.btn,a,.card{-webkit-tap-highlight-color:transparent}}.app-shell{grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr;grid-template-areas:"topbar topbar""sidenav content";min-height:100vh;display:grid}.app-topbar{height:var(--topbar-height);z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 var(--sp-6);align-items:center;gap:var(--sp-6);grid-area:topbar;display:flex;position:fixed;top:0;left:0;right:0}.app-sidenav{top:var(--topbar-height);width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);z-index:90;transition:transform var(--ease-base);flex-direction:column;grid-area:sidenav;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.app-content{margin-top:var(--topbar-height);margin-left:var(--sidebar-width);padding:var(--sp-8) var(--sp-8);min-height:calc(100vh - var(--topbar-height));max-width:calc(var(--content-max) + var(--sidebar-width));grid-area:content}@keyframes page-fade-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-page-in{animation:page-fade-slide var(--ease-slow) forwards;will-change:opacity, transform}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);transition:transform var(--ease-slow), border-color var(--ease-base), box-shadow var(--ease-base);will-change:transform, box-shadow;word-break:break-word;overflow-wrap:anywhere}@media (hover:hover){.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg), 0 12px 32px #0006;transform:translateY(-3px)scale(1.01)perspective(1000px)rotateX(.5deg)}}.card-accent{border-color:var(--border-accent)}.card-elevated{background:var(--bg-elevated)}.grid-1{gap:var(--sp-5);grid-template-columns:1fr;display:grid}.grid-2{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.grid-auto{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar""content"}.app-sidenav{z-index:95;transform:translate(-100%)}.app-sidenav.open{transform:translate(0)}.app-content{padding:var(--sp-5) var(--sp-4);margin-left:0}.app-topbar{padding:0 var(--sp-4)!important;gap:var(--sp-2)!important}.mobile-hide{display:none!important}.mobile-sticky-cta{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex;bottom:0;left:0;right:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding:var(--sp-4) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom))!important;background:#080810f2!important;margin-bottom:0!important;position:fixed!important;box-shadow:0 -10px 40px #000c!important}.mobile-hide-desc{display:none!important}.mobile-sticky-cta h3{font-size:var(--text-base)!important;margin-bottom:0!important}.mobile-sticky-cta .label{margin-bottom:2px!important;font-size:9px!important}}.label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.section-title{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.2}.section-desc{font-size:var(--text-base);color:var(--text-secondary);max-width:600px;line-height:1.7}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.value-lg{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:600}.status-dot{background:var(--positive);border-radius:50%;width:6px;height:6px;display:inline-block}.badge{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);letter-spacing:.04em;border-radius:100px;font-weight:600;display:inline-flex}.badge-neutral{color:var(--neutral);background:#94a3b81a}.badge-positive{color:var(--positive);background:#22c55e1a}.badge-caution{color:var(--caution);background:#f59e0b1a}.badge-accent{background:var(--accent-muted);color:var(--accent)}.divider{background:var(--border);height:1px;margin:var(--sp-6) 0}.section-header{padding-bottom:var(--sp-6);border-bottom:1px solid var(--border);margin-bottom:var(--sp-8)}.data-row{padding:var(--sp-3) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.data-row:last-child{border-bottom:none}.data-row .row-label{color:var(--text-secondary)}.data-row .row-value{font-family:var(--font-mono);color:var(--text-primary);font-weight:500}.tag{padding:2px var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border);font-size:var(--text-xs);color:var(--text-secondary);border-radius:100px;display:inline-block}.pillar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);border-top:3px solid var(--accent)}.rule-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--sp-4) var(--sp-5)}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);gap:var(--sp-2);flex-direction:column;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent-glow);color:var(--accent)}
body{color:#eef5ff;scroll-behavior:smooth;background:#0a0c12;overflow-x:hidden}.existing-site{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:0 0;width:100%;min-height:100vh;position:relative}.antigravity-orb{pointer-events:none;z-index:1;filter:blur(45px);background:radial-gradient(circle,#00c8ff26,#6400ff00);border-radius:50%;width:150px;height:150px;animation:14s ease-in-out infinite alternate floatOrb;position:fixed}@keyframes floatOrb{0%{opacity:.6;transform:translate(0)scale(1)}to{opacity:.9;transform:translate(40px,-60px)scale(1.2)}}.gravity-dust{filter:blur(2px);opacity:.5;pointer-events:none;z-index:2;background:#0ff;border-radius:50%;width:6px;height:6px;animation:18s linear infinite driftParticle;position:fixed}@keyframes driftParticle{0%{opacity:0;transform:translateY(0)translate(0)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translateY(-100vh)translate(60px)}}.guidance-compass{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:1px;pointer-events:auto;cursor:pointer;color:#fff;background:#000000a6;border:1px solid #0ff;border-radius:60px;padding:12px 18px;font-family:monospace;font-size:.85rem;font-weight:600;transition:all .2s;position:fixed;bottom:28px;right:28px;box-shadow:0 0 20px #00ffff4d}.guidance-compass:hover{background:#0a142fcc;transform:scale(1.03)}.guidance-marker{z-index:999;pointer-events:none;filter:drop-shadow(0 0 8px #0af);will-change:transform;font-size:2rem;transition:all .25s cubic-bezier(.2,1,.3,1);position:fixed}.compass-icon{font-size:1.1em}.marker-text{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;color:#ccf;background:#000000b3;border-left:3px solid #0ff;border-radius:30px;margin-left:8px;padding:5px 12px;font-size:.75rem;font-weight:600}.aura-trail{pointer-events:none;z-index:9999;filter:blur(4px);background:radial-gradient(circle,#00e6ff99,#0050ff00);border-radius:50%;width:28px;height:28px;transition:all 80ms linear;position:fixed;transform:translate(-50%,-50%)}@media (max-width:700px){.guidance-marker{transform:scale(.8)}.marker-text{white-space:nowrap;font-size:.6rem}.compass-text{display:none}.guidance-compass{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:12px;display:flex}}#three-bg{z-index:0;pointer-events:none;opacity:.55;width:100%;height:100%;position:fixed;top:0;left:0}.card-3d{transform-style:preserve-3d;transition:all .4s cubic-bezier(.2,.9,.4,1.1)}.card-3d:hover{border-color:#00c8ffb3;box-shadow:0 30px 45px -12px #00b4ff4d}