*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{--ink:#0d1117;--surface:#161b22;--surface-2:#1c2128;--border:#21262d;--border-2:#30363d;--text:#e6edf3;--text-2:#b1bac4;--muted:#7d8590;--blue:#3b82f6;--blue-dim:#1e3a5f;--blue-dark:#1d4ed8;--green:#22c55e;--green-bg:#0d2818;--amber:#f59e0b;--amber-bg:#451e00;--red:#ef4444;--red-bg:#2d0f0f;--purple:#a855f7;--font-sans:'Inter',system-ui,-apple-system,sans-serif;--font-mono:'JetBrains Mono','Fira Code','Courier New',monospace;--radius:10px;--radius-sm:6px;--radius-lg:16px;--nav-h:56px;--max-w:960px;--max-w-sm:720px;--max-w-xs:480px;}
html{font-size:16px;-webkit-text-size-adjust:100%;}
body{background:var(--ink);color:var(--text);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;line-height:1.5;}
nav{position:sticky;top:0;z-index:200;height:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:8px;}
.nav-logo{font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--text);text-decoration:none;margin-right:auto;letter-spacing:-0.01em;white-space:nowrap;}
.nav-logo span{color:var(--blue);}
.nav-links{display:flex;gap:2px;list-style:none;align-items:center;}
.nav-links a{display:block;padding:6px 12px;border-radius:var(--radius-sm);font-size:0.85rem;color:var(--muted);text-decoration:none;transition:color .15s,background .15s;white-space:nowrap;}
.nav-links a:hover{color:var(--text);background:var(--border);}
.nav-links a.active{color:var(--blue);background:var(--blue-dim);}
.nav-cta{background:var(--blue)!important;color:#fff!important;border-radius:var(--radius-sm);padding:6px 14px!important;font-weight:600!important;}
.nav-cta:hover{background:var(--blue-dark)!important;}
.nav-cta-outline{border:1px solid var(--border-2)!important;color:var(--text-2)!important;border-radius:var(--radius-sm);}
.nav-cta-outline:hover{border-color:var(--blue)!important;color:var(--text)!important;}
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;cursor:pointer;background:none;border:none;padding:4px;flex-shrink:0;}
.hamburger span{display:block;width:22px;height:2px;background:var(--muted);border-radius:2px;transition:transform .2s,opacity .2s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--surface);padding:16px 20px;flex-direction:column;gap:4px;z-index:199;overflow-y:auto;}
.mobile-menu.open{display:flex;}
.mobile-menu a{padding:12px 16px;border-radius:var(--radius-sm);font-size:0.95rem;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--border);}
.mobile-menu a:hover,.mobile-menu a.active{color:var(--text);background:var(--border);}
.mobile-menu a.active-cta{color:var(--blue);font-weight:600;}
.week-tag{display:inline-block;font-family:var(--font-mono);font-size:0.7rem;color:var(--blue);background:var(--blue-dim);padding:3px 12px;border-radius:20px;letter-spacing:0.06em;}
.badge{font-family:var(--font-mono);font-size:0.67rem;padding:2px 8px;border-radius:4px;border:1px solid;}
.badge-topic{border-color:#3b82f620;color:var(--blue);background:var(--blue-dim);}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:opacity .15s,background .15s,border-color .15s;border:none;text-decoration:none;white-space:nowrap;}
.btn-primary{background:var(--blue);color:#fff;}
.btn-primary:hover{opacity:.88;}
.btn-primary:disabled{opacity:.4;cursor:default;}
.btn-ghost{background:none;border:1px solid var(--border-2);color:var(--text-2);}
.btn-ghost:hover{border-color:var(--blue);color:var(--text);}
.btn-ghost:disabled{opacity:.3;cursor:default;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-label{font-size:0.82rem;color:var(--text-2);font-weight:500;}
.form-input{width:100%;padding:10px 14px;background:var(--ink);border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--text);font-size:0.9rem;font-family:var(--font-sans);outline:none;transition:border-color .15s;}
.form-input:focus{border-color:var(--blue);}
.form-input::placeholder{color:var(--muted);}
select.form-input{appearance:none;cursor:pointer;}
.form-error{font-size:0.8rem;color:var(--red);display:none;}
.form-error.visible{display:block;}
.form-success{font-size:0.8rem;color:var(--green);display:none;}
.form-success.visible{display:block;}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;}
.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px;}
@keyframes spin{to{transform:rotate(360deg);}}
main{flex:1;}
@media(max-width:768px){.nav-links{display:none;}.hamburger{display:flex;}}