@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap");:root{--midnight:#0c1222;--deep:#111a2e;--slate:#1a2540;--ink:#243354;--mist:#94a3b8;--cloud:#cbd5e1;--snow:#f1f5f9;--white:#fff;--accent:#10b981;--accent-bright:#34d399;--accent-dim:rgba(16,185,129,.12);--accent-glow:0 0 24px rgba(16,185,129,.25);--violet:#8b5cf6;--violet-dim:rgba(139,92,246,.12);--amber:#f59e0b;--amber-dim:rgba(245,158,11,.12);--rose:#f43f5e;--rose-dim:rgba(244,63,94,.12);--sky:#38bdf8;--sky-dim:rgba(56,189,248,.12);--correct:#10b981;--correct-bg:rgba(16,185,129,.08);--correct-border:rgba(16,185,129,.3);--incorrect:#f43f5e;--incorrect-bg:rgba(244,63,94,.08);--incorrect-border:rgba(244,63,94,.3);--surface-0:#f8fafc;--surface-1:#fff;--surface-2:#f1f5f9;--border-subtle:rgba(0,0,0,.06);--border-medium:rgba(0,0,0,.1);--font-display:"Sora",sans-serif;--font-body:"DM Sans",sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.1);--shadow-xl:0 16px 48px rgba(0,0,0,.14);--shadow-glow:0 0 40px rgba(16,185,129,.15);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}html body{min-height:100%;margin:0;font-family:DM Sans,sans-serif;background:var(--surface-0);color:var(--midnight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display,h1,h2,h3,h4,h5,h6{font-family:Sora,sans-serif;letter-spacing:-.02em}.sqe-nav{background:hsla(0,0%,100%,.85);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:1000;transition:box-shadow var(--duration-normal) var(--ease-out);font-family:DM Sans,sans-serif}.sqe-nav.scrolled{box-shadow:var(--shadow-sm)}.sqe-nav .brand-mark{font-family:Sora,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:var(--midnight);text-decoration:none;display:flex;align-items:center;gap:.5rem}.sqe-nav .brand-mark .brand-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--accent),#059669);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.sqe-nav .nav-link{font-family:var(--font-body);font-weight:500;font-size:.875rem;color:var(--mist)!important;padding:.5rem .875rem!important;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.sqe-nav .nav-link:hover{color:var(--midnight)!important;background:var(--accent-dim)}.btn-sqe{font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:-.01em;background:linear-gradient(135deg,var(--accent),#059669);color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem 1.75rem;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 2px 8px rgba(16,185,129,.3);cursor:pointer}.btn-sqe:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(16,185,129,.4);color:#fff}.btn-sqe:active{transform:translateY(0)}.btn-sqe:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sqe-lg{padding:.9rem 2.25rem;font-size:1rem}.btn-sqe-ghost{font-family:var(--font-display);font-weight:600;font-size:.9rem;background:transparent;color:var(--midnight);border:2px solid var(--border-medium);border-radius:var(--radius-md);padding:.7rem 1.75rem;transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.btn-sqe-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-sqe-dark{font-family:var(--font-display);font-weight:600;background:var(--midnight);color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem 1.75rem;transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.btn-sqe-dark:hover{background:var(--deep);color:#fff}.sqe-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all var(--duration-normal) var(--ease-out)}.sqe-card:hover{box-shadow:var(--shadow-md)}.sqe-hero{background:var(--midnight);color:#fff;position:relative;overflow:hidden;padding:6rem 0 5rem}.sqe-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(16,185,129,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 50%,rgba(139,92,246,.1),transparent),radial-gradient(ellipse 40% 30% at 20% 80%,rgba(56,189,248,.08),transparent)}.sqe-hero .hero-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent)}.sqe-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;position:relative}.sqe-hero .hero-sub{font-size:1.15rem;color:var(--mist);line-height:1.7;max-width:480px}.sqe-hero .hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--accent-bright);margin-bottom:1.5rem}.hero-stat-row{display:flex;gap:2.5rem;margin-top:2.5rem;position:relative}.hero-stat .stat-num{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:#fff}.hero-stat .stat-label{font-size:.8rem;color:var(--mist);font-weight:500}.feature-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;transition:all var(--duration-normal) var(--ease-out)}.feature-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-4px)}.feature-icon-wrap{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1.25rem}.kpi-tile{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.kpi-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}.kpi-tile.kpi-emerald:before{background:var(--accent)}.kpi-tile.kpi-violet:before{background:var(--violet)}.kpi-tile.kpi-amber:before{background:var(--amber)}.kpi-tile.kpi-rose:before{background:var(--rose)}.kpi-tile .kpi-value{font-family:var(--font-display);font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1}.kpi-tile .kpi-label{font-size:.8rem;color:var(--mist);font-weight:500;margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}.kpi-tile .kpi-hint{font-size:.75rem;color:var(--cloud);margin-top:.25rem}.streak-display{display:flex;align-items:center;gap:.25rem}.streak-flame{font-size:1.5rem;animation:flicker 1.2s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}@keyframes flicker{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.1) rotate(3deg)}}.progress-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring-wrap svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--surface-2)}.progress-ring-fg{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out)}.progress-ring-label{position:absolute;font-family:var(--font-display);font-weight:700;font-size:.9rem}.drill-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:2px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;width:100%;font-size:.95rem;line-height:1.5}.drill-option:hover:not(:disabled):not(.revealed){transform:translateX(4px)}.drill-option.selected:not(.revealed),.drill-option:hover:not(:disabled):not(.revealed){border-color:var(--accent);background:var(--accent-dim)}.drill-option.correct{border-color:var(--correct-border);background:var(--correct-bg)}.drill-option.incorrect{border-color:var(--incorrect-border);background:var(--incorrect-bg)}.drill-option .opt-marker{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.85rem;transition:all var(--duration-fast) var(--ease-out)}.drill-option.selected:not(.revealed) .opt-marker{background:var(--accent);border-color:var(--accent);color:#fff}.drill-option.correct .opt-marker{background:var(--correct);border-color:var(--correct);color:#fff}.drill-option.incorrect .opt-marker{background:var(--incorrect);border-color:var(--incorrect);color:#fff}.drill-option:disabled{cursor:default}.drill-progress-track{height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden}.drill-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));border-radius:3px;transition:width .6s var(--ease-out)}.sqe-timer{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--midnight);color:#fff;padding:.5rem 1.15rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:600;font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.5rem;z-index:50}.sqe-timer .timer-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.feedback-bar{border-radius:var(--radius-md);padding:1rem 1.25rem;animation:feedback-in .35s var(--ease-spring) forwards}.feedback-bar.correct{background:var(--correct-bg);border:1px solid var(--correct-border)}.feedback-bar.incorrect{background:var(--incorrect-bg);border:1px solid var(--incorrect-border)}@keyframes feedback-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.summary-hero{background:var(--midnight);color:#fff;border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.summary-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(16,185,129,.2),transparent 70%)}.summary-stat-value{font-family:var(--font-display);font-size:3.5rem;font-weight:800;letter-spacing:-.04em}.summary-stat-label{font-size:.8rem;font-weight:600}.section-title,.summary-stat-label{color:var(--mist);text-transform:uppercase;letter-spacing:.08em}.section-title{font-family:var(--font-display);font-weight:700;font-size:.75rem;margin-bottom:1rem}.sqe-footer{border-top:1px solid var(--border-subtle);padding:2rem 0;color:var(--mist);font-size:.85rem}.auth-panel{min-height:calc(100vh - 80px);display:flex;align-items:center}.auth-card{background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.auth-card .auth-sidebar{background:var(--midnight);color:#fff;padding:2.5rem 2rem 2.5rem 2.5rem;position:relative;overflow:hidden;min-height:400px}@media (min-width:768px){.auth-card .auth-sidebar{padding:3rem 2.5rem 3rem 3rem}}@media (min-width:992px){.auth-card .auth-sidebar{padding:3.5rem 3rem 3.5rem 3.5rem}}.auth-sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 80%,rgba(16,185,129,.2),transparent 60%)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fade-up .5s var(--ease-out) forwards;opacity:0}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.anim-scale-in{animation:scale-in .4s var(--ease-spring) forwards;opacity:0}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.anim-shake{animation:shake .4s ease-in-out}@keyframes correct-pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.anim-correct-pop{animation:correct-pop .3s var(--ease-spring)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cloud);border-radius:3px}@media (max-width:768px){.sqe-hero{padding:3.5rem 0 3rem}.sqe-hero h1{font-size:2rem}.hero-stat-row{gap:1.5rem}.hero-stat .stat-num{font-size:1.25rem}.kpi-tile .kpi-value{font-size:1.75rem}.summary-stat-value{font-size:2.5rem}}