*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}:root{--accent: #7b5cff;--accent-2: #4cc3ff;--gradient: linear-gradient(135deg, var(--accent), var(--accent-2));--bg: #0b1220;--card: #121a2b;--text: #eaf1ff;--muted: #a6b3d1;--border: rgba(255,255,255,.12);--radius: 14px;--radius-sm: 10px;--shadow: 0 10px 30px rgba(0,0,0,.25);--transition: .25s ease;--btn-bg: var(--gradient);--btn-fg: #071224}body:not(.light){--btn-bg: linear-gradient(135deg, #2fb1ff, #7c5cff);--btn-fg: #ffffff}body.light{--bg: #f7f9ff;--card: #ffffff;--text: #0f1422;--muted: #445070;--border: rgba(0,0,0,.14);--shadow: 0 8px 18px rgba(0,0,0,.08)}body{background:var(--bg);color:var(--text);line-height:1.6;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.2}h2{font-size:clamp(1.4rem,2vw,2rem);line-height:1.25;margin-bottom:.3rem}h3{font-size:1.15rem}.lead{opacity:.9;font-size:1.06rem}.section{margin:16px 0}.card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.kicker{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:.25rem}.badge{display:inline-flex;padding:.35rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.badge-small{font-size:.78rem;padding:.25rem .45rem;border:1px solid var(--border);border-radius:999px;display:inline-block}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0}.grid{display:grid;gap:12px}.grid2{display:grid;gap:12px;grid-template-columns:1fr 1fr}.card-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.grid2,.card-grid{grid-template-columns:1fr}}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem}h1,h2,h3,h4{margin:var(--space-5) 0 var(--space-3)}p,ul,ol,.meta{margin:var(--space-3) 0}section,.section{margin:var(--space-7) 0}header{position:sticky;top:0;z-index:50;background:#0b1220a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}body.light header{background:#ffffffb8}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;gap:10px;font-weight:800}.logo .brandmark{height:80px}nav a{margin-left:12px;opacity:.95;padding:.4rem .6rem;border-radius:10px}nav a:hover{opacity:1;text-decoration:underline}.theme-toggle{margin-left:12px;border:1px solid var(--border);background:transparent;color:var(--text);padding:.4rem .6rem;border-radius:999px}.button,.button:link,.button:visited{background:var(--btn-bg);color:var(--btn-fg)!important;font-weight:800;padding:.65rem 1rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;border:none;transition:transform var(--transition),filter var(--transition);margin-right:var(--space-2)}.button:hover{transform:translateY(-1px);filter:brightness(1.05)}.button:focus-visible{outline:2px solid color-mix(in srgb,var(--btn-fg) 70%,transparent);outline-offset:2px}.card .button,.hero-card .button,.course-card .button{color:var(--btn-fg)!important}.tab.active,.tab.active:link,.tab.active:visited{background:var(--btn-bg);color:var(--btn-fg)!important;font-weight:800}.ghost{border:1px solid var(--border);padding:.6rem .9rem;border-radius:var(--radius-sm);color:var(--text);opacity:.95;transition:background var(--transition),transform var(--transition)}body.light .ghost:hover{background:#0000000a;transform:translateY(-1px)}body:not(.light) .ghost:hover{background:#ffffff14;transform:translateY(-1px)}.container{max-width:1140px;margin:0 auto;padding:24px}.card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:0px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-6);margin-top:var(--space-5)}.card-gradient{background:linear-gradient(135deg,#ade8f499,#ffffffe6);border-radius:12px;padding:var(--space-6);box-shadow:0 4px 12px #00000014}.teal-card{background-image:linear-gradient(135deg,#b6e5e6,#eaf6ff 48%,#fff);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 8px 24px #0000000f;padding:var(--space-6)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);align-items:center}.hero-visual{height:300px;min-height:360px}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:var(--space-5)}.hero-visual{height:260px;min-height:260px}}.features{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.feature{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-top:var(--space-4)}.stat{text-align:center;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);background:#ffffff08}.stat .num{font-size:1.4rem;font-weight:800}@media (max-width: 900px){.features{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}.hero-slider{position:relative;max-width:100%;height:70vh;overflow:hidden;border-radius:18px;margin-top:var(--space-5)}.hero-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}.hero-slider .slide.active{opacity:1}.hero-slider .slide img{width:100%;height:100%;object-fit:cover}.slider-controls{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;transform:translateY(-50%)}.slider-controls button,.slider-controls span{cursor:pointer;font-size:2rem;color:#fff;background:#00000059;border:none;border-radius:50%;padding:5px 10px}.dots{position:absolute;left:50%;bottom:14px;transform:translate(-50%);text-align:center}.dot{width:10px;height:10px;margin:0 4px;background:#ffffffa6;border-radius:50%;display:inline-block;cursor:pointer;transition:background .2s ease}.dot.active{background:#fff}@media (max-width: 900px){.hero-slider{height:48vh}}.tabs{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.tab{padding:.5rem .8rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08}.tab.active{background:var(--gradient);color:#071224;font-weight:800}input,textarea,select{width:100%;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .7rem;margin:var(--space-2) 0 var(--space-3)}input::placeholder,textarea::placeholder{color:var(--muted)}label{display:block;margin-bottom:var(--space-2)}form .button{margin-top:var(--space-3)}.search{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.search input{flex:1 1 280px}.table{width:100%;border-collapse:separate;border-spacing:0 var(--space-2);margin-top:var(--space-4)}.table th{text-align:left;color:var(--muted);font-size:.95rem;padding:var(--space-2) var(--space-3)}.table td{background:#ffffff0a;border:1px solid var(--border);padding:var(--space-4)}.table tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.table tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}footer{margin:var(--space-8) 0 var(--space-6);text-align:center;color:var(--muted);font-size:14px}footer p,footer a{margin:var(--space-2) 0}footer a{opacity:.9}footer a:hover{text-decoration:underline}.viz{position:relative}.viz-canvas-wrap{position:relative;width:100%;height:100%;border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,#5807070d,#ffffff05);border:1px solid var(--border)}.viz-canvas{display:block;width:100%;height:100%}@media (prefers-reduced-motion: reduce){.hero-slider .slide,.button,.ghost,.card,.tab,.course-card,.feature{transition:none}}.button,.ghost,.card,.tab,.course-card,.feature{transition:transform var(--transition),filter var(--transition),background var(--transition)}.card:hover,.course-card:hover,.feature:hover{transform:translateY(-2px)}.stack>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.gradient-card,.hero-card{position:relative;border-radius:18px;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow-strong);overflow:hidden;background:var(--card)}.gradient-card:before,.hero-card:before{content:"";position:absolute;inset:-20%;z-index:0;filter:blur(28px);pointer-events:none;background:radial-gradient(50% 60% at 15% 0%,color-mix(in srgb,var(--accent) 38%,transparent) 0%,transparent 65%),radial-gradient(55% 65% at 95% 10%,color-mix(in srgb,var(--accent-2) 38%,transparent) 0%,transparent 68%),linear-gradient(180deg,color-mix(in srgb,var(--card) 85%,transparent),color-mix(in srgb,var(--card) 92%,transparent))}.gradient-card>*,.hero-card>*{position:relative;z-index:1}.gradient-card .soft-field,.hero-card .soft-field{background:color-mix(in srgb,var(--card) 90%,white 10%);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-soft) inset}.gradient-card .stats,.hero-card .stats{margin-top:12px}.gradient-card .stat,.hero-card .stat{background:color-mix(in srgb,var(--card) 92%,white 8%);border:1px solid var(--border);border-radius:16px;padding:14px;text-align:center;box-shadow:var(--shadow-soft)}.gradient-card .stat .num,.hero-card .stat .num{font-weight:800;font-size:1.35rem}@supports not (color: color-mix(in srgb,white 50%,black)){.gradient-card:before,.hero-card:before{background:radial-gradient(50% 60% at 15% 0%,rgba(124,92,255,.25),transparent 65%),radial-gradient(55% 65% at 95% 10%,rgba(47,177,255,.25),transparent 68%),linear-gradient(180deg,#ffffff0a,#0000000a)}}