*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0f1f3d;--navy-mid:#1a3360;--navy-light:#243d72;--gold:#c9a84c;--gold-light:#e4c97e;--gold-pale:#fdf6e3;--heading:var(--navy);--glow-gold:#c9a84c73;--bg:#f5f5f2;--surface:#fff;--surface-2:#f0f0ed;--surface-3:#e8e8e5;--ink:#1a1a1a;--ink-2:#3d3d3d;--ink-3:#737373;--ink-4:#a8a8a8;--border:#e3e3e0;--border-2:#d0d0cc;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#16a34a33;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#dc262633;--warn:#ca8a04;--warn-bg:#fefce8;--warn-border:#ca8a0433;--shadow-xs:0 1px 3px #0000000f;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 6px 24px #0000001a;--shadow-lg:0 16px 48px #00000024;--r:10px;--r-lg:14px;--r-xl:20px;--nav-h:58px;--font-body:"DM Sans", -apple-system, sans-serif;--font-display:"Playfair Display", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nav-bg:#ffffffe6}[data-theme=dark]{--heading:#f2e6c8;--gold:#d9bc66;--gold-light:#ecd695;--gold-pale:#c9a84c29;--glow-gold:#d9bc668c;--bg:#0b1220;--surface:#121b2e;--surface-2:#1a2540;--surface-3:#223055;--ink:#ededf0;--ink-2:#c7ccd6;--ink-3:#8d94a3;--ink-4:#626a7a;--border:#26314d;--border-2:#34406099;--success-bg:#16a34a26;--danger-bg:#dc262626;--warn-bg:#ca8a0426;--shadow-xs:0 1px 3px #0000004d;--shadow-sm:0 2px 10px #00000059;--shadow-md:0 8px 28px #00000073;--shadow-lg:0 20px 56px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nav-bg:#0b1220d1}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s,color .25s;overflow-x:hidden}@media (prefers-reduced-motion:reduce){body{transition:none}}.theme-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--ink-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .15s,border-color .15s;display:flex}.theme-toggle:hover{background:var(--surface-2);transform:rotate(12deg)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.font-display,h1,h2,h3{font-family:var(--font-display)}.btn{font-family:var(--font-body);border-radius:var(--r);cursor:pointer;white-space:nowrap;letter-spacing:-.1px;border:none;align-items:center;gap:7px;padding:8px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-arrow{transition:transform .2s;display:inline-block}.btn:hover .btn-arrow{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.btn:hover .btn-arrow{transform:none}}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 2px 8px #0f1f3d40}.btn-primary:hover:not(:disabled){background:var(--navy-mid);transform:translateY(-1px);box-shadow:0 4px 14px #0f1f3d4d}.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 2px 10px var(--glow-gold)}.btn-gold:hover:not(:disabled){background:var(--gold-light);box-shadow:0 4px 22px var(--glow-gold);transform:translateY(-1px)}.btn-outline{color:var(--ink-2);border:1.5px solid var(--border-2);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--ink-3);background:var(--surface-2)}.btn-ghost{color:var(--ink-3);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink-2)}.btn-lg{padding:12px 28px;font-size:15px}.btn-sm{padding:5px 12px;font-size:12px}[data-theme=dark] .pill-navy{color:var(--heading);background:#d9bc661f}[data-theme=dark] .xp-pill{color:var(--heading);background:#d9bc661a;border-color:#d9bc6638}[data-theme=dark] .btn-primary{box-shadow:0 2px 14px #00000080,inset 0 0 0 1px #ffffff0f}[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 4px 20px #0009,inset 0 0 0 1px #ffffff14}.glow-card{transition:box-shadow .25s,transform .25s,border-color .25s}.glow-card:hover{box-shadow:var(--shadow-lg), 0 0 32px var(--glow-gold);border-color:var(--gold);transform:translateY(-3px)}@keyframes glowPulse{0%,to{box-shadow:0 0 24px var(--glow-gold)}50%{box-shadow:0 0 44px var(--glow-gold)}}.glow-pulse{animation:3.2s ease-in-out infinite glowPulse}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(2%,-3%)scale(1.06)}}.bg-orb{animation:12s ease-in-out infinite orbFloat}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.input{border:1.5px solid var(--border);border-radius:var(--r);background:var(--surface-2);width:100%;font-family:var(--font-body);color:var(--ink);outline:none;padding:10px 13px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.input:focus{border-color:var(--navy);background:var(--surface);box-shadow:0 0 0 3px #0f1f3d14}.input::placeholder{color:var(--ink-4)}.pill{border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill-gold{color:#7a5010;background:#c9a84c1f;border:1px solid #c9a84c40}.pill-navy{color:var(--navy);background:#0f1f3d12}.pill-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.pill-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.pill-warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.pill-neutral{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--border)}.toast{box-shadow:var(--shadow-lg);white-space:nowrap;text-align:center;border-radius:100px;max-width:400px;padding:10px 22px;font-size:13.5px;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) both toastIn}.toast-info{background:var(--navy);color:#fff}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-warn{background:var(--warn);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.topnav{height:var(--nav-h);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:200;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.nav-logo{flex-shrink:0;align-items:center;gap:9px;margin-right:24px;text-decoration:none;display:flex}.logo-mark{background:var(--navy);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative;overflow:hidden}.logo-mark:after{content:"";background:var(--gold);height:3px;position:absolute;bottom:0;left:0;right:0}.logo-text{font-family:var(--font-display);color:var(--heading);letter-spacing:-.3px;font-size:17px;font-weight:700}.logo-text span{color:var(--gold)}.nav-links{flex:1;align-items:center;gap:2px;display:flex}.nav-link{border-radius:var(--r);color:var(--ink-3);cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:6px;padding:6px 13px;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:var(--ink-2);background:var(--surface-2)}.nav-link.active{color:var(--ink);background:var(--surface-2);font-weight:600}.nav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.streak-pill{color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:100px;align-items:center;gap:5px;padding:4px 12px;font-size:13px;font-weight:600;display:flex}.xp-pill{color:var(--navy);background:#0f1f3d0f;border:1px solid #0f1f3d1a;border-radius:100px;align-items:center;gap:5px;padding:4px 12px;font-size:13px;font-weight:600;display:flex}.user-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:100px;align-items:center;gap:8px;padding:4px 14px 4px 4px;text-decoration:none;transition:border-color .15s;display:flex}.user-btn:hover{border-color:var(--border-2)}.user-av{background:var(--navy);width:28px;height:28px;color:var(--gold-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.page-body{max-width:1120px;margin:0 auto;padding:32px 24px 80px}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.section-title{font-family:var(--font-display);color:var(--ink);font-size:19px;font-weight:700}.section-sub{color:var(--ink-4);margin-top:2px;font-size:13px}:root{--sidebar-w:250px;--topbar-h:64px}.app-shell{background:var(--bg);min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:210;flex-direction:column;flex-shrink:0;height:100vh;padding:18px 14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-close-btn,.sidebar-menu-btn{display:none}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);z-index:150;align-items:center;gap:14px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-search{background:var(--surface-2);border:1px solid var(--border);border-radius:100px;flex:1;align-items:center;gap:9px;max-width:460px;padding:8px 14px;transition:border-color .15s,background .15s;display:flex}.topbar-search:focus-within{border-color:var(--gold);background:var(--surface)}.topbar-search input{font-family:var(--font-body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13.5px}.topbar-search input::placeholder{color:var(--ink-4)}.topbar-kbd{color:var(--ink-4);background:var(--surface-3);border:1px solid var(--border);font-size:10.5px;font-weight:600;font-family:var(--font-body);border-radius:4px;padding:1px 6px}.sidebar-link{border-radius:var(--r);color:var(--ink-3);align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--surface-2);color:var(--ink-2)}.sidebar-link.active{color:var(--gold);box-shadow:inset 2px 0 0 var(--gold);background:linear-gradient(90deg,#c9a84c24,#0000);font-weight:700}.sidebar-backdrop{display:none}@media (width<=960px){.app-sidebar{height:100vh;box-shadow:none;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-close-btn{background:var(--surface-2);width:30px;height:30px;color:var(--ink-3);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-menu-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--ink-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-backdrop{z-index:205;background:#00000080;display:block;position:fixed;inset:0}.topbar-search{max-width:none}}@media (width<=640px){.topbar-search .topbar-kbd{display:none}.app-topbar{gap:10px;padding:0 14px}}.resume-track{transition:transform .5s cubic-bezier(.22,.8,.3,1);display:flex}.resume-slide{flex-direction:column;flex:0 0 100%;min-width:0;min-height:190px;display:flex}.resume-arrow{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--ink-3);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex}.resume-arrow:hover{border-color:var(--gold);color:var(--ink)}.resume-dot{background:var(--ink-4);opacity:.45;cursor:pointer;border:0;border-radius:100px;width:8px;height:8px;padding:0;transition:width .25s,opacity .25s;position:relative}.resume-dot:before{content:"";position:absolute;inset:-9px -3px}.resume-dot.on{opacity:1;background:var(--gold);width:22px}.resume-dot.on.playing{background:#c9a84c47}.resume-dot-fill{border-radius:inherit;background:var(--gold);transform-origin:0;animation:linear forwards resume-fill;position:absolute;inset:0}@keyframes resume-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.resume-arrow:focus-visible,.resume-dot:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){.resume-track{transition:none}}@media (width<=1080px){.dashboard-grid{grid-template-columns:1fr!important}.dashboard-sidebar-col{position:static!important}}@media (width<=760px){.dashboard-split{grid-template-columns:1fr!important}.dashboard-stat-strip{grid-template-columns:repeat(2,1fr)!important}}.spinner{border:2px solid var(--border-2);border-top-color:var(--navy);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.35s both fadeUp}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.scale-in{animation:.25s both scaleIn}@keyframes sheenSweep{0%{transform:translate(-120%)}to{transform:translate(220%)}}.progress-card{position:relative;overflow:hidden}.progress-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:40%;height:100%;animation:3.2s ease-in-out infinite sheenSweep;position:absolute;top:0;left:0}@keyframes popIn{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}.pop-in{animation:.3s both popIn}.divider{align-items:center;gap:12px;margin:16px 0;display:flex}.divider-line{background:var(--border);flex:1;height:1px}.divider-text{color:var(--ink-4);font-size:12px;font-weight:500}.empty-state{text-align:center;color:var(--ink-3);padding:60px 24px}.empty-state-icon{opacity:.6;margin-bottom:14px;font-size:40px}.empty-state-title{font-family:var(--font-display);color:var(--ink-2);margin-bottom:6px;font-size:17px}.empty-state-sub{font-size:13.5px;line-height:1.65}.nav-toggle{cursor:pointer;border-radius:var(--r);color:var(--ink-2);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:none}.nav-toggle:hover{background:var(--surface-2)}.mobile-nav-panel{top:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:199;max-height:calc(100vh - var(--nav-h));flex-direction:column;gap:2px;padding:8px;animation:.18s both fadeUp;display:flex;position:fixed;left:0;right:0;overflow-y:auto}.mobile-nav-panel .nav-link{width:100%;padding:13px 14px;font-size:15px}.mobile-nav-panel .nav-link svg{flex-shrink:0}@media (width<=860px){.nav-links{display:none}.nav-toggle{display:flex}.streak-pill,.xp-pill{display:none}.nav-logo{margin-right:8px}}@media (width<=768px){.page-body{padding:20px 16px 60px}.topnav{padding:0 16px}h1,.section-title{word-break:break-word}img,svg{max-width:100%}}@media (width<=480px){.logo-text{font-size:15px}.nav-logo{margin-right:4px}.user-btn>div:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lp-hero-grid,.lp-grid-2{grid-template-columns:1fr 1fr;display:grid}.lp-grid-3{grid-template-columns:repeat(3,1fr);display:grid}.lp-grid-4{grid-template-columns:repeat(4,1fr);display:grid}@media (width<=980px){.lp-hero-grid{grid-template-columns:1fr}.lp-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.lp-grid-2,.lp-grid-3,.lp-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.lp-grid-2,.lp-grid-3,.lp-grid-4{grid-template-columns:1fr}}