:root{--bg:#101626;--ink:#101327;--text:#f8fbff;--muted:#6d7691;--card:#ffffff;--line:rgba(255,255,255,.18);--purple:#7c3cff;--violet:#a855f7;--pink:#ff4f9a;--yellow:#ffd84d;--cyan:#34d6ff;--green:#31e981;--orange:#ff9a3c;--shadow:0 24px 80px rgba(17,24,39,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 7%,rgba(255,216,77,.28),transparent 25%),radial-gradient(circle at 88% 12%,rgba(52,214,255,.24),transparent 28%),linear-gradient(135deg,#25135c 0%,#111a3a 42%,#111827 100%);color:var(--text);min-height:100vh;overflow-x:hidden}.ambient{position:fixed;z-index:-1;filter:blur(4px);opacity:.8;pointer-events:none}.ambient-one{width:360px;height:360px;border-radius:42% 58% 70% 30%;background:linear-gradient(135deg,var(--yellow),var(--pink));right:-120px;top:110px;animation:float 12s ease-in-out infinite}.ambient-two{width:280px;height:280px;border-radius:55% 45% 35% 65%;background:linear-gradient(135deg,var(--cyan),var(--purple));left:220px;bottom:-110px;animation:float 14s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-24px) rotate(7deg)}}.shell{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px;background:rgba(14,18,42,.72);border-right:1px solid var(--line);backdrop-filter:blur(22px);box-shadow:inset -1px 0 rgba(255,255,255,.06)}.brand{text-decoration:none;color:white;display:grid;gap:5px;margin-bottom:24px}.brand-mark{display:grid;place-items:center;width:86px;height:64px;border-radius:24px;background:linear-gradient(135deg,var(--yellow),var(--orange));color:#24112f;font-family:Nunito,Inter,sans-serif;font-size:24px;font-weight:900;box-shadow:0 16px 40px rgba(255,216,77,.22);transform:rotate(-3deg)}.brand strong{font-family:Nunito,Inter,sans-serif;font-size:22px;letter-spacing:-.03em}.brand small{color:#c9d7ff;font-weight:700}nav{display:grid;gap:8px}nav a{color:#e9efff;text-decoration:none;padding:11px 13px;border-radius:16px;border:1px solid transparent;font-weight:800}nav a:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.14);transform:translateX(4px)}.side-mission{margin-top:22px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.08);color:#dce7ff;font-size:13px}.pulse{position:relative}.pulse:after{content:"";position:absolute;inset:-5px;border-radius:999px;border:2px solid rgba(49,233,129,.45);animation:pulse 1.8s infinite}@keyframes pulse{to{transform:scale(1.5);opacity:0}}main{padding:34px;max-width:1320px;width:100%}.hero{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);gap:24px;align-items:stretch}.glass,.panel{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow);border-radius:34px;padding:30px;backdrop-filter:blur(18px);overflow:hidden}.glass:before{content:"";position:absolute;right:-80px;top:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,77,.44),transparent 65%)}.card,.quest-card{position:relative;background:var(--card);color:var(--ink);border-radius:28px;padding:24px;box-shadow:0 14px 38px rgba(15,23,42,.18);border:1px solid rgba(16,19,39,.06);transition:transform .18s ease,box-shadow .18s ease}.card:hover,.quest-card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 22px 55px rgba(15,23,42,.22)}.quest-card{overflow:hidden}.quest-card:after{content:"";position:absolute;right:-34px;bottom:-34px;width:112px;height:112px;border-radius:32px;background:linear-gradient(135deg,var(--cyan),var(--purple));opacity:.16;transform:rotate(18deg)}.celebrate{animation:celebrate .9s ease}@keyframes celebrate{0%,100%{transform:scale(1)}35%{transform:scale(1.035) rotate(-1.5deg);box-shadow:0 0 0 8px rgba(255,216,77,.22),0 24px 58px rgba(15,23,42,.24)}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.quest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#261432;background:linear-gradient(135deg,var(--yellow),#fff4a8);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;padding:8px 12px;border-radius:999px}.eyebrow.dark{background:rgba(255,255,255,.14);color:#ffed9b}h1{font-family:Nunito,Inter,sans-serif;font-size:clamp(42px,7vw,88px);line-height:.88;margin:14px 0 18px;letter-spacing:-.055em}h2{font-family:Nunito,Inter,sans-serif;font-size:clamp(28px,3vw,42px);margin:0 0 16px;letter-spacing:-.035em}h3{margin:0 0 10px;font-size:20px}.lead{font-size:20px;color:#e5ecff;line-height:1.62;max-width:760px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--purple));color:white;text-decoration:none;border:0;font-weight:900;cursor:pointer;box-shadow:0 14px 32px rgba(124,60,255,.28)}.btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn.secondary{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.17);box-shadow:none}.badge{display:inline-flex;align-items:center;width:max-content;padding:6px 11px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.badge.hot{background:#fff2bd;color:#7c2d12}.badge.green{background:#dcfce7;color:#166534}.jp{font-size:34px;font-weight:900;letter-spacing:-.04em}.big-number{font-family:Nunito,Inter,sans-serif;font-size:64px;line-height:1;font-weight:900;background:linear-gradient(135deg,var(--purple),var(--pink));-webkit-background-clip:text;color:transparent}.progress{height:14px;background:#e7ebf5;border-radius:999px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--purple));border-radius:999px}.lesson-section{margin-top:20px}pre{white-space:pre-wrap;background:#111827;color:#e5e7eb;padding:16px;border-radius:18px;line-height:1.75;overflow:auto}.hidden{display:none}.flashcard{min-height:260px;perspective:1000px}.flashcard .back{display:none}.flashcard.flipped .front{display:none}.flashcard.flipped .back{display:block}.mission-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.stage{display:flex;gap:12px;align-items:flex-start}.stage-icon{display:grid;place-items:center;min-width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--yellow),var(--orange));font-size:22px}.ticker{display:flex;gap:12px;overflow:auto;padding:8px 0 4px;scroll-snap-type:x mandatory}.ticker .quest-card{min-width:285px;scroll-snap-align:start}.wayground-note{border:2px dashed rgba(255,216,77,.6);background:rgba(255,216,77,.12);color:#fff5c2}.api-pill{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:#101327;color:#dce7ff;padding:9px 11px;border-radius:13px;display:inline-flex;margin:3px}@media(max-width:900px){.shell{display:block}.sidebar{position:relative;height:auto}.hero{grid-template-columns:1fr}main{padding:20px}.sidebar nav{grid-template-columns:repeat(2,1fr)}h1{font-size:46px}}