:root{color-scheme:dark;--bg: #0d0d0f;--bg-elevated: #131316;--surface: rgba(22, 22, 26, .92);--surface-soft: rgba(32, 32, 38, .9);--surface-strong: #1c1c21;--surface-muted: #25252c;--border: rgba(255, 255, 255, .08);--text: #f7f2ea;--muted: #b4ab9f;--primary: #ff8c32;--primary-strong: #ff6a00;--primary-soft: rgba(255, 140, 50, .14);--danger: #ff6b57;--success: #3cc98c;--warning: #ffbe63;--shadow: 0 26px 80px rgba(0, 0, 0, .35);--ring: 0 0 0 3px rgba(255, 140, 50, .16)}:root[data-theme=light]{color-scheme:light;--bg: #f7f2ea;--bg-elevated: #fff7ef;--surface: rgba(255, 251, 247, .96);--surface-soft: #fff5eb;--surface-strong: #ffffff;--surface-muted: #fff1e3;--border: rgba(17, 17, 17, .08);--text: #16120d;--muted: #6e6257;--primary: #f07b22;--primary-strong: #d95d00;--primary-soft: rgba(240, 123, 34, .12);--danger: #d94c3d;--success: #158f5d;--warning: #b67616;--shadow: 0 28px 70px rgba(88, 42, 9, .12);--ring: 0 0 0 3px rgba(240, 123, 34, .12)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(255,140,50,.18),transparent 22%),radial-gradient(circle at bottom right,rgba(255,106,0,.12),transparent 24%),linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 100%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root,.app-shell{min-height:100vh}.navbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0c0eb8;border-bottom:1px solid var(--border)}:root[data-theme=light] .navbar{background:#fff8f2c7}.navbar__content,.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.navbar__content{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff6ef;font-size:.95rem;font-weight:800;letter-spacing:.08em}.brand{font-size:1.08rem;font-weight:800;letter-spacing:-.03em}.nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav-link,.nav-user{color:var(--muted);font-weight:700}.nav-link:hover{color:var(--primary)}.theme-toggle,.primary-button,.secondary-button,.danger-button,.tts-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:14px;border:1px solid var(--border);cursor:pointer;transition:transform .18s ease,border-color .2s ease,background .2s ease,color .2s ease}.theme-toggle:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover,.tts-button:hover{transform:translateY(-1px)}.theme-toggle{background:var(--surface-soft);color:var(--text)}.theme-toggle__dot{width:10px;height:10px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 6px var(--primary-soft)}.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:transparent;color:#fff7ef;font-weight:800}.secondary-button,.tts-button{background:var(--surface-soft);color:var(--text)}.danger-button{background:#ff6b571f;color:var(--danger);border-color:#ff6b572e}.tts-button{border-color:#ff8c322e;color:var(--primary);background:#ff8c3214}.tts-button--compact{min-height:38px;padding:0 12px;font-size:.92rem}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.tts-button:disabled,.theme-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.page-shell{padding:32px 0 56px}.content-stack,.dashboard-stack{display:grid;gap:24px}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:20px;padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(255,140,50,.12),transparent 42%),var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.hero--command,.hero--analytics{align-items:stretch}.hero-panel,.hero-side{display:grid;gap:16px}.hero h1,.summary-card h1,.result-hero h1,.auth-card h1,.analytics-title{margin:0;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1;letter-spacing:-.05em}.hero-copy,.muted,.feedback-copy,.review-item p{color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.eyebrow{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:32px;padding:0 12px;border-radius:999px;background:#ffffff0a;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.eyebrow--accent{background:var(--primary-soft);color:var(--primary)}.spotlight-card{display:grid;gap:8px;padding:18px;border-radius:20px;background:var(--surface-soft);border:1px solid var(--border)}.spotlight-card strong{font-size:1.28rem}.spotlight-card--primary{background:linear-gradient(145deg,#ff8c3229,#ff8c320d);border-color:#ff8c3233}.spotlight-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:800}.metrics-band,.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{display:grid;gap:8px;padding:18px 20px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.metric-card--featured{background:linear-gradient(145deg,#ff8c3229,#ff8c320a);border-color:#ff8c3233}.metric-label{color:var(--muted);font-weight:700}.metric-value{font-size:1.7rem;font-weight:900;line-height:1.05;color:var(--text);letter-spacing:-.04em}.metric-value--small{font-size:1.2rem}.major-layout,.page-grid,.page-grid--stacked,.result-grid,.stats-grid{display:grid;gap:24px}.major-layout,.page-grid--stacked{grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr)}.page-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.side-column{display:grid;gap:24px;align-self:start}.card{background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.dashboard-card--elevated,.insights-card,.form-card,.analytics-card{background:linear-gradient(180deg,#ffffff04,#fff0),var(--surface)}.section-heading,.section-header,.summary-card,.result-hero,.dashboard-item,.dashboard-actions,.button-row,.question-card__meta,.question-card__actions,.panel-actions,.review-head,.tts-card,.session-card__top,.session-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading{margin-bottom:18px}.section-badge{display:grid;gap:2px;padding:12px 14px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--border);color:var(--muted)}.section-badge strong{color:var(--primary);text-transform:capitalize}.form-grid,.review-list,.dashboard-list,.stats-list,.trend-list,.practice-plan,.insight-list,.achievement-grid,.quiz-list{display:grid;gap:16px}.form-group{display:grid;gap:8px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-row--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.field-label{font-weight:700;color:var(--text)}.text-input,.answer-box{width:100%;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft);padding:14px 16px;color:var(--text)}.text-input:focus,.answer-box:focus{outline:none;border-color:#ff8c3259;box-shadow:var(--ring)}.text-input:disabled{opacity:.8}.answer-box{min-height:220px;resize:vertical;line-height:1.65}.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 180px)}.auth-card{width:min(560px,100%)}.auth-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insight-row,.stat-row,.trend-item,.bar-row,.plan-step,.session-card{padding:14px 16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border)}.insight-row,.stat-row,.trend-item,.bar-row__head,.session-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-step{line-height:1.6;color:var(--muted)}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-card{display:grid;gap:8px;padding:14px 16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border)}.achievement-card span{color:var(--muted);font-size:.85rem;font-weight:700}.achievement-card strong{color:var(--text)}.achievement-card--active{background:#ff8c321f;border-color:#ff8c3233}.bar-row{display:grid;gap:12px}.progress-bar{overflow:hidden;height:10px;border-radius:999px;background:#ffffff0f}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-strong))}.mini-card{display:grid;gap:14px;padding:18px;border-radius:20px;background:var(--surface-soft);border:1px solid var(--border)}.mini-card h3,.session-card h3,.review-item h3,.card h2{margin:0}.session-card{display:grid;gap:14px}.session-meta{color:var(--muted);font-size:.95rem}.summary-metrics,.result-actions{display:flex;flex-wrap:wrap;gap:10px}.pill,.score-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-weight:700;border:1px solid var(--border)}.pill--timer{background:#ffbe631f;color:var(--warning)}.score-chip--active{background:#3cc98c1f;color:var(--success)}.progress-row{display:flex;flex-wrap:wrap;gap:10px}.progress-step{width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);color:var(--text);font-weight:800;cursor:pointer}.progress-step--active{background:var(--primary-soft);color:var(--primary);border-color:#ff8c3247}.progress-step--done{background:#3cc98c1f;color:var(--success);border-color:#3cc98c33}.warning-card{border-color:#ffbe633d;background:#ffbe6314;box-shadow:none}.warning-text{margin:0;color:var(--warning);line-height:1.65;font-weight:700}.error-text{margin:0;color:var(--danger);font-weight:700}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.8}.review-item{padding:18px;border-radius:22px;background:var(--surface-soft);border:1px solid var(--border);display:grid;gap:14px}.quiz-question{display:grid;gap:16px;padding:18px;border-radius:22px;background:var(--surface-soft);border:1px solid var(--border)}.quiz-question--review{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--surface-soft)}.quiz-question h3{margin:0;line-height:1.5}.option-grid{display:grid;gap:12px}.option-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .2s ease,background .2s ease}.option-card:hover{transform:translateY(-1px);border-color:#ff8c3233}.option-card span{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:12px;background:var(--surface-muted);color:var(--primary);font-weight:800}.option-card--selected{background:#ff8c321a;border-color:#ff8c3247}.option-card--correct{background:#3cc98c1f;border-color:#3cc98c33}.option-card--incorrect{background:#ff6b571f;border-color:#ff6b5733}.answer-panel{display:grid;gap:12px;padding:14px 16px;border-radius:16px;background:var(--surface-strong);border:1px solid var(--border)}.answer-panel--reference{background:#ff8c3214;border-color:#ff8c322e}.answer-label{display:inline-flex;width:fit-content;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.score-panel{display:grid;place-items:center;min-width:180px;min-height:180px;border-radius:32px;background:radial-gradient(circle at top,rgba(255,140,50,.2),transparent 58%),var(--surface-soft);border:1px solid rgba(255,140,50,.18)}.score-value{font-size:4rem;font-weight:900;color:var(--primary);line-height:1;letter-spacing:-.06em}.score-label{color:var(--muted);font-weight:700}@media (max-width: 1024px){.hero,.major-layout,.page-grid,.page-grid--stacked,.metrics-band,.analytics-grid,.result-grid,.stats-grid,.achievement-grid{grid-template-columns:1fr}}@media (max-width: 900px){.navbar__content,.page-shell{width:min(100% - 20px,1180px)}.section-heading,.section-header,.summary-card,.result-hero,.dashboard-item,.dashboard-actions,.button-row,.question-card__meta,.question-card__actions,.panel-actions,.review-head,.tts-card,.session-card__top,.session-actions{align-items:flex-start;flex-direction:column}.form-row,.form-row--triple,.auth-toggle{grid-template-columns:1fr}}@media (max-width: 640px){.page-shell{padding:24px 0 46px}.hero,.card{padding:20px;border-radius:22px}.primary-button,.secondary-button,.danger-button,.tts-button,.theme-toggle,.nav-actions{width:100%}.score-panel{min-width:100%;min-height:150px}}.forgot-password{display:flex;justify-content:flex-end;margin-top:8px}.forgot-password button{background:none;border:none;padding:0;color:#ff7a18;font-size:14px;font-weight:500;cursor:pointer}.forgot-password button:hover{text-decoration:underline}.success-text{margin:0;color:#22c55e;font-size:14px}.auth-back{margin-top:20px;text-align:center}.auth-back a{color:#ff7a18;text-decoration:none;font-size:14px}.auth-back a:hover{text-decoration:underline}.answer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.voice-button{border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600;background:#2563eb;color:#fff;transition:.2s ease}.voice-button:hover{opacity:.9}.voice-button.listening{background:#dc2626}.listening-status{margin-top:10px;font-size:14px;color:#dc2626;font-weight:600}.navbar{position:relative;z-index:1000;width:100%;border-bottom:1px solid rgba(255,255,255,.07);background:#0a0a0ab8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.navbar-animated{animation:navbarIn .55s ease-out}@keyframes navbarIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar__content{width:min(1400px,100%);min-height:68px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#ff7a18,#ff4d00);color:#fff;font-size:14px;font-weight:800;box-shadow:0 8px 25px #ff7a1838;transition:transform .3s ease,box-shadow .3s ease}.brand-logo:hover .brand-mark{transform:rotate(-6deg) scale(1.08);box-shadow:0 0 25px #ff7a1859}.brand-text{font-weight:700;font-size:15px}.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px}.nav-link{position:relative;display:inline-flex;align-items:center;padding:8px 3px;color:inherit;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;transition:color .25s ease,transform .25s ease}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:999px;background:#ff7a18;transform:scaleX(0);transition:transform .25s ease}.nav-link:hover,.nav-link-active{color:#ff7a18}.nav-link:hover{transform:translateY(-2px)}.nav-link:hover:after,.nav-link-active:after{transform:scaleX(1)}.nav-user-wrapper{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;animation:userIn .4s ease-out}@keyframes userIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.nav-avatar{width:31px;height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#ff7a18,#ff4d00);color:#fff;font-size:13px;font-weight:800}.nav-user{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease}.logout-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff7a182e}.logout-icon{transition:transform .25s ease}.logout-button:hover .logout-icon{transform:translate(3px)}.mobile-actions{display:none;align-items:center;gap:10px}.menu-toggle{width:42px;height:42px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#ffffff0a;cursor:pointer;transition:background .25s ease,transform .25s ease}.menu-toggle:hover{background:#ff7a181a;transform:scale(1.04)}.menu-toggle span{width:20px;height:2px;border-radius:10px;background:currentColor;transition:transform .3s ease,opacity .3s ease}.menu-toggle-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle-active span:nth-child(2){opacity:0}.menu-toggle-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none}@media (max-width: 950px){.navbar__content{padding-left:18px;padding-right:18px}.desktop-nav{gap:11px}.nav-link{font-size:13px}.nav-user{max-width:80px}}@media (max-width: 780px){.navbar__content{min-height:62px;padding:9px 14px}.brand-text{font-size:14px}.desktop-nav{display:none}.mobile-actions{display:flex}.mobile-menu{display:flex;position:absolute;left:12px;right:12px;top:calc(100% + 8px);padding:12px;flex-direction:column;gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0f0f0ff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000059;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transform-origin:top;transition:opacity .25s ease,visibility .25s ease,transform .25s ease}.mobile-menu-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.mobile-user{display:flex;align-items:center;gap:11px;padding:10px;margin-bottom:5px;border-radius:12px;background:#ffffff0a}.mobile-user div{display:flex;flex-direction:column;min-width:0}.mobile-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user small{margin-top:2px;opacity:.55;font-size:11px}.mobile-nav-link{width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:11px;color:inherit;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s ease,color .2s ease,transform .2s ease}.mobile-nav-link:hover{color:#ff7a18;background:#ff7a1814;transform:translate(4px)}.mobile-nav-link span{width:25px;display:inline-flex;justify-content:center;font-size:16px}.mobile-logout{width:100%;display:flex;align-items:center;gap:12px;margin-top:5px;padding:13px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#ff7a180f;color:#ff7a18;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.mobile-logout:hover{background:#ff7a181f;transform:translate(4px)}}@media (max-width: 480px){.navbar__content{padding:8px 11px}.brand-text{display:none}.brand-mark{width:39px;height:39px;border-radius:10px}.menu-toggle{width:39px;height:39px}.mobile-actions{gap:7px}.mobile-menu{left:8px;right:8px}}@media (max-width: 360px){.navbar__content{padding-left:9px;padding-right:9px}.brand-mark,.menu-toggle{width:37px;height:37px}.mobile-menu{top:calc(100% + 6px)}}.home-animated{animation:pageFadeIn .7s ease-out}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.home-hero{animation:heroEnter .8s ease-out}@keyframes heroEnter{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.home-hero .hero-panel{animation:heroTextEnter .9s ease-out}@keyframes heroTextEnter{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}.home-hero .hero-side{animation:heroSideEnter 1s ease-out}@keyframes heroSideEnter{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}.hero-actions .primary-button,.hero-actions .secondary-button{transition:transform .25s ease,box-shadow .25s ease}.hero-actions .primary-button:hover,.hero-actions .secondary-button:hover{transform:translateY(-3px)}.spotlight-card{transition:transform .3s ease,box-shadow .3s ease}.spotlight-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #0003}.home-metrics{animation:metricsEnter .9s ease-out}@keyframes metricsEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-metrics .metric-card{transition:transform .3s ease,box-shadow .3s ease}.home-metrics .metric-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0003}.home-card{animation:cardEnter .8s ease-out both;transition:transform .3s ease,box-shadow .3s ease}.home-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000002e}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-card .text-input{transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease}.home-card .text-input:focus{transform:translateY(-1px);box-shadow:0 0 0 3px #ff7a181f}.home-card .primary-button,.home-card .secondary-button{transition:transform .25s ease,box-shadow .25s ease}.home-card .primary-button:hover,.home-card .secondary-button:hover{transform:translateY(-2px)}.insight-row{transition:transform .25s ease,padding-left .25s ease}.insight-row:hover{transform:translate(5px)}.achievement-card{transition:transform .3s ease,box-shadow .3s ease}.achievement-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 25px #0000002e}.plan-step{transition:transform .25s ease,padding-left .25s ease}.plan-step:hover{transform:translate(5px);padding-left:14px}.session-card{transition:transform .3s ease,box-shadow .3s ease}.session-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003}.session-card h3{transition:color .25s ease}.session-card:hover h3{color:#ff7a18}.score-chip{transition:transform .25s ease,box-shadow .25s ease}.session-card:hover .score-chip{transform:scale(1.05)}.danger-button{transition:transform .25s ease,box-shadow .25s ease}.danger-button:hover{transform:translateY(-2px)}.section-heading{animation:headingFade .8s ease-out}@keyframes headingFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.home-animated,.home-hero,.home-metrics,.home-card,.section-heading,.hero-panel,.hero-side{animation:none!important;transition:none!important}}.auth-page-animated{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;animation:authPageIn .8s ease-out}.auth-page-animated:before,.auth-page-animated:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:0}.auth-page-animated:before{top:-120px;left:-100px;background:radial-gradient(circle,rgba(255,122,24,.28),transparent 68%);animation:floatingGlowOne 6s ease-in-out infinite}.auth-page-animated:after{right:-100px;bottom:-120px;background:radial-gradient(circle,rgba(255,77,0,.22),transparent 68%);animation:floatingGlowTwo 7s ease-in-out infinite}@keyframes floatingGlowOne{0%,to{transform:translate(0) scale(1)}50%{transform:translate(90px,70px) scale(1.25)}}@keyframes floatingGlowTwo{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-80px,-70px) scale(1.2)}}.auth-card-animated{position:relative;z-index:2;animation:cardDrop .9s cubic-bezier(.16,1,.3,1);transition:transform .4s ease,box-shadow .4s ease}.auth-card-animated:hover{transform:translateY(-5px);box-shadow:0 25px 70px #00000047}@keyframes cardDrop{0%{opacity:0;transform:translateY(-80px) scale(.85) rotateX(10deg)}60%{opacity:1;transform:translateY(8px) scale(1.02) rotateX(0)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:999px;background:#ff7a181f;color:#ff8a32;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;animation:badgePop .7s ease-out .5s both}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.auth-badge-dot{width:8px;height:8px;border-radius:50%;background:#ff7a18;animation:dotPulse 1.4s infinite}@keyframes dotPulse{0%{transform:scale(1);box-shadow:0 0 #ff7a1899}70%{transform:scale(1.2);box-shadow:0 0 0 9px #ff7a1800}to{transform:scale(1);box-shadow:0 0 #ff7a1800}}.auth-heading{animation:headingSlide .8s ease-out .25s both}@keyframes headingSlide{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.auth-toggle-animated{animation:toggleSlide .7s ease-out .4s both}@keyframes toggleSlide{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.auth-tab{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.auth-tab:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 22px #ff7a1833}.auth-tab:active{transform:scale(.96)}.auth-form-enter{animation:formSwitch .5s ease-out}@keyframes formSwitch{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}.animated-field{animation:fieldSlide .6s ease-out both}.animated-field:nth-child(1){animation-delay:.1s}.animated-field:nth-child(2){animation-delay:.2s}.animated-field:nth-child(3){animation-delay:.3s}@keyframes fieldSlide{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:translate(0)}}.auth-input{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.auth-input:hover{transform:translateY(-2px)}.auth-input:focus{transform:translateY(-3px) scale(1.01);border-color:#ff7a18!important;box-shadow:0 0 0 3px #ff7a1826,0 8px 25px #ff7a181a}.forgot-password button{position:relative;border:none;background:transparent;color:#ff8a32;cursor:pointer;transition:transform .25s ease,color .25s ease}.forgot-password button:hover{color:#ffb06b;transform:translate(5px)}.auth-submit{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.auth-submit:before{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg)}.auth-submit:hover:before{animation:buttonShine .7s ease}@keyframes buttonShine{0%{left:-120%}to{left:140%}}.auth-submit:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 30px #ff7a184d}.auth-submit:active{transform:translateY(0) scale(.97)}.button-arrow{display:inline-block;transition:transform .3s ease}.auth-submit:hover .button-arrow{transform:translate(8px)}.button-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spinner .7s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.auth-error{animation:errorAnimation .5s ease}@keyframes errorAnimation{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.auth-footer{animation:footerSlide .7s ease-out .7s both}@keyframes footerSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-footer button{transition:color .25s ease,transform .25s ease}.auth-footer button:hover{color:#ff8a32;transform:translate(3px)}@keyframes authPageIn{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.auth-card-animated:hover{transform:none}.auth-heading h1{font-size:30px}.auth-page-animated:before{width:250px;height:250px}.auth-page-animated:after{width:250px;height:250px}}.result-page-animated{animation:resultPageIn .7s ease-out}@keyframes resultPageIn{0%{opacity:0}to{opacity:1}}.result-hero-animated{animation:resultHeroEnter .8s cubic-bezier(.16,1,.3,1)}@keyframes resultHeroEnter{0%{opacity:0;transform:translateY(-35px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.result-title{animation:resultTitleEnter .7s ease-out .2s both}@keyframes resultTitleEnter{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.score-panel-animated{animation:scorePop .9s cubic-bezier(.16,1,.3,1) .3s both}@keyframes scorePop{0%{opacity:0;transform:scale(.5) rotate(-12deg)}70%{transform:scale(1.08) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.score-ring{transition:transform .35s ease,box-shadow .35s ease}.score-ring:hover{transform:scale(1.08);box-shadow:0 0 35px #ff7a1840}.score-value{animation:scoreNumber 1s cubic-bezier(.16,1,.3,1) .5s both}@keyframes scoreNumber{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.result-warning{animation:warningSlide .6s ease-out}@keyframes warningSlide{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}.result-card-animated{animation:resultCardEnter .65s ease-out both;transition:transform .3s ease,box-shadow .3s ease}.result-card-animated:nth-child(1){animation-delay:.1s}.result-card-animated:nth-child(2){animation-delay:.18s}.result-card-animated:nth-child(3){animation-delay:.26s}.result-card-animated:nth-child(4){animation-delay:.34s}.result-card-animated:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0003}@keyframes resultCardEnter{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.result-card-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ff7a181a;font-size:21px;margin-bottom:14px;transition:transform .3s ease,background .3s ease}.result-info-card:hover .result-card-icon{transform:rotate(-7deg) scale(1.1);background:#ff7a182b}.result-list li{transition:transform .25s ease,padding-left .25s ease}.result-list li:hover{transform:translate(6px);padding-left:4px}.answer-review-card{animation-delay:.4s}.review-item-animated{animation:reviewEnter .6s ease-out both}.review-item-animated:nth-child(1){animation-delay:.15s}.review-item-animated:nth-child(2){animation-delay:.25s}.review-item-animated:nth-child(3){animation-delay:.35s}.review-item-animated:nth-child(4){animation-delay:.45s}@keyframes reviewEnter{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.review-head{transition:transform .25s ease}.review-item-animated:hover .review-head{transform:translate(4px)}.question-number{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:0 10px;border-radius:8px;background:#ff7a181f;color:#ff8a32;font-weight:800;transition:transform .25s ease,background .25s ease}.review-item-animated:hover .question-number{transform:scale(1.08);background:#ff7a1833}.result-answer-panel,.result-reference-panel{transition:transform .3s ease,box-shadow .3s ease}.result-answer-panel:hover,.result-reference-panel:hover{transform:translate(5px)}.result-reference-panel{position:relative;overflow:hidden}.result-reference-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff7a18;transform:scaleY(0);transform-origin:top;transition:transform .35s ease}.result-reference-panel:hover:before{transform:scaleY(1)}.ai-label{padding:5px 9px;border-radius:999px;background:#ff7a181a;color:#ff8a32;font-size:11px;font-weight:800}.answer-status{color:#4ade80;font-size:12px;font-weight:700}.result-action-button{transition:transform .25s ease,box-shadow .25s ease}.result-action-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ff7a1833}.result-loading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;animation:resultPageIn .5s ease-out}.result-loader{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,122,24,.15);border-top-color:#ff7a18;animation:resultSpin .8s linear infinite}@keyframes resultSpin{to{transform:rotate(360deg)}}.result-empty{text-align:center;animation:emptyResultEnter .7s ease-out}@keyframes emptyResultEnter{0%{opacity:0;transform:scale(.9) translateY(25px)}to{opacity:1;transform:scale(1) translateY(0)}}.empty-result-icon{font-size:50px;animation:emptyIcon 1.5s ease-in-out infinite}@keyframes emptyIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.result-error{display:flex;align-items:center;gap:10px;animation:errorResult .5s ease-out}@keyframes errorResult{0%{opacity:0;transform:translate(-20px)}60%{transform:translate(5px)}to{opacity:1;transform:translate(0)}}@media (max-width: 700px){.result-hero{gap:25px}.result-actions{flex-direction:column;width:100%}.result-action-button{width:100%}.review-head{flex-wrap:wrap}.score-ring{margin:auto}}@media (prefers-reduced-motion: reduce){.result-page-animated *,.result-page-animated{animation:none!important;transition:none!important}}.daily-quiz-page{animation:quizPageIn .65s ease-out}@keyframes quizPageIn{0%{opacity:0}to{opacity:1}}.daily-quiz-hero{animation:quizHeroIn .75s cubic-bezier(.16,1,.3,1)}@keyframes quizHeroIn{0%{opacity:0;transform:translateY(-30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-eyebrow{animation:quizFadeUp .5s ease-out .15s both}.daily-quiz-hero h1{animation:quizFadeUp .6s ease-out .22s both}.daily-quiz-hero .hero-copy{animation:quizFadeUp .6s ease-out .3s both}.quiz-hero-actions{animation:quizFadeUp .6s ease-out .4s both}@keyframes quizFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.quiz-spotlight{animation:spotlightIn .7s cubic-bezier(.16,1,.3,1) .25s both;transition:transform .3s ease,box-shadow .3s ease}.quiz-spotlight:hover{transform:translateY(-6px);box-shadow:0 20px 45px #0003}@keyframes spotlightIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.quiz-metrics{animation:metricsIn .7s ease-out .15s both}.quiz-metric{animation:metricCardIn .6s ease-out both;transition:transform .3s ease,box-shadow .3s ease}.quiz-metric:nth-child(1){animation-delay:.15s}.quiz-metric:nth-child(2){animation-delay:.23s}.quiz-metric:nth-child(3){animation-delay:.31s}.quiz-metric:nth-child(4){animation-delay:.39s}.quiz-metric:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000002e}@keyframes metricCardIn{0%{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-form-card,.quiz-review-card{animation:quizSectionIn .7s ease-out .2s both}@keyframes quizSectionIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-question-animated,.quiz-review-item{animation:questionIn .6s ease-out var(--quiz-delay, 0ms) both}@keyframes questionIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.quiz-question{transition:transform .3s ease,border-color .3s ease}.quiz-question:hover{transform:translateY(-2px)}.quiz-option-button,.quiz-option-animated{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.quiz-option-button:hover,.quiz-option-animated:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 25px #00000026}.quiz-option-button:active{transform:scale(.97)}.quiz-option-button.option-card--selected{animation:optionSelected .3s cubic-bezier(.16,1,.3,1)}@keyframes optionSelected{0%{transform:scale(.94)}70%{transform:scale(1.03)}to{transform:scale(1)}}.option-card--correct{animation:correctAnswer .5s ease-out}@keyframes correctAnswer{0%{transform:scale(.96)}50%{transform:scale(1.03)}to{transform:scale(1)}}.option-card--incorrect{animation:incorrectAnswer .45s ease-out}@keyframes incorrectAnswer{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.option-card>span{transition:transform .25s ease,background .25s ease}.option-card:hover>span{transform:scale(1.12) rotate(-4deg)}.quiz-explanation{animation:explanationIn .5s ease-out .25s both}@keyframes explanationIn{0%{opacity:0}to{opacity:1}}.score-chip--active{animation:scoreChipPop .5s cubic-bezier(.16,1,.3,1)}@keyframes scoreChipPop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.quiz-submit-row{animation:submitIn .6s ease-out .5s both}.quiz-submit-button{transition:transform .25s ease,box-shadow .25s ease}.quiz-submit-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff7a1838}.quiz-submit-button:active{transform:scale(.97)}@keyframes submitIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.quiz-error-message{animation:quizErrorIn .45s ease-out}@keyframes quizErrorIn{0%{opacity:0;transform:translate(-15px)}60%{transform:translate(5px)}to{opacity:1;transform:translate(0)}}.quiz-loading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:quizPageIn .5s ease-out}.quiz-loader{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,122,24,.15);border-top-color:#ff7a18;animation:quizSpin .8s linear infinite}@keyframes quizSpin{to{transform:rotate(360deg)}}.quiz-error{display:flex;align-items:center;gap:10px;animation:quizErrorIn .5s ease-out}@media (max-width: 700px){.daily-quiz-hero{animation-duration:.55s}.quiz-hero-actions{flex-wrap:wrap}.quiz-question:hover{transform:none}.quiz-option-button:hover,.quiz-option-animated:hover,.quiz-metric:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.daily-quiz-page *,.daily-quiz-page{animation:none!important;transition:none!important}}.analytics-page{animation:analyticsFade .4s ease-out}@keyframes analyticsFade{0%{opacity:0}to{opacity:1}}.analytics-hero{animation:analyticsUp .45s ease-out both}@keyframes analyticsUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.analytics-eyebrow,.analytics-hero h1,.analytics-hero .hero-copy{animation:analyticsContent .45s ease-out both}.analytics-eyebrow{animation-delay:.05s}.analytics-hero h1{animation-delay:.1s}.analytics-hero .hero-copy{animation-delay:.15s}@keyframes analyticsContent{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.analytics-spotlight{transition:transform .2s ease,box-shadow .2s ease}.analytics-spotlight:hover{transform:translateY(-2px)}.analytics-metrics{animation:analyticsUp .45s ease-out .12s both}.analytics-metric{transition:transform .2s ease,border-color .2s ease}.analytics-metric:hover{transform:translateY(-2px)}.analytics-main-card{animation:analyticsUp .45s ease-out .18s both}.analytics-bar-row{animation:analyticsUp .4s ease-out both}.analytics-progress{overflow:hidden}.analytics-progress span{display:block;transform-origin:left;animation:progressGrow .6s ease-out both}@keyframes progressGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.analytics-mini-card{transition:transform .2s ease,border-color .2s ease}.analytics-mini-card:hover{transform:translateY(-2px)}.analytics-stat-row{transition:transform .2s ease,border-color .2s ease}.analytics-stat-row:hover{transform:translate(2px)}.analytics-side-card,.analytics-trend-card{animation:analyticsUp .45s ease-out .2s both}.analytics-achievement{transition:transform .2s ease,border-color .2s ease}.analytics-achievement:hover{transform:translateY(-2px)}.analytics-plan-step{transition:transform .2s ease,border-color .2s ease}.analytics-plan-step:hover{transform:translate(2px)}.plan-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:8px;border-radius:50%;font-size:12px;font-weight:800;background:linear-gradient(135deg,#ff7a18,#ff4d00);color:#fff}.analytics-trend-item{transition:transform .2s ease,border-color .2s ease}.analytics-trend-item:hover{transform:translate(2px)}.analytics-trend-item .score-chip{transition:transform .2s ease}.analytics-trend-item:hover .score-chip{transform:scale(1.03)}.analytics-loading{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.analytics-loader{width:40px;height:40px;border-radius:50%;border:4px solid rgba(255,122,24,.15);border-top-color:#ff7a18;animation:analyticsSpin .8s linear infinite}@keyframes analyticsSpin{to{transform:rotate(360deg)}}.analytics-error{display:flex;align-items:center;gap:10px;animation:analyticsUp .35s ease-out}@media (max-width: 850px){.analytics-spotlight,.analytics-metric,.analytics-mini-card,.analytics-achievement,.analytics-trend-item,.analytics-stat-row,.analytics-plan-step,.analytics-spotlight:hover,.analytics-metric:hover,.analytics-mini-card:hover,.analytics-achievement:hover,.analytics-trend-item:hover,.analytics-stat-row:hover,.analytics-plan-step:hover{transform:none}}@media (prefers-reduced-motion: reduce){.analytics-page,.analytics-page *{animation:none!important;transition:none!important}}