*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f9fafb;--surface: #ffffff;--surface2: #f3f4f6;--surface3: #e5e7eb;--border: rgba(79,70,229,.1);--border2: rgba(79,70,229,.22);--text: #111827;--text-muted: #6b7280;--text-dim: #9ca3af;--accent: #4f46e5;--accent-glow:rgba(79,70,229,.15);--radius: 12px;--font-sans: "Nunito", sans-serif;--font-mono: "Fira Code", monospace;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06)}body{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--text);min-height:100vh;background:#fff;background-image:radial-gradient(ellipse 90% 50% at 0% 0%,rgba(238,225,255,.65) 0%,transparent 55%),radial-gradient(ellipse 80% 45% at 100% 0%,rgba(209,231,255,.65) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 50% 110%,rgba(204,255,232,.5) 0%,transparent 60%);background-attachment:fixed}header{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:58px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#ffffffe6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:100}.logo{display:flex;align-items:baseline;gap:3px;text-decoration:none;line-height:1}.logo-stem{font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-domain{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);font-weight:400}nav{display:flex;gap:4px;align-items:center}nav a{font-size:14px;font-weight:700;color:var(--text-muted);text-decoration:none;padding:7px 16px;border-radius:99px;border:1.5px solid transparent;transition:all .18s ease;white-space:nowrap}nav a:hover{color:var(--text);background:var(--surface2);border-color:var(--border2)}nav a.active{color:var(--accent);background:#4f46e512;border-color:#4f46e547}footer{border-top:1px solid var(--border);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:var(--surface)}footer span{font-size:13px;color:var(--text-dim);font-weight:600}.tool-panels{max-width:900px;margin:0 auto;padding:48px 20px 64px;display:flex;flex-direction:column;gap:12px}.learn-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.learn-block{background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow-sm)}.learn-q{font-size:10px;font-weight:800;font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}.learn-block>p{font-size:14px;line-height:1.7;color:var(--text-muted);font-weight:600}.terms-list{display:flex;flex-direction:column;gap:5px}.term{font-size:13px;color:var(--text-muted);font-weight:600;line-height:1.55}.term strong{color:var(--text)}.practice-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.challenge-box{background:#4f46e50d;border:1.5px solid rgba(79,70,229,.22);border-radius:16px;padding:20px 22px}.challenge-label{font-size:12px;font-weight:800;color:var(--accent);margin-bottom:10px;font-family:var(--font-mono)}.challenge-box p{font-size:14px;font-weight:600;line-height:1.65;color:var(--text)}.continue-box{background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:8px}.continue-label{font-size:10px;font-weight:800;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.continue-link{font-size:16px;font-weight:800;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:8px}.continue-link:hover{text-decoration:underline}.continue-link:before{content:"→"}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:6px 7px;background:none;border:1.5px solid var(--border2);border-radius:10px;cursor:pointer;flex-shrink:0}.nav-toggle span{display:block;height:2px;background:var(--text-muted);border-radius:2px;transition:transform .22s ease,opacity .22s ease;transform-origin:center}header.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}header.nav-open .nav-toggle span:nth-child(2){opacity:0}header.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 640px){header{padding:0 16px;position:relative;flex-wrap:wrap;height:auto;min-height:56px}footer{padding:16px}.logo-stem{font-size:18px}#site-nav{display:none;flex-direction:column;width:100%;padding:10px 0 14px;gap:4px;border-top:1px solid var(--border);order:3}header.nav-open #site-nav{display:flex}.nav-toggle{display:flex}nav a{font-size:14px;padding:10px 14px;border-radius:10px;width:100%;border-color:transparent}nav a:hover{border-color:var(--border2)}.learn-panel,.practice-panel{grid-template-columns:1fr}.tool-panels{padding:32px 16px 48px}}