html{scroll-behavior:smooth}:root{color:#e5e7eb;background:#070b12;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{color:#e5e7eb;cursor:pointer;background:#111827;border:1px solid #263244;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}button:hover{background:#2b61f585}button:disabled{cursor:not-allowed;opacity:.45}button:disabled:hover{background:#111827}input,select{color:#fff;background:#0b1120;border:1px solid #263244;border-radius:10px;padding:14px;font-size:15px}label{color:#cbd5e1;margin-top:10px;display:block}.app-loading{color:#e5e7eb;background:#070b12;place-items:center;min-height:100vh;font-size:15px;display:grid}.leetware-logo{align-items:center;display:inline-flex}.leetware-logo img{width:192px;height:auto;display:block}.leetware-logo.compact{border-radius:6px;width:48px;height:48px;overflow:hidden}.leetware-logo.compact img{object-position:left center;width:160px;height:auto;max-height:none}:root{--nav-h:66px}.auth-page{scroll-behavior:smooth;color:#0f172a;background:radial-gradient(circle at 18% 16%,#2563eb3d,#0000 29%),radial-gradient(circle at 82% 78%,#14b8a633,#0000 30%),linear-gradient(120deg,#f8fafcfa,#e5f1fff5 46%,#e0fcf4eb),#f8fafc;height:100vh;overflow:hidden}.auth-nav{z-index:20;height:var(--nav-h);background:#000;border-bottom:1px solid #1a1a2e;align-items:center;gap:28px;padding:0 clamp(20px,6vw,80px);display:flex;position:sticky;top:0}.auth-logo{align-items:center;display:flex}.auth-nav nav{flex:1;align-items:center;gap:24px;margin-left:12px;display:flex}.auth-nav nav a,.auth-nav nav a:link,.auth-nav nav a:visited,.auth-nav nav a:active,.auth-nav nav button{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.auth-nav nav a:hover,.auth-nav nav button:hover{color:#60a5fa;background:0 0}.auth-nav-actions{align-items:center;gap:10px;display:flex}.auth-nav-actions button,.auth-nav-actions a,.student-auth-nav-right button{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;text-decoration:none;display:inline-flex}.auth-nav-actions button:hover,.auth-nav-actions a:hover,.student-auth-nav-right button:hover{background:#2563eb47;border-color:#60a5fa59}.auth-nav .dark-button,.primary-auth-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.auth-main{min-height:calc(100vh - var(--nav-h));position:relative;overflow-x:hidden}.audience-grid{z-index:2;min-height:calc(100vh - var(--nav-h));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.audience-panel{isolation:isolate;flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;padding:clamp(46px,7vw,96px) clamp(28px,6vw,92px);display:flex;position:relative}.employer-panel{background:linear-gradient(90deg,#f0fdf433,#ffffffb8 58%,#dbeafe7a);align-items:flex-end}.user-panel{background:linear-gradient(90deg,#ffffffd1,#eff6ff94 54%,#f0fdf433)}.audience-content{z-index:2;width:min(560px,100%);position:relative}.employer-panel .audience-content{text-align:right}.audience-panel .audience-eyebrow{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}.audience-panel h1{letter-spacing:0;margin:0 0 18px;font-size:clamp(46px,7vw,92px);line-height:.95}.audience-panel p{color:#334155;max-width:470px;margin:0;font-size:clamp(18px,2.1vw,23px);line-height:1.55}.employer-panel p{margin-left:auto}.audience-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:34px;display:flex}.employer-panel .audience-actions{justify-content:flex-end}.audience-actions .primary-auth-button:hover,.auth-nav .dark-button:hover,.primary-auth-button:hover{background:#1d4ed8;border-color:#1d4ed8}.auth-nav .dark-button:hover{background:#3b82f6;border-color:#3b82f6}.audience-panel .audience-footnote{color:#64748b;margin-top:34px;font-size:15px}.scroll-cue{z-index:3;color:#0f172a;background:#ffffffc2;border:1px solid #cbd5e1;border-radius:50%;place-items:center;width:42px;height:42px;animation:1.7s ease-in-out infinite scrollCue;display:inline-grid;position:absolute;bottom:34px;left:clamp(28px,9vw,124px);box-shadow:0 18px 38px #0f172a1f}.auth-circuit-transition{z-index:0;pointer-events:none;opacity:.58;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#00000057 0%,#000 12% 88%,#00000057 100%);mask-image:linear-gradient(90deg,#00000057 0%,#000 12% 88%,#00000057 100%)}.transition-trace{fill:none;stroke:url(#traceGradient);stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricprecision}.trace-main{stroke-width:8px;stroke-dasharray:130 28;animation:5.8s linear infinite traceFlow}.trace-secondary{stroke-width:4px;stroke-dasharray:54 26;opacity:.72;animation:7.4s linear infinite traceFlowReverse}.trace-detail{stroke-width:3px;stroke-dasharray:18 18;opacity:.46;animation:6.8s linear infinite traceFlow}.transition-transformer{fill:none;stroke:url(#traceGradient);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;shape-rendering:geometricprecision}.transformer-coil{stroke-dasharray:34 16;animation:5.8s linear infinite coilFlow}.primary-coil{stroke-width:8px}.secondary-coil{stroke-width:4px;opacity:.72;animation-name:coilFlowReverse}.transition-node{fill:#fff;stroke:#2563eb;stroke-width:4px;filter:drop-shadow(0 0 6px #2563ebbf)}@keyframes scrollCue{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes traceFlow{to{stroke-dashoffset:-316px}}@keyframes traceFlowReverse{to{stroke-dashoffset:240px}}@keyframes coilFlow{to{stroke-dashoffset:-300px}}@keyframes coilFlowReverse{to{stroke-dashoffset:300px}}.inline-auth-panel{text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:8px;width:min(100%,430px);padding:28px;position:relative;box-shadow:0 24px 70px #0f172a24}.signup-choice-overlay{z-index:40;background:#0f172a85;place-items:center;padding:24px;animation:.18s ease-out both overlayFadeIn;display:grid;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.signup-choice-card{background:#fff;border:1px solid #dbe3ef;border-radius:8px;width:min(100%,560px);padding:28px;animation:.2s ease-out both cardSlideIn;position:relative;box-shadow:0 28px 90px #0f172a38}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signup-choice-grid{gap:12px;display:grid}.signup-choice-option{color:#0f172a;text-align:left;background:#fff;border-color:#cbd5e1;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;padding:18px;position:relative}.signup-choice-option:hover{background:#eff6ff;border-color:#93c5fd}.signup-choice-option span{gap:5px;display:grid}.signup-choice-option strong{font-size:16px}.signup-choice-option small{color:#64748b;font-size:14px;line-height:1.4}.signup-choice-option.disabled{cursor:default;opacity:.58}.signup-choice-option.disabled:hover{background:#fff;border-color:#cbd5e1}.close-auth-button{color:#334155;background:#f8fafc;border-radius:50%;justify-content:center;width:36px;height:36px;padding:0;position:absolute;top:14px;right:14px}.auth-form{gap:16px;display:grid}.auth-heading h2{margin:0 0 6px;font-size:26px}.auth-heading p{color:#64748b;margin:0 0 20px}.auth-form label{color:#334155;gap:8px;margin:0;font-size:14px;font-weight:700;display:grid}.auth-form input{color:#0f172a;background:#fff;border-color:#cbd5e1;width:100%}.code-input{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.primary-auth-button{justify-content:center;margin-top:6px;font-weight:800}button.disable{cursor:not-allowed;color:#f8fafc;box-shadow:none;opacity:.72;background:#94a3b8;border-color:#94a3b8}button.disable:hover{box-shadow:none;background:#94a3b8;border-color:#94a3b8;transform:none}.student-auth-page{color:#0f172a;background:linear-gradient(115deg,#dbeafee6,#fffffffa 48%,#dcfce7bd),#f8fafc;min-height:100vh;position:relative;overflow:hidden}.student-auth-nav{z-index:2;height:var(--nav-h);background:#000;border-bottom:1px solid #1a1a2e;align-items:center;gap:28px;padding:0 clamp(20px,6vw,80px);display:flex;position:relative}.student-auth-nav nav{flex:1;align-items:center;gap:24px;margin-left:12px;display:flex}.student-auth-nav nav a,.student-auth-nav nav a:link,.student-auth-nav nav a:visited,.student-auth-nav nav a:active{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.student-auth-nav nav a:hover{color:#60a5fa;background:0 0}.student-auth-nav-right{align-items:center;gap:12px;display:flex}.theme-toggle{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:9px;flex-shrink:0;justify-content:center;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:grid}.auth-nav-actions .theme-toggle,.student-auth-nav-right .theme-toggle,.top-actions .theme-toggle{border-radius:9px;flex:0 0 36px;justify-content:center;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:grid}.theme-toggle svg{flex-shrink:0;width:15px;height:15px}.theme-toggle:hover{color:#fff;background:#2563eb47}.student-auth-main{z-index:2;min-height:calc(100vh - var(--nav-h));grid-template-columns:minmax(360px,.9fr) minmax(380px,520px);align-items:center;gap:72px;padding:56px clamp(32px,7vw,110px);display:grid;position:relative}.student-auth-copy{max-width:620px}.student-auth-copy h1{margin:0 0 18px;font-size:clamp(42px,6vw,72px);line-height:1}.student-auth-copy p{color:#334155;margin:0;font-size:20px;line-height:1.55}.student-auth-card{background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:28px;box-shadow:0 24px 70px #0f172a24}.student-auth-tabs{background:#f1f5f9;border:1px solid #dbe3ef;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:24px;padding:5px;display:grid}.student-auth-tabs button{color:#0f172a;background:0 0;border-color:#0000;justify-content:center}.student-auth-tabs button.active{color:#fff;background:#020617}.social-auth-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.social-auth-grid button{color:#0f172a;background:#fff;border-color:#cbd5e1;border-radius:8px;justify-content:center;gap:10px;min-height:48px;font-weight:800}.google-auth-button{grid-column:1/-1}.social-auth-grid button:hover{background:#f8fafc;border-color:#94a3b8}.social-icon{flex:0 0 20px;width:20px;height:20px;display:block}.linkedin-icon{color:#0a66c2}.github-icon,.apple-icon{color:#111827}.auth-divider{color:#64748b;text-transform:uppercase;align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#dbe3ef;flex:1;height:1px}.student-circuit-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000000f 0%,#0000001a 28%,#0000008c 50%,#000 65%);mask-image:linear-gradient(90deg,#0000000f 0%,#0000001a 28%,#0000008c 50%,#000 65%)}.student-auth-panels{display:grid;overflow:hidden}.student-auth-panel{grid-area:1/1;align-self:start}.student-auth-panel.panel-active{opacity:1;pointer-events:auto;z-index:1;transition:opacity .26s cubic-bezier(0,0,.2,1) .11s,transform .32s cubic-bezier(.34,1.48,.64,1) 90ms;transform:scale(1)translateY(0)}.student-auth-panel.panel-inactive{opacity:0;pointer-events:none;z-index:0;transition:opacity .11s cubic-bezier(.4,0,1,1),transform .13s cubic-bezier(.4,0,1,1);transform:scale(.94)translateY(10px)}[data-theme=dark] .auth-page{color:#e5e7eb;background:radial-gradient(circle at 18% 16%,#2563eb33,#0000 29%),radial-gradient(circle at 82% 78%,#14b8a624,#0000 30%),#070b12}[data-theme=dark] .user-panel,[data-theme=dark] .employer-panel{background:0 0}[data-theme=dark] .audience-panel p{color:#94a3b8}[data-theme=dark] .audience-panel .audience-footnote{color:#64748b}[data-theme=dark] .scroll-cue{color:#e2e8f0;background:#070b12d9;border-color:#ffffff2e;box-shadow:0 18px 38px #0006}[data-theme=dark] .inline-auth-panel{background:#0d1117;border-color:#1e2a3a;box-shadow:0 24px 70px #00000073}[data-theme=dark] .signup-choice-overlay{background:#000000b3}[data-theme=dark] .signup-choice-card{background:#0d1117;border-color:#1e2a3a;box-shadow:0 28px 90px #0000008c}[data-theme=dark] .signup-choice-option{color:#e2e8f0;background:#111827;border-color:#1e2a3a}[data-theme=dark] .signup-choice-option:hover{background:#2563eb2e;border-color:#60a5fa59}[data-theme=dark] .signup-choice-option.disabled:hover{background:#111827;border-color:#1e2a3a}[data-theme=dark] .signup-choice-option small{color:#64748b}[data-theme=dark] .close-auth-button{color:#94a3b8;background:#1e293b;border-color:#263244}[data-theme=dark] .auth-heading p,[data-theme=dark] .auth-form label{color:#94a3b8}[data-theme=dark] .auth-form input{color:#e5e7eb;background:#0b1120;border-color:#263244}[data-theme=dark] .student-auth-page{color:#e5e7eb;background:radial-gradient(circle at 82% 16%,#2563eb33,#0000 29%),radial-gradient(circle at 18% 78%,#14b8a624,#0000 30%),#070b12}[data-theme=dark] .student-auth-copy p{color:#94a3b8}[data-theme=dark] .student-auth-card{background:#0d1117;border-color:#1e2a3a;box-shadow:0 24px 70px #00000073}[data-theme=dark] .student-auth-tabs{background:#111827;border-color:#1e2a3a}[data-theme=dark] .student-auth-tabs button{color:#94a3b8}[data-theme=dark] .student-auth-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=dark] .social-auth-grid button{color:#e2e8f0;background:#111827;border-color:#263244}[data-theme=dark] .social-auth-grid button:hover{background:#1e293b;border-color:#374151}[data-theme=dark] .github-icon,[data-theme=dark] .apple-icon{color:#e2e8f0}[data-theme=dark] .auth-divider{color:#475569}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{background:#263244}@media (width<=1100px){.auth-page{overflow-y:auto}.auth-nav nav,.student-auth-nav nav{display:none}.audience-grid{grid-template-columns:1fr;min-height:auto}.audience-panel{min-height:calc((100vh - var(--nav-h)) / 2);padding:54px 28px}.employer-panel{background:linear-gradient(90deg,#fffc,#f0fdf4a8);align-items:flex-start}[data-theme=dark] .employer-panel{background:0 0}.employer-panel .audience-content,.employer-panel p{text-align:left;margin-left:0}.employer-panel .audience-actions{justify-content:flex-start}.auth-circuit-transition{opacity:.55;filter:none}.student-auth-main{grid-template-columns:1fr;gap:32px}.student-auth-copy{max-width:none}}@media (width<=640px){.auth-page{height:auto;min-height:100vh}.auth-nav,.student-auth-nav{flex-wrap:wrap;height:auto;padding:18px}.auth-nav-actions,.student-auth-nav-right{justify-content:stretch}.auth-nav-actions button,.auth-nav-actions a,.student-auth-nav-right button{flex:1;justify-content:center}.audience-panel h1{font-size:42px}.audience-actions,.employer-panel .audience-actions{flex-direction:column;align-items:stretch}.audience-actions button{justify-content:center}.scroll-cue{bottom:18px;left:18px}.student-auth-nav{padding:18px}.student-auth-main{padding:28px 18px}.social-auth-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.auth-page{scroll-behavior:auto;scroll-snap-type:none}.scroll-cue,.trace-main,.trace-secondary,.transition-node{animation:none}.student-auth-panel{transition:none;transform:none!important}.signup-choice-overlay,.signup-choice-card{animation:none}}.app{color:#e2e8f0;background:radial-gradient(circle at 0 0,#2563eb2e,#0000 30%),#070b12;height:100vh;display:flex;overflow:hidden}.left-sidebar,.right-sidebar{scrollbar-width:thin;scrollbar-color:#1e2d45 transparent;background:#090d18;border-right:1px solid #1a2537;flex-shrink:0;height:100vh;padding:20px 16px;overflow:hidden auto}.right-sidebar{border-left:1px solid #1a2537;border-right:none}.brand{border-bottom:1px solid #1a2537;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:20px;display:flex}.brand h1{letter-spacing:-.01em;color:#e2e8f0;margin:0;font-size:17px;font-weight:700}.brand p{color:#475569;margin:3px 0 0;font-size:12px}nav{gap:3px;display:grid}nav a{color:#64748b;cursor:pointer;border-radius:8px;align-items:center;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}nav a:hover{color:#93c5fd;background:#2563eb1f}nav a.active{color:#93c5fd;background:#2563eb33}.progress-card,.topic-card,.info-card,.user-card{background:#070b12b3;border:1px solid #1a2537;border-radius:14px;margin-top:10px;padding:14px 16px}.progress-card h3,.topic-card h3,.info-card h3{color:#475569;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin:0 0 10px;font-size:11px;font-weight:700;display:flex}.circle{color:#93c5fd;border:6px solid #2563eb;border-radius:50%;place-items:center;width:74px;height:74px;margin:8px auto 4px;font-size:17px;font-weight:800;display:grid}.topic-card p,.info-card p{color:#64748b;justify-content:space-between;align-items:center;margin:9px 0 0;font-size:14px;display:flex}.topic-card p:first-of-type,.info-card p:first-of-type{margin-top:0}.topic-card p span,.info-card p span{color:#60a5fa;font-weight:600}.main{scrollbar-width:thin;scrollbar-color:#1e2d45 transparent;flex:1;min-width:0;height:100vh;padding:0 24px 24px;overflow-y:auto}.topbar{z-index:10;background:#000;border-bottom:1px solid #2563eb2e;justify-content:space-between;align-items:center;gap:16px;height:64px;margin:0 -24px 20px;padding:0 24px;display:flex;position:sticky;top:0}.topbar h2{letter-spacing:-.01em;color:#e2e8f0;margin:0;font-size:15px;font-weight:700}.topbar p{color:#475569;margin:2px 0 0;font-size:12px}.top-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.top-actions .theme-toggle{border-radius:9px;flex:0 0 36px;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:grid}.top-actions .theme-toggle svg{width:15px;height:15px}.problem-card{background:#090e18f2;border:1px solid #1a2537;border-radius:16px;padding:22px 24px;box-shadow:0 4px 32px #0000004d}.problem-card h3{color:#e2e8f0;margin:0 0 10px;font-size:17px}.problem-card>p{color:#94a3b8;margin:0;line-height:1.6}.problem-header{gap:8px;margin-bottom:18px;display:flex}.problem-header span{color:#93c5fd;letter-spacing:.02em;background:#2563eb1f;border:1px solid #2563eb47;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.answer-row{gap:10px;margin-top:20px;display:flex}.answer-row input{flex:1}.answer-row button{color:#fff;background:#2563eb;border-color:#2563eb;padding-inline:22px;font-weight:700}.answer-row button:hover{background:#3b82f6;border-color:#3b82f6}.bottom-panel{background:#090e18f2;border:1px solid #1a2537;border-radius:16px;margin-top:14px;overflow:hidden;box-shadow:0 4px 32px #0000004d}.drawer-toggle{color:#475569;letter-spacing:.06em;text-transform:uppercase;background:#050810e6;border:none;border-radius:0;justify-content:center;gap:8px;width:100%;height:42px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.drawer-toggle:hover{color:#93c5fd;background:#2563eb1a}.tabs{border-bottom:1px solid #1a2537;display:flex}.tabs button{color:#475569;background:0 0;border:none;border-right:1px solid #1a2537;border-radius:0;flex:1;justify-content:center;gap:7px;height:46px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.tabs button:last-child{border-right:none}.tabs button:hover{color:#93c5fd;background:#2563eb14}.tabs button.active{color:#93c5fd;background:#2563eb24;box-shadow:inset 0 -2px #2563eb}.tab-content{padding:22px 24px}.tab-content h3{color:#e2e8f0;margin:0 0 8px;font-size:15px;font-weight:700}.tab-content p{color:#64748b;margin:0 0 12px;line-height:1.65}.green{color:#4ade80;font-weight:700}.user-card{align-items:center;gap:12px;display:flex}.user-card h3{color:#e2e8f0;margin:0;font-size:15px;font-weight:700}.user-card p{color:#475569;margin:3px 0 0;font-size:13px}.tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tags span{color:#93c5fd;background:#2563eb24;border:1px solid #2563eb3d;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:500}[data-theme=light] .app{color:#0f172a;background:radial-gradient(circle at 0 0,#2563eb1a,#0000 30%),radial-gradient(circle at 100% 100%,#14b8a612,#0000 30%),#f1f5f9}[data-theme=light] .left-sidebar,[data-theme=light] .right-sidebar{scrollbar-color:#dbe3ef transparent;background:#fffffff7;border-right-color:#e2e8f0}[data-theme=light] .right-sidebar{border-left-color:#e2e8f0}[data-theme=light] .brand{border-bottom-color:#e2e8f0}[data-theme=light] .brand h1{color:#0f172a}[data-theme=light] .brand p{color:#94a3b8}[data-theme=light] nav a{color:#64748b}[data-theme=light] nav a:hover{color:#2563eb;background:#eff6ff}[data-theme=light] nav a.active{color:#1d4ed8;background:#dbeafe}[data-theme=light] .progress-card,[data-theme=light] .topic-card,[data-theme=light] .info-card,[data-theme=light] .user-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 12px #0f172a0f}[data-theme=light] .progress-card h3,[data-theme=light] .topic-card h3,[data-theme=light] .info-card h3{color:#94a3b8}[data-theme=light] .circle{color:#1d4ed8}[data-theme=light] .topic-card p,[data-theme=light] .info-card p{color:#374151}[data-theme=light] .topic-card p span,[data-theme=light] .info-card p span{color:#2563eb}[data-theme=light] .topbar{background:#fff;border-bottom-color:#e2e8f0}[data-theme=light] .topbar h2{color:#0f172a}[data-theme=light] .topbar p{color:#94a3b8}[data-theme=light] .app button{color:#374151;background:#fff;border-color:#e2e8f0}[data-theme=light] .app button:hover{color:#1d4ed8;background:#f8fafc;border-color:#93c5fd}[data-theme=light] .app button:disabled{color:#94a3b8;background:#fff}[data-theme=light] .app button:disabled:hover{color:#94a3b8;background:#fff;border-color:#e2e8f0}[data-theme=light] .answer-row button{color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=light] .answer-row button:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}[data-theme=light] .app input,[data-theme=light] .app select{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .problem-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 24px #0f172a12}[data-theme=light] .problem-card h3{color:#0f172a}[data-theme=light] .problem-card>p{color:#475569}[data-theme=light] .problem-header span{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}[data-theme=light] .bottom-panel{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 24px #0f172a12}[data-theme=light] .drawer-toggle{color:#94a3b8;background:#f8fafc}[data-theme=light] .drawer-toggle:hover{color:#2563eb;background:#eff6ff}[data-theme=light] .tabs{border-bottom-color:#e2e8f0}[data-theme=light] .tabs button{color:#64748b;background:0 0;border-right-color:#e2e8f0}[data-theme=light] .tabs button:hover{color:#374151;background:#f8fafc}[data-theme=light] .tabs button.active{color:#2563eb;background:#eff6ff;box-shadow:inset 0 -2px #2563eb}[data-theme=light] .tab-content h3{color:#0f172a}[data-theme=light] .tab-content p{color:#475569}[data-theme=light] .user-card h3{color:#0f172a}[data-theme=light] .user-card p{color:#64748b}[data-theme=light] .tags span{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.circuit{width:100%;height:590px}.circuit line,.circuit polyline,.circuit polygon,.circuit circle{stroke:#e5e7eb;stroke-width:3px;fill:none}.circuit .node-dot{fill:#e5e7eb}.circuit text{fill:#e5e7eb;dominant-baseline:middle;font-size:24px}.circuit-box{background:linear-gradient(#111827,#0b1120);border:1px solid #263244;border-radius:16px;min-height:630px;margin-top:20px;padding:24px}.hp-root{color:#e5e7eb;background:radial-gradient(circle at 84% 18%,#2563eb33,#0000 29%),radial-gradient(circle at 14% 74%,#14b8a624,#0000 30%),radial-gradient(circle,#2563eb1c 1px,#0000 1px) 0 0/40px 40px,#070b12;min-height:100vh;position:relative;overflow-x:hidden}[data-theme=light] .hp-root{color:#0f172a;background:radial-gradient(circle at 84% 18%,#2563eb38,#0000 29%),radial-gradient(circle at 14% 74%,#14b8a62e,#0000 30%),radial-gradient(circle,#2563eb14 1px,#0000 1px) 0 0/40px 40px,#f0f4f8}.hp-canvas{pointer-events:none;z-index:0;opacity:.55;width:100%;height:100%;position:fixed;inset:0}.hp-glow{display:none}.hp-glow-1{background:radial-gradient(circle,#2563eb14 0%,#2563eb09 38%,#0000 70%);width:760px;height:760px;top:-280px;right:-190px}.hp-glow-2{background:radial-gradient(circle,#06b6d40f 0%,#06b6d407 42%,#0000 72%);width:560px;height:560px;bottom:20px;left:-170px}.hp-nav{z-index:100;background:#000;border-bottom:1px solid #1a1a2e;align-items:center;gap:28px;height:66px;padding:0 clamp(20px,6vw,80px);display:flex;position:fixed;top:0;left:0;right:0}[data-theme=light] .hp-nav{background:#000;border-bottom-color:#1a1a2e}.hp-nav-links{flex:1;align-items:center;gap:24px;margin-left:12px;display:flex}.hp-nav-links a,.hp-nav-text-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.hp-nav-links a:hover,.hp-nav-text-btn:hover{color:#60a5fa;background:0 0}.hp-nav-actions{align-items:center;gap:10px;display:flex}.hp-nav-actions button{color:#fff;background:#ffffff12;border-color:#ffffff1f}.hp-nav-actions button:hover{color:#fff;background:#2563eb47;border-color:#60a5fa59}.hp-nav-actions .hp-primary-btn{color:#fff;background:#2563eb;border-color:#2563eb}.hp-nav-actions .hp-primary-btn:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.hp-primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:10px;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.hp-primary-btn:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.hp-primary-btn.hp-cta-lg{border-radius:12px;padding:14px 30px;font-size:15px}.hp-ghost-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.hp-ghost-btn:hover{background:#ffffff0d;border-color:#ffffff42}.hp-ghost-btn.hp-cta-lg{border-radius:12px;padding:14px 28px;font-size:15px}[data-theme=light] .hp-ghost-btn{color:#fff;border-color:#ffffff1f}.hp-icon-btn{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;transition:background .15s,color .15s;display:grid}.hp-icon-btn:hover{color:#fff;background:#2563eb47}.hp-hero{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:100vh;padding:138px clamp(20px,6vw,80px) 80px;display:grid;position:relative}.hp-hero-copy{max-width:580px}.hp-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:#2563eb;background:#2563eb1a;border:1px solid #2563eb3d;border-radius:999px;align-items:center;gap:6px;margin-bottom:22px;padding:6px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.hp-headline{letter-spacing:-.035em;color:#f8fafc;margin:0 0 26px;font-size:clamp(50px,5.4vw,82px);font-weight:860;line-height:1.02}[data-theme=light] .hp-headline{color:#0f172a}.hp-gradient-text{background:linear-gradient(130deg,#2563eb 0%,#06b6d4 52%,#16a34a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hp-subline{color:#94a3b8;max-width:460px;margin:0 0 36px;font-size:clamp(16px,1.6vw,19px);line-height:1.65}.hp-hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:42px;display:flex}.hp-social-proof{align-items:center;display:flex}.hp-free-badge{color:#4ade80;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.hp-hero-visual{justify-content:center;align-items:center;padding:40px 0;display:flex;position:relative}.hp-float-badge{-webkit-backdrop-filter:blur(14px);z-index:2;background:#0f172ab8;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:flex;position:absolute}.hp-badge-top{color:#facc15;animation:3.2s ease-in-out infinite hpFloat;top:4%;left:-6%}.hp-badge-bottom{color:#4ade80;animation:3.2s ease-in-out 1.3s infinite hpFloat;bottom:9%;right:-4%}@keyframes hpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.ce-card{background:#0d1117;border:1px solid #ffffff14;border-radius:14px;width:410px;animation:5.2s ease-in-out infinite ceFloat;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 28px 80px #000000b8,0 0 60px #2563eb12}@keyframes ceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.ce-chrome{background:#161b27;border-bottom:1px solid #ffffff0e;align-items:center;gap:8px;padding:11px 14px;display:flex}.ce-mac-dots{flex-shrink:0;gap:6px;display:flex}.ce-dot{border-radius:50%;width:11px;height:11px;display:block}.ce-chrome-name{text-align:center;color:#475569;flex:1;font-family:Fira Code,JetBrains Mono,Cascadia Code,monospace;font-size:12px}.ce-live{color:#22c55e;letter-spacing:.06em;flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.ce-live-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite cePulse;display:block}@keyframes cePulse{0%,to{opacity:1}50%{opacity:.4}}.ce-tabs{background:#0f141f;border-bottom:1px solid #ffffff0e;align-items:center;padding:0 4px;display:flex}.ce-tab{color:#475569;cursor:default;background:0 0;border:none;padding:9px 14px;font-size:12px;font-weight:500;transition:color .18s;position:relative}.ce-tab.active{color:#60a5fa}.ce-tab.active:after{content:"";background:#2563eb;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.ce-tab.sim-active{color:#34d399;animation:.7s ease-in-out infinite alternate ceSimPulse}.ce-tab.sim-active:after{background:#10b981}@keyframes ceSimPulse{0%{color:#34d399}to{color:#6ee7b7}}.ce-tab-fill{flex:1}.ce-tag{letter-spacing:.1em;color:#1e3a5f;background:#2563eb1f;border:1px solid #2563eb2e;border-radius:5px;margin-right:10px;padding:3px 8px;font-size:10px;font-weight:700}.ce-cursor{vertical-align:text-bottom;background:#2563eb;width:2px;height:1em;margin-left:2px;animation:.9s step-end infinite ceCursor;display:inline-block}@keyframes ceCursor{0%,to{opacity:1}50%{opacity:0}}.ch-card{width:420px}.ch-circuit-wrap{padding:14px 16px 8px}.ch-circuit-wrap svg{width:100%;height:auto;display:block}.ch-qa{border-top:1px solid #ffffff0e;align-items:center;gap:10px;padding:10px 16px 12px;display:flex}.ch-qlabel{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:11.5px}.ch-ans{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex:1;align-items:center;gap:5px;min-height:34px;padding:6px 10px;transition:border-color .25s;display:flex}.ch-ans.correct{background:#22c55e0f;border-color:#22c55e66}.ch-ans-val{color:#e2e8f0;min-width:32px;font-family:Fira Code,JetBrains Mono,monospace;font-size:14px;font-weight:600}.ch-ans-unit{color:#475569;font-size:11px}.ch-correct{color:#4ade80;background:#22c55e17;border:1px solid #22c55e38;border-radius:9px;margin:0 16px 14px;padding:9px 12px;font-size:12px;line-height:1.5}.ch-correct strong{color:#86efac}.hp-scroll-fade{pointer-events:none;z-index:50;background:linear-gradient(#0000,#070b12eb);height:140px;position:fixed;bottom:0;left:0;right:0}[data-theme=light] .hp-scroll-fade{background:linear-gradient(#0000,#f0f4f8eb)}.hp-scroll-cue{z-index:51;cursor:pointer;opacity:1;flex-direction:column;align-items:center;gap:6px;text-decoration:none;transition:opacity .3s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.hp-scroll-cue.hidden{opacity:0;pointer-events:none}.hp-scroll-cue-label{letter-spacing:.1em;text-transform:uppercase;color:#475569;font-size:11px;font-weight:600}[data-theme=light] .hp-scroll-cue-label{color:#94a3b8}.hp-scroll-chevron{color:#475569;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:34px;height:34px;animation:2s ease-in-out infinite hpScrollBounce;display:grid}[data-theme=light] .hp-scroll-chevron{color:#94a3b8;background:#0000000a;border-color:#0000001a}@keyframes hpScrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.ph-card{background:#0d1117;border:1px solid #ffffff14;border-radius:16px;width:500px;animation:5.2s ease-in-out infinite ceFloat;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 28px 80px #000000b8,0 0 70px #2563eb1a}.ph-header{background:#161b27;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.ph-header-left{align-items:center;gap:8px;display:flex}.ph-live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite cePulse;display:block}.ph-topic-label{color:#e2e8f0;font-size:13px;font-weight:600}.ph-diff{letter-spacing:.08em;color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b3d;border-radius:5px;padding:3px 9px;font-size:10.5px;font-weight:700}.ph-circuit{padding:22px 24px 14px}.ph-circuit svg{width:100%;height:auto;display:block}.ph-divider{background:#ffffff0e;height:1px;margin:0 18px}.ph-body{padding:14px 18px 16px}.ph-question{color:#94a3b8;margin:0 0 11px;font-size:13.5px}.ph-answer-row{align-items:center;gap:10px;display:flex}.ph-input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;align-items:center;gap:5px;min-height:40px;padding:9px 13px;transition:border-color .25s,background .25s;display:flex}.ph-input.correct{background:#22c55e0f;border-color:#22c55e73}.ph-input-val{color:#e2e8f0;min-width:20px;font-family:Fira Code,JetBrains Mono,monospace;font-size:15px;font-weight:600}.ph-input-unit{color:#64748b;font-size:12px}.ph-check-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:1px solid #2563eb;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.ph-check-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.ph-check-btn.correct{color:#4ade80;background:#22c55e1f;border-color:#22c55e61}.ph-explain{color:#86efac;background:#22c55e14;border:1px solid #22c55e33;border-radius:9px;margin:0 18px 16px;padding:10px 14px;font-size:12.5px;line-height:1.55}.ph-explain strong{color:#4ade80}.hp-marquee-outer{z-index:1;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e;padding:18px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.hp-marquee-track{gap:0;width:max-content;animation:28s linear infinite hpMarquee;display:flex}.hp-marquee-pill{color:#94a3b8;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffff09;border:1px solid #ffffff13;border-radius:999px;margin-right:10px;padding:6px 16px;font-size:12.5px;transition:color .16s,border-color .16s,background .16s,text-shadow .16s,box-shadow .16s}.hp-marquee-pill:hover{color:#bfdbfe;text-shadow:0 0 12px #60a5fae6;background:#2563eb1f;border-color:#60a5fa61;box-shadow:0 0 18px #2563eb38}[data-theme=light] .hp-marquee-outer{border-top-color:#0000001a;border-bottom-color:#0000001a}[data-theme=light] .hp-marquee-pill{color:#334155;background:#ffffffb8;border-color:#00000024}[data-theme=light] .hp-marquee-pill:hover{color:#1d4ed8;text-shadow:none;background:#2563eb14;border-color:#2563eb59;box-shadow:0 0 14px #2563eb29}@keyframes hpMarquee{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}.hp-topic-popup{z-index:200;pointer-events:none;background:#0d1117;border:1px solid #2563eb47;border-radius:14px;width:240px;animation:.16s ease-out both hpPopupIn;position:fixed;overflow:hidden;transform:translate(-50%,-100%);box-shadow:inset 0 0 0 1px #ffffff0a,0 16px 48px #000000b3,0 0 30px #2563eb1f}@keyframes hpPopupIn{0%{opacity:0;transform:translate(-50%,-96%)scale(.95)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.hp-topic-popup-circuit{background:#070b12;border-bottom:1px solid #ffffff0e;padding:14px 14px 8px}.hp-topic-popup-circuit svg{width:100%;height:auto;display:block}.hp-topic-popup-circuit svg.topic-circuit-tall{width:100%;height:250px}.hp-topic-popup-footer{flex-direction:column;gap:3px;padding:10px 14px 12px;display:flex}.hp-topic-popup-name{color:#e2e8f0;letter-spacing:.01em;font-size:12px;font-weight:700}.hp-topic-popup-hint{color:#64748b;font-size:11px;line-height:1.4}.hp-topic-popup-arrow{background:#0d1117;border-bottom:1px solid #2563eb47;border-right:1px solid #2563eb47;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.hp-features{z-index:1;text-align:center;padding:96px clamp(20px,6vw,80px);position:relative}.hp-section-label{letter-spacing:.12em;text-transform:uppercase;color:#2563eb;margin:0 0 14px;font-size:11.5px;font-weight:700}.hp-section-title{letter-spacing:-.025em;color:#f8fafc;margin:0 0 56px;font-size:clamp(30px,3.4vw,50px);font-weight:820;line-height:1.15}[data-theme=light] .hp-section-title{color:#0f172a}.hp-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1020px;margin:0 auto;display:grid}.hp-feature-card{text-align:left;cursor:default;background:#ffffff07;border:1px solid #ffffff13;border-radius:20px;padding:28px;transition:border-color .25s,transform .2s,box-shadow .25s}.hp-feature-card:hover{border-color:#2563eb4d;transform:translateY(-5px);box-shadow:0 16px 40px #0000004d}[data-theme=light] .hp-feature-card{background:#ffffffb3;border-color:#00000012}.hp-feature-icon{border:1px solid;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:18px;display:grid}.hp-feature-card h3{color:#f1f5f9;margin:0 0 10px;font-size:16.5px;font-weight:700}[data-theme=light] .hp-feature-card h3{color:#0f172a}.hp-feature-card p{color:#64748b;margin:0 0 20px;font-size:13.5px;line-height:1.65}.hp-feature-link{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;text-decoration:none;transition:gap .15s;display:inline-flex}.hp-feature-link:hover{background:0 0;gap:8px}.hp-stats{z-index:1;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.hp-stat{text-align:center;border-right:1px solid #ffffff12;padding:52px 24px}.hp-stat:last-child{border-right:none}[data-theme=light] .hp-stat{border-right-color:#00000014}.hp-stat-num{letter-spacing:-.04em;background:linear-gradient(130deg,#2563eb,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(36px,3.8vw,54px);font-weight:860;line-height:1}.hp-stat-label{color:#64748b;font-size:13.5px;font-weight:500}.hp-cta-section{z-index:1;text-align:center;padding:120px clamp(20px,6vw,80px);position:relative;overflow:hidden}.hp-cta-glow{pointer-events:none;background:radial-gradient(70% 60% at 50% 60%,#2563eb12,#0000);position:absolute;inset:0}.hp-cta-title{letter-spacing:-.033em;color:#f8fafc;margin:0 0 18px;font-size:clamp(34px,4.2vw,60px);font-weight:860;line-height:1.1}[data-theme=light] .hp-cta-title{color:#0f172a}.hp-cta-sub{color:#64748b;max-width:680px;margin:0 auto 38px;font-size:16.5px;line-height:1.75}.hp-cta-sub strong{color:#e2e8f0;font-weight:750}[data-theme=light] .hp-cta-sub strong{color:#0f172a}.hp-cta-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.hp-cta-fine{color:#475569;margin:0;font-size:12.5px}.hp-footer{z-index:1;border-top:1px solid #ffffff0e;align-items:center;gap:20px;padding:28px clamp(20px,6vw,80px);display:flex;position:relative}.hp-footer p{color:#475569;margin:0 0 0 auto;font-size:12.5px}@media (width<=960px){.hp-hero{grid-template-columns:1fr;gap:56px;min-height:auto;padding-top:56px;padding-bottom:64px}.hp-hero-copy{max-width:none}.hp-hero-visual{justify-content:center}.hp-feature-grid{grid-template-columns:1fr;max-width:480px}.hp-stats{grid-template-columns:repeat(2,1fr)}.hp-stat:nth-child(2){border-right:none}.hp-stat:nth-child(3){border-right:1px solid #ffffff12}.hp-stat{border-top:1px solid #ffffff12}.hp-nav-links{display:none}}@media (width<=520px){.ce-card,.ph-card{width:320px}.hp-stats{grid-template-columns:repeat(2,1fr)}.hp-hero-actions{flex-direction:column;align-items:stretch}.hp-hero-actions button{justify-content:center}}