:root{--bg-canvas:#fff;--bg-subtle:#fff;--bg-subtle-2:#fff;--bg-card:#fff;--bg-card-hover:#fafbfc;--bg-dark-code:#0b1220;--navy:#0b1220;--navy-dark:#0f172a;--navy-light:#1e293b;--navy-muted:#334155;--emerald:#00a878;--emerald-accent:#08b878;--emerald-dark:#008f5d;--emerald-glow:#08b87829;--mint-bg:#e8faf2;--mint-border:#a7f3d0;--mint-text:#065f46;--border-color:#e6eaf0;--border-subtle:#f1f4f9;--border-active:#cbd5e1;--border-emerald:#08b878;--text-primary:#0b1220;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--diff-easy:#00a878;--diff-easy-bg:#e8faf2;--diff-medium:#d97706;--diff-medium-bg:#fef3c7;--diff-hard:#dc2626;--diff-hard-bg:#fee2e2;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--sidebar-width:252px;--sidebar-collapsed-width:72px;--header-height:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px;--shadow-subtle:0 1px 3px #0b122008, 0 4px 12px #0b122005;--shadow-card:0 1px 3px #0b12200a, 0 10px 28px -6px #0b12200f;--shadow-hover:0 16px 36px -8px #0b122017, 0 0 0 1px #cbd5e1;--shadow-emerald:0 4px 16px #08b87847;--transition-spring:.28s cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}html,body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}html,body,*{scrollbar-width:thin;scroll-behavior:smooth}html{overscroll-behavior:smooth}body{-webkit-overflow-scrolling:touch;will-change:scroll-position}*{scroll-behavior:smooth}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary);line-height:1.6}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary-emerald{background:var(--emerald);color:#fff;box-shadow:var(--shadow-emerald)}.btn-primary-emerald:hover{background:var(--emerald-dark);transform:translateY(-1px);box-shadow:0 6px 20px #08a66a52}.btn-secondary-outline{color:var(--text-primary);border-color:var(--border-color);background:#fff;box-shadow:0 1px 2px #0b122008}.btn-secondary-outline:hover{background:var(--bg-subtle);border-color:var(--border-active);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.saas-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);transition:all var(--transition-normal);opacity:1!important;visibility:visible!important}.saas-card:hover{border-color:var(--border-active)}.saas-card-interactive{transition:all var(--transition-normal);cursor:pointer;opacity:1!important;visibility:visible!important}.saas-card-interactive:hover{box-shadow:var(--shadow-card);border-color:var(--border-active);transform:translateY(-2px)}.diff-badge{border-radius:var(--radius-xs);letter-spacing:.02em;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.diff-badge.easy{background:var(--diff-easy-bg);color:var(--diff-easy);border:1px solid #a7f3d0}.diff-badge.medium{background:var(--diff-medium-bg);color:var(--diff-medium);border:1px solid #fde68a}.diff-badge.hard{background:var(--diff-hard-bg);color:var(--diff-hard);border:1px solid #fecaca}.topic-chip{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-xs);align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.saas-progress-track{border-radius:var(--radius-pill);background:#e2e8f0;width:100%;height:6px;overflow:hidden}.saas-progress-fill{background:var(--emerald);border-radius:var(--radius-pill);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.landing-page{min-height:100vh;color:var(--text-primary);background:#fff;flex-direction:column;padding-top:72px;display:flex;position:relative;overflow-x:hidden}.landing-navbar{z-index:9999;-webkit-backdrop-filter:blur(32px)saturate(210%);background:#ffffffa6;border-bottom:1px solid #ffffffb3;justify-content:center;align-items:center;width:100%;height:72px;padding:0 32px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #00000008,0 1px 2px #00000005,inset 0 1px 1px #fffffff2,inset 0 -1px #0000000a}.landing-navbar.is-scrolled{-webkit-backdrop-filter:blur(40px)saturate(220%);background:#ffffffc7;border-bottom:1px solid #00a87838;box-shadow:0 12px 40px -8px #0b122012,0 1px 3px #0000000a,inset 0 1px 1.5px #fff,0 0 20px #00a87814}@media (max-width:768px){.landing-navbar{height:64px;padding:0 16px}.landing-page{padding-top:64px}}.header-logo-glow{-webkit-backdrop-filter:blur(20px)saturate(190%);border-radius:var(--radius-pill);cursor:pointer;background:#ffffffa6;border:1px solid #ffffffd9;align-items:center;gap:10px;padding:7px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 20px -2px #0b12200a,inset 0 1px 1px #fffffff2,inset 0 -1px 2px #00000008,0 0 14px #00a8781f}.header-logo-glow:hover{background:#ffffffe0;border-color:#00a87873;transform:translateY(-1px);box-shadow:0 8px 28px -4px #0b122014,0 0 24px #00a8784d,inset 0 1px 2px #fff}.landing-nav-pill{-webkit-backdrop-filter:blur(28px)saturate(200%);border-radius:var(--radius-pill);background:#ffffff8c;border:1px solid #ffffffd9;align-items:center;gap:4px;padding:5px 8px;display:flex;box-shadow:0 8px 32px -4px #0b12200f,0 1px 3px #00000005,inset 0 1.5px 2px #fffffff2,inset 0 -1px 2px #0000000a,0 0 18px #00a87814}@media (max-width:960px){.landing-nav-pill{display:none}}.landing-nav-link-glow{color:var(--text-secondary);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;padding:6px 15px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.header-btn-secondary-glow{-webkit-backdrop-filter:blur(20px)saturate(180%);color:var(--navy);border-radius:var(--radius-pill);cursor:pointer;background:#ffffffa6;border:1px solid #ffffffd9;align-items:center;gap:8px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px -2px #0b12200a,inset 0 1px 1.5px #fffffff2,inset 0 -1px 1px #00000008,0 0 14px #00a8781f}.header-btn-primary-glow{-webkit-backdrop-filter:blur(20px);color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(135deg,#00a878eb,#059669f2);border:1px solid #fff6;align-items:center;gap:8px;padding:7px 20px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px -2px #00a8786b,inset 0 1px 1.5px #ffffffa6,0 0 20px #00a87840}.perspective-stage-3d{perspective:1400px;justify-content:center;width:100%;display:flex;position:relative}.card-3d-tilt{backface-visibility:hidden;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;transform:translateZ(0);opacity:1!important;visibility:visible!important}.card-3d-tilt:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 16px 36px -8px #0b12201a,0 0 18px #08a66a1f}.floating-3d-badge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-pill);color:var(--navy);z-index:10;pointer-events:none;transform-style:preserve-3d;background:#fffffff2;border:1px solid #08a66a47;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;display:flex;position:absolute;box-shadow:0 12px 30px -5px #0b12201a,0 0 14px #08a66a26}.badge-float-1{animation:6.5s ease-in-out infinite alternate float3d-orbit1;top:-12px;left:-28px}.badge-float-2{animation:7.5s ease-in-out infinite alternate float3d-orbit2;top:38%;right:-32px}.badge-float-3{animation:8s ease-in-out infinite alternate float3d-orbit3;bottom:-18px;left:8%}.badge-float-4{animation:7s ease-in-out infinite alternate float3d-orbit1;bottom:25px;right:-24px}@keyframes float3d-orbit1{0%{transform:translateZ(15px)rotate(-3deg)}to{transform:translate3d(8px,-18px,40px)rotate(3deg)}}@keyframes float3d-orbit2{0%{transform:translateZ(25px)rotate(4deg)}to{transform:translate3d(-12px,-20px,55px)rotate(-3deg)}}@keyframes float3d-orbit3{0%{transform:translateZ(20px)rotate(2deg)}to{transform:translate3d(14px,-14px,45px)rotate(-2deg)}}@media (max-width:860px){.floating-3d-badge{display:none}}.syntax-particle-3d{font-family:var(--font-mono);color:#08a66a2e;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:13px;font-weight:700;animation:10s ease-in-out infinite alternate syntax-drift;position:absolute}@keyframes syntax-drift{0%{opacity:.18;transform:translateY(0)rotate(0)scale(1)}50%{opacity:.35;transform:translateY(-25px)rotate(6deg)scale(1.08)}to{opacity:.18;transform:translateY(-50px)rotate(-6deg)scale(.95)}}.coderise-3d-loader-overlay{z-index:99999;background:#fff;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.coderise-3d-loader-overlay.fade-out{opacity:0;pointer-events:none;transform:scale(1.03)}.coderise-3d-loader-stage{perspective:1200px;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:30px;display:flex}.loader-logo-3d-wrap{width:100px;height:100px;transform-style:preserve-3d;justify-content:center;align-items:center;margin-bottom:24px;animation:4s ease-in-out infinite alternate logo-float;display:flex;position:relative}@keyframes logo-float{0%{transform:translateY(0)rotateX(0)rotateY(0)}to{transform:translateY(-8px)rotateX(6deg)rotateY(-8deg)}}.loader-orbital-ring-1{border:2px dashed #08a66a59;border-radius:50%;animation:10s linear infinite orbit-spin-clockwise;position:absolute;inset:-14px}.loader-orbital-ring-2{border:1px solid #08a66a33;border-radius:50%;animation:14s linear infinite orbit-spin-counter;position:absolute;inset:-26px;box-shadow:0 0 20px #08a66a1f}@keyframes orbit-spin-clockwise{0%{transform:rotate(0)rotateX(20deg)}to{transform:rotate(360deg)rotateX(20deg)}}@keyframes orbit-spin-counter{0%{transform:rotate(360deg)rotateY(25deg)}to{transform:rotate(0)rotateY(25deg)}}.loader-brand-title{letter-spacing:-.03em;color:var(--navy);margin-bottom:6px;font-size:26px;font-weight:900}.loader-brand-sub{color:var(--text-secondary);margin-bottom:24px;font-size:13px;font-weight:600}.loader-progress-track-3d{border-radius:var(--radius-pill);background:#e7eaf0;width:100%;height:7px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0b12200f}.loader-progress-fill-3d{border-radius:var(--radius-pill);background:linear-gradient(90deg,#08a66a,#00a878,#34d399);height:100%;transition:width .15s ease-out;position:relative;box-shadow:0 0 14px #08a66a99}.loader-progress-fill-3d:after{content:"";border-radius:var(--radius-pill);background:#fff;width:8px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 8px #fff}.loader-telemetry-badge{background:var(--mint-bg);border:1px solid var(--mint-border);border-radius:var(--radius-pill);font-size:11.5px;font-family:var(--font-mono);color:var(--mint-text);align-items:center;gap:8px;padding:6px 14px;font-weight:700;display:inline-flex;box-shadow:0 0 14px #08a66a26}.landing-navbar-inner{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1380px;margin:0 auto;padding:0 16px;display:flex}@media (max-width:768px){.landing-navbar{padding:0 16px}}.header-logo-glow{border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background:#ffffffd9;border:1px solid #08a66a38;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:0 0 14px #08a66a1f,inset 0 0 8px #08a66a0a}.header-logo-glow:hover{border-color:#08a66a;transform:translateY(-1px);box-shadow:0 0 22px #08a66a52,0 2px 10px #08a66a26}.landing-nav-pill{border-radius:var(--radius-pill);background:#ffffffd1;border:1px solid #e7eaf0f2;align-items:center;gap:6px;padding:5px 8px;display:flex;box-shadow:0 2px 16px #0b12200a,0 0 0 1px #ffffffe6,0 0 16px #08a66a14}@media (max-width:960px){.landing-nav-pill{display:none}}.landing-nav-link-glow{color:var(--text-secondary);border-radius:var(--radius-pill);transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none}.landing-nav-link-glow:hover{color:var(--navy);background:#e9fbf4d9;border-color:#08a66a73;transform:translateY(-1px);box-shadow:0 0 16px #08a66a40,0 1px 4px #08a66a1f}.header-actions-glow{align-items:center;gap:12px;display:flex}.header-btn-secondary-glow{color:var(--navy);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffffeb;border:1px solid #08a66a52;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 0 14px #08a66a24,inset 0 0 6px #08a66a0a}.header-btn-secondary-glow:hover{background:#fff;border-color:#08a66a;transform:translateY(-1px);box-shadow:0 0 24px #08a66a61,0 2px 10px #08a66a29}.header-btn-primary-glow{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#08a66a,#059669);border:1px solid #a7f3d0b3;align-items:center;gap:8px;padding:7px 20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 0 18px #08a66a61,0 2px 8px #08a66a40}.header-btn-primary-glow:hover{background:linear-gradient(135deg,#008f5d,#047857);border-color:#a7f3d0;transform:translateY(-1px);box-shadow:0 0 30px #08a66a99,0 4px 14px #08a66a59}.landing-hero{text-align:center;flex-direction:column;align-items:center;max-width:1180px;margin:0 auto;padding:68px 24px 60px;display:flex}.hero-pill-badge{background:var(--mint-bg);border:1px solid var(--mint-border);color:var(--mint-text);border-radius:var(--radius-pill);letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:24px;padding:5px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.hero-main-title{letter-spacing:-.03em;color:var(--navy);max-width:860px;margin-bottom:20px;font-size:clamp(34px,5.5vw,58px);font-weight:800;line-height:1.12}.hero-sub-description{color:var(--text-secondary);max-width:700px;margin-bottom:34px;font-size:clamp(15px,2vw,17.5px);line-height:1.65}.hero-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:50px;display:flex}.hero-editor-stage{width:100%;max-width:960px;position:relative}.hero-editor-window{border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:left;background:#fff;overflow:hidden;box-shadow:0 20px 50px -10px #0b122014,0 1px 3px #0b12200a}.hero-editor-topbar{background:var(--bg-subtle);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.hero-window-dots{gap:6px;display:flex}.hero-dot{border-radius:50%;width:10px;height:10px}.hero-dot.red{background:#ff5f56}.hero-dot.yellow{background:#ffbd2e}.hero-dot.green{background:#27c93f}.hero-lang-pills{border-radius:var(--radius-sm);background:#e2e8f0;gap:4px;padding:3px;display:flex}.hero-lang-pill-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.hero-lang-pill-btn.active{color:var(--navy);background:#fff;box-shadow:0 1px 3px #00000014}.hero-editor-split{grid-template-columns:1.15fr .85fr;min-height:250px;display:grid}@media (max-width:768px){.hero-editor-split{grid-template-columns:1fr}}.hero-editor-left{background:var(--bg-dark-code);color:#e2e8f0;font-family:var(--font-mono);padding:18px;font-size:13px;line-height:1.6;overflow-x:auto}.hero-editor-right{background:#090e17;border-left:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:18px;display:flex}.hero-status-indicators{color:#a7f3d0;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding-bottom:12px;font-size:11.5px;font-weight:600;display:flex}.hero-console-text{font-family:var(--font-mono);color:#34d399;white-space:pre-wrap;flex:1;margin-top:10px;font-size:12px;line-height:1.5}.hero-floating-badge{border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--navy);pointer-events:none;z-index:10;background:#fff;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:flex;position:absolute;box-shadow:0 10px 25px -4px #0b122014}.float-streak{top:20px;left:-24px}.float-accuracy{bottom:40px;right:-24px}.float-level{bottom:-16px;left:18%}.float-xp{top:30%;right:-28px}@media (max-width:860px){.hero-floating-badge{display:none}}.landing-section{width:100%;max-width:100%;margin:0;padding:70px 4vw}.section-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--emerald);margin-bottom:8px;font-size:11.5px;font-weight:800}.gradient-text,.section-heading{letter-spacing:-.025em;color:#0b1220;background:0 0;margin-bottom:12px;font-size:clamp(26px,3.8vw,36px);font-weight:800;display:inline-block}.section-heading span,.section-heading *{color:inherit;-webkit-text-fill-color:currentcolor;background:0 0}.section-desc{color:var(--text-secondary);max-width:620px;font-size:15px;line-height:1.6}.features-grid-6{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:40px;display:grid}.feature-box-2026{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);background:#fff;padding:28px}.feature-box-2026:hover{border-color:var(--border-active);box-shadow:var(--shadow-card);transform:translateY(-2px)}.feature-icon-circle{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-subtle);width:44px;height:44px;color:var(--navy);justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature-title-2026{color:var(--navy);margin-bottom:8px;font-size:17px;font-weight:700}.feature-desc-2026{color:var(--text-secondary);font-size:13.5px;line-height:1.6}.studio-split-layout{grid-template-columns:1fr 1.35fr;align-items:center;gap:48px;margin-top:36px;display:grid}@media (max-width:960px){.studio-split-layout{grid-template-columns:1fr}}.studio-checklist{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 32px;list-style:none;display:grid}.studio-check-item{color:var(--navy);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.practice-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:32px 0 20px;display:flex}.problem-search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:260px;font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast);background:#fff;outline:none;flex:1;padding:9px 14px;font-size:13.5px}.problem-search-input:focus{border-color:var(--emerald);box-shadow:0 0 0 3px #08a66a1f}.problems-horizontal-list{flex-direction:column;gap:10px;display:flex}.problem-card-row{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;opacity:1!important;visibility:visible!important}.problem-card-row:hover{border-color:var(--border-active);background:var(--bg-card-hover);transform:translate(2px)}.problem-row-left{align-items:center;gap:16px;display:flex}.problem-title-text{color:var(--navy);font-size:14.5px;font-weight:700}.app-layout{z-index:1;background:#fff;min-height:100vh;display:flex;position:relative}.sidebar-saas{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:50;height:100vh;transition:width var(--transition-normal);background:#fff;flex-direction:column;flex-shrink:0;justify-content:space-between;display:flex;position:sticky;top:0}.sidebar-saas.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-top-section{padding:16px 14px}.sidebar-logo-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:14px;padding:4px 6px 16px;display:flex}.sidebar-nav-list{flex-direction:column;gap:4px;list-style:none;display:flex}.sidebar-nav-item-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:600;display:flex}.sidebar-nav-item-btn:hover{background:var(--bg-subtle);color:var(--navy)}.sidebar-nav-item-btn.active{background:var(--mint-bg);color:var(--emerald-dark);font-weight:700}.sidebar-bottom-section{border-top:1px solid var(--border-subtle);padding:14px}.sidebar-student-card{border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;display:flex}.main-wrapper{z-index:2;background:#f8fafc;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.saas-header-bar{height:var(--header-height);border-bottom:1px solid var(--border-color);z-index:40;background:#fff;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.portal-container{z-index:10;width:100%;max-width:1320px;margin:0 auto;padding:28px 32px 48px;position:relative}.dash-greeting-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dash-greeting-title{color:var(--navy);margin-bottom:4px;font-size:24px;font-weight:800}.dash-greeting-sub{color:var(--text-secondary);font-size:14px}.metrics-row-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-card-clean{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);background:#fff;padding:18px 20px}.metric-header-clean{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.metric-val-clean{color:var(--navy);letter-spacing:-.02em;font-size:26px;font-weight:800}.dash-section-2-grid{grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:24px;display:grid}@media (max-width:900px){.dash-section-2-grid{grid-template-columns:1fr}}.dash-progress-grid{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:24px;display:grid}@media (max-width:900px){.dash-progress-grid{grid-template-columns:1fr}}.recs-grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.rec-card{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#fff;flex-direction:column;justify-content:space-between;padding:18px;display:flex}.rec-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-card);transform:translateY(-2px)}.leaderboard-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;width:100%;overflow:hidden}.leaderboard-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-subtle);border-bottom:1px solid var(--border-color);text-align:left;padding:12px 18px;font-size:11.5px;font-weight:700}.leaderboard-table td{color:var(--navy);border-bottom:1px solid var(--border-subtle);padding:14px 18px;font-size:13.5px}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tr.current-user-row{background:var(--mint-bg);font-weight:700}.assessment-layout{height:calc(100vh - var(--header-height));z-index:10;background:#fff;flex-direction:column;display:flex;position:relative}.assessment-topbar{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.assessment-timer-badge{border-radius:var(--radius-pill);background:var(--mint-bg);border:1px solid var(--mint-border);color:var(--mint-text);font-family:var(--font-mono);align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.assessment-split-stage{flex:1;grid-template-columns:1fr 1.3fr;min-height:0;display:grid}@media (max-width:900px){.assessment-split-stage{grid-template-columns:1fr}}.assessment-problem-col{border-right:1px solid var(--border-color);padding:24px;overflow-y:auto}.assessment-code-col{background:var(--bg-dark-code);flex-direction:column;min-height:0;display:flex}.saas-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0b122073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.saas-modal-dialog{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:#fff;width:100%;max-width:440px;padding:32px;position:relative;box-shadow:0 25px 60px -15px #0b12202e}.coderise-simple-loader{z-index:99999;font-family:var(--font-sans);color:#fff;-webkit-user-select:none;user-select:none;background:#0b1220;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.simple-loader-glow{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#00a87826 0%,#0b122000 70%);border-radius:50%;width:450px;height:450px;position:absolute}.simple-loader-content{z-index:10;text-align:center;flex-direction:column;align-items:center;width:90%;max-width:380px;display:flex;position:relative}.simple-logo-container{justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative}.simple-logo-pulse-ring{border:1px solid #00a8784d;border-radius:28px;animation:2s cubic-bezier(.4,0,.6,1) infinite simplePulse;position:absolute;inset:-12px;box-shadow:0 0 20px #00a87833}@keyframes simplePulse{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}.simple-loader-title{letter-spacing:-.03em;color:#fff;align-items:center;gap:8px;margin-bottom:6px;font-size:26px;font-weight:800;display:flex}.simple-title-badge{border-radius:var(--radius-pill);color:#00a878;letter-spacing:.06em;background:#00a87826;border:1px solid #00a8784d;padding:3px 8px;font-size:11px;font-weight:700}.simple-loader-subtitle{color:#94a3b8;margin-bottom:32px;font-size:13.5px;font-weight:400}.simple-progress-container{flex-direction:column;gap:10px;width:100%;display:flex}.simple-progress-bar{border-radius:var(--radius-pill);background:#ffffff14;width:100%;height:4px;position:relative;overflow:hidden}.simple-progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg,#00a878 0%,#38bdf8 100%);height:100%;transition:width .15s ease-out;box-shadow:0 0 10px #00a87880}.simple-progress-text{color:#64748b;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.simple-pct{font-family:var(--font-mono);color:#00a878;font-weight:700}.glass-embed-dark .section-heading{filter:drop-shadow(0 0 18px #00e69140);background:linear-gradient(135deg,#fff 10%,#a7f3d0 60%,#00e691 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.glass-embed-dark .section-desc,.glass-embed-dark p{color:#94a3b8!important}.glass-embed-dark .section-eyebrow{color:#00e691!important}.glass-embed-dark .problem-search-input{color:#fff!important;background:#ffffff0f!important;border-color:#ffffff24!important}.glass-embed-dark .problem-search-input::placeholder{color:#64748b!important}@keyframes aurora-drift-a{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,25px)scale(1.04)}to{transform:translate(-20px,40px)scale(.97)}}@keyframes aurora-drift-b{0%{transform:translate(0)scale(1)}50%{transform:translate(-35px,30px)scale(1.03)}to{transform:translate(25px,-18px)scale(1.06)}}.ghost-numeral{display:none!important}.aurora-bg{z-index:0;pointer-events:none;background:#fff;position:fixed;inset:0;overflow:hidden}.aurora-blob{display:none!important}@media (prefers-reduced-motion:reduce){.aurora-blob-a,.aurora-blob-b,.aurora-blob-c{opacity:.5;animation:none}}@media (max-width:640px){.rail-orb{z-index:1;background:#0891b2;border:1.5px solid #fff;border-radius:50%;width:9px;height:9px;margin-top:-4.5px;margin-left:-4.5px;position:absolute;left:50%;box-shadow:0 0 10px #0891b2,0 0 4px #0891b2cc}.ghost-numeral{font-size:clamp(110px,34vw,160px);top:-38px}}.cine-hud{z-index:9500;-webkit-backdrop-filter:blur(12px);color:#334155;font-family:var(--font-mono);letter-spacing:.12em;pointer-events:none;background:#ffffffe0;border:1px solid #0b12201a;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:10.5px;font-weight:700;display:flex;position:fixed;bottom:16px;right:18px;box-shadow:0 10px 28px -12px #0b122040}.cine-hud-rec{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite cine-blink;box-shadow:0 0 10px #ef4444}@keyframes cine-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.cine-hud-bar{background:#0b12201a;border-radius:999px;width:64px;height:3px;display:inline-block;overflow:hidden}.cine-hud-bar span{transform-origin:0;background:linear-gradient(90deg,#0891b2,#2563eb);width:100%;height:100%;display:block}@media (max-width:640px){.cine-hud{padding:7px 12px;font-size:9.5px;bottom:12px;right:12px}.cine-hud-bar{display:none}}.cine-pinned-viewport{perspective:1300px;justify-content:center;align-items:center;height:100vh;min-height:640px;padding:110px 24px 60px;display:flex;position:sticky;top:0;overflow:hidden}.cine-pinned-word{letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.5px #0891b21a;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(120px,24vw,320px);font-weight:900;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -50%}.cine-frame,.cine-frame-top,.cine-frame-bottom{display:none}.cine-rail{z-index:3;background:#0b12201a;border-radius:999px;width:2px;height:46vh;min-height:240px;position:absolute;top:50%;right:clamp(14px,4vw,54px);translate:0 -50%}.cine-rail-fill{transform-origin:50% 0;background:linear-gradient(#0891b2,#2563eb);border-radius:999px;position:absolute;inset:0}.cine-rail-dot{background:#0891b2;border:2px solid #fff;border-radius:50%;width:11px;height:11px;margin-top:-5.5px;margin-left:-5.5px;position:absolute;left:50%;box-shadow:0 0 12px #0891b2}.rail-orb{z-index:1;background:#0891b2;border:1.5px solid #fff;border-radius:50%;width:9px;height:9px;margin-top:-4.5px;margin-left:-4.5px;position:absolute;left:50%;box-shadow:0 0 10px #0891b2,0 0 4px #0891b2cc}.cine-pinned-card{z-index:2;-webkit-backdrop-filter:blur(26px)saturate(170%);width:min(760px,100%);transform-style:preserve-3d;will-change:transform, opacity;background:linear-gradient(135deg,#fffffff0,#ffffffc7);border:1px solid #fffffff2;border-radius:26px;outline:1px solid #0891b224;padding:clamp(26px,4vw,46px);position:relative;box-shadow:0 30px 80px -24px #0b12204d,0 0 40px -18px #0891b266}.cine-pinned-kicker{letter-spacing:.22em;color:#008f5d;align-items:center;gap:9px;margin-bottom:14px;font-size:11px;font-weight:800;display:flex}.cine-pinned-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.cine-pinned-title{letter-spacing:-.03em;color:#0b1220;margin-bottom:12px;font-size:clamp(26px,4vw,44px);font-weight:900;line-height:1.08}.cine-pinned-story{color:#475569;max-width:60ch;font-size:15.5px;line-height:1.7}.cine-hairline{background:#eef2f7;border-radius:999px;height:2px;margin-top:20px;overflow:hidden}.cine-hairline-fill{transform-origin:0;width:100%;height:100%}.cine-pinned-body{margin-top:6px}.cine-pinned-hint{letter-spacing:.32em;color:#94a3b8;z-index:3;white-space:nowrap;font-size:10px;font-weight:800;animation:2.4s ease-in-out infinite cine-blink;position:absolute;bottom:calc(9vh + 18px);left:50%;translate:-50%}@media (max-width:640px){.cine-pinned-viewport{padding:90px 16px 40px}.cine-rail{display:none}}@media (prefers-reduced-motion:reduce){.cine-hud-rec,.cine-pinned-hint{animation:none}}.cine-ticks{pointer-events:none;position:absolute;inset:0}.cine-ticks span{pointer-events:auto;cursor:pointer;background:#0b122038;width:2px;position:absolute;top:0;bottom:0}.cine-ticks span:first-child{left:3%}.cine-ticks span:nth-child(2){left:13%}.cine-ticks span:nth-child(3){left:23%}.cine-ticks span:nth-child(4){left:33%}.cine-ticks span:nth-child(5){left:43%}.cine-ticks span:nth-child(6){left:53%}.cine-ticks span:nth-child(7){left:63%}.cine-ticks span:nth-child(8){left:73%}.cine-ticks span:nth-child(9){left:83%}.cine-ticks span:nth-child(10){left:93%}.cine-ticks span.on{background:#0891b2;width:3px;box-shadow:0 0 8px #0891b2}.cine-grain{z-index:8999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}@media (max-width:640px){.cine-grain{display:none}}.cine-slate-blade{display:none!important}.cine-slate-card{-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #0b122014;border-left:3px solid #0891b2;border-radius:12px;padding:12px 20px 13px;position:absolute;bottom:clamp(80px,14vh,150px);left:clamp(16px,6vw,90px);box-shadow:0 16px 40px -16px #0b122040}.cine-slate-kicker{font-family:var(--font-mono);letter-spacing:.3em;color:#0891b2;font-size:10px;font-weight:700}.cine-slate-title{letter-spacing:-.02em;color:#0b1220;font-size:clamp(20px,3vw,32px);font-weight:900}.cine-hud-push{color:#0284c7;border:1px solid #0891b273;border-radius:999px;padding:1px 8px;animation:.7s ease-in-out infinite cine-blink}.cine-beats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}@media (max-width:640px){.cine-beats{grid-template-columns:1fr}}.cine-beat{will-change:transform, opacity;background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:12px 14px}.cine-beat-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cine-beat-k{letter-spacing:.16em;color:#94a3b8;font-size:10px;font-weight:800}.cine-beat-check{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:inline-flex}.cine-beat-v{color:#0b1220;margin-top:6px;font-size:13px;font-weight:700;line-height:1.45}.cine-beat-track{background:#eef2f7;border-radius:999px;height:2px;margin-top:10px;overflow:hidden}.cine-beat-fill{transform-origin:0;width:100%;height:100%}.cine-corner,.cine-timecode{display:none}