@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--c-bg: #F8FAFC;--c-surface: #FFFFFF;--c-surface-alt: #F1F5F9;--c-border: #E2E8F0;--c-border-2: #F1F5F9;--c-text: #0F172A;--c-text-2: #64748B;--c-text-3: #94A3B8;--c-primary: #4F46E5;--c-primary-dk: #4338CA;--c-primary-bg: #EEF2FF;--c-primary-mid: #C7D2FE;--c-success: #10B981;--c-success-bg: #ECFDF5;--c-warn-bg: #FFFBEB;--c-warn-bdr: #FDE68A;--c-danger: #F43F5E;--c-danger-bg: #FFF1F2;--c-danger-bdr: #FECDD3;--c-amber: #F59E0B;--c-amber-text: #92400E;--c-shadow: rgba(0,0,0,.08);--c-shadow-md: rgba(0,0,0,.12);--c-visual-grid: rgba(0,0,0,.08);--c-visual-grid-strong: rgba(0,0,0,.1);--c-visual-accent-fill: rgba(79,70,229,.18);--c-visual-accent-fill-strong: rgba(79,70,229,.3);--c-visual-teal-soft: rgba(20,184,166,.12);--c-visual-teal-border: rgba(20,184,166,.24);--c-header-bg: linear-gradient(135deg, rgba(49,46,129,.2) 0%, rgba(79,70,229,.12) 42%, rgba(129,140,248,.08) 100%), var(--c-surface);--c-header-border: rgba(99,102,241,.16);--c-header-shadow: 0 8px 24px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.18);--c-header-orb-left: radial-gradient(circle, rgba(129,140,248,.3) 0%, rgba(129,140,248,0) 72%);--c-header-orb-right: radial-gradient(circle, rgba(79,70,229,.22) 0%, rgba(79,70,229,0) 74%);--c-logo-filter: none;--c-upgrade-btn-bg: linear-gradient(135deg, rgba(255,255,255,.42) 0%, rgba(238,242,255,.7) 100%);--c-upgrade-btn-bg-hover: linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(224,231,255,.82) 100%);--c-upgrade-btn-color: #B45309;--c-upgrade-btn-inset: inset 0 1px 0 rgba(255,255,255,.4);--c-user-menu-bg-closed: linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(238,242,255,.48) 100%);--c-user-menu-bg-hover: linear-gradient(135deg, rgba(255,255,255,.38) 0%, rgba(224,231,255,.68) 100%);--c-user-menu-bg-open: linear-gradient(135deg, rgba(255,255,255,.48) 0%, rgba(224,231,255,.74) 100%);--c-user-menu-avatar-bg: linear-gradient(145deg, rgba(79,70,229,.12) 0%, rgba(255,255,255,.62) 100%);--c-user-menu-dropdown-bg: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,255,.98) 100%);--c-user-menu-inset: inset 0 1px 0 rgba(255,255,255,.35);--c-user-menu-avatar-inset: inset 0 1px 0 rgba(255,255,255,.35);--c-exam-page-bg: linear-gradient(180deg, #F8FAFC 0%, #F7F7FB 100%);--c-exam-sticky-bg: rgba(248,250,252,.92);--c-exam-progress-critical: linear-gradient(90deg, #DC2626 0%, #EF4444 100%);--c-exam-progress-low: linear-gradient(90deg, #D97706 0%, #F59E0B 100%);--c-exam-progress-normal: linear-gradient(90deg, #4F46E5 0%, #818CF8 100%);--c-exam-explainer-border: rgba(20,184,166,.28);--c-exam-explainer-bg: rgba(20,184,166,.12);--c-exam-explainer-color: #0F766E;--c-exam-teal: #0F766E;--c-exam-instruction-teal-bg: rgba(20,184,166,.12);--c-exam-instruction-teal-border: rgba(20,184,166,.24);--c-card-front-bg: linear-gradient(150deg, #4F46E5 0%, #6366F1 100%);--c-card-back-bg: #FFFFFF;--c-card-back-note: rgba(99,102,241,.07);--c-card-back-note-bdr: rgba(99,102,241,.2);--c-card-icon-bg: rgba(255,255,255,.18);--c-card-icon-back-bg: #EEF2FF;--c-card-shadow: 0 12px 40px rgba(79, 70, 229, .22), 0 4px 12px rgba(0,0,0,.08)}html.dark{--c-bg: #0F0D1A;--c-surface: #1E1B2E;--c-surface-alt: #2D2B3D;--c-border: #2D2B3D;--c-border-2: #252336;--c-text: #F1F5F9;--c-text-2: #94A3B8;--c-text-3: #475569;--c-primary: #6366F1;--c-primary-dk: #818CF8;--c-primary-bg: #1E1B2E;--c-primary-mid: #312E81;--c-success: #34D399;--c-success-bg: #022C22;--c-warn-bg: #1C1500;--c-warn-bdr: #3D2A00;--c-danger: #FB7185;--c-danger-bg: #1F0A12;--c-danger-bdr: #4C1020;--c-amber: #FBBF24;--c-amber-text: #FCD34D;--c-shadow: rgba(0,0,0,.3);--c-shadow-md: rgba(0,0,0,.4);--c-visual-grid: rgba(148,163,184,.18);--c-visual-grid-strong: rgba(148,163,184,.24);--c-visual-accent-fill: rgba(99,102,241,.22);--c-visual-accent-fill-strong: rgba(99,102,241,.32);--c-visual-teal-soft: rgba(20,184,166,.18);--c-visual-teal-border: rgba(20,184,166,.3);--c-header-bg: linear-gradient(135deg, rgba(49,46,129,.28) 0%, rgba(79,70,229,.16) 42%, rgba(129,140,248,.08) 100%), var(--c-surface);--c-header-border: rgba(99,102,241,.18);--c-header-shadow: 0 10px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);--c-header-orb-left: radial-gradient(circle, rgba(129,140,248,.24) 0%, rgba(129,140,248,0) 72%);--c-header-orb-right: radial-gradient(circle, rgba(99,102,241,.18) 0%, rgba(99,102,241,0) 74%);--c-logo-filter: drop-shadow(0 1px 0 rgba(255,255,255,.08));--c-upgrade-btn-bg: linear-gradient(135deg, rgba(49,46,129,.56) 0%, rgba(30,27,46,.98) 100%);--c-upgrade-btn-bg-hover: linear-gradient(135deg, rgba(67,56,202,.62) 0%, rgba(36,32,54,.98) 100%);--c-upgrade-btn-color: var(--c-amber-text);--c-upgrade-btn-inset: inset 0 1px 0 rgba(255,255,255,.08);--c-user-menu-bg-closed: linear-gradient(135deg, rgba(45,43,61,.92) 0%, rgba(30,27,46,.98) 100%);--c-user-menu-bg-hover: linear-gradient(135deg, rgba(55,52,73,.96) 0%, rgba(36,32,54,.98) 100%);--c-user-menu-bg-open: linear-gradient(135deg, rgba(63,59,86,.98) 0%, rgba(40,36,61,.98) 100%);--c-user-menu-avatar-bg: linear-gradient(145deg, rgba(99,102,241,.14) 0%, rgba(45,43,61,.96) 100%);--c-user-menu-dropdown-bg: linear-gradient(180deg, rgba(30,27,46,.98) 0%, rgba(24,20,40,.99) 100%);--c-user-menu-inset: inset 0 1px 0 rgba(255,255,255,.05);--c-user-menu-avatar-inset: inset 0 1px 0 rgba(255,255,255,.04);--c-exam-page-bg: linear-gradient(180deg, #0F0D1A 0%, #151225 100%);--c-exam-sticky-bg: rgba(15,13,26,.92);--c-exam-progress-critical: linear-gradient(90deg, #DC2626 0%, #EF4444 100%);--c-exam-progress-low: linear-gradient(90deg, #D97706 0%, #F59E0B 100%);--c-exam-progress-normal: linear-gradient(90deg, #6366F1 0%, #818CF8 100%);--c-exam-explainer-border: rgba(20,184,166,.3);--c-exam-explainer-bg: rgba(20,184,166,.18);--c-exam-explainer-color: #5EEAD4;--c-exam-teal: #5EEAD4;--c-exam-instruction-teal-bg: rgba(20,184,166,.18);--c-exam-instruction-teal-border: rgba(20,184,166,.3);--c-card-front-bg: linear-gradient(150deg, #3730A3 0%, #4338CA 100%);--c-card-back-bg: #1E1B2E;--c-card-back-note: rgba(99,102,241,.12);--c-card-back-note-bdr: rgba(99,102,241,.3);--c-card-icon-bg: rgba(255,255,255,.15);--c-card-icon-back-bg: #312E81;--c-card-shadow: 0 12px 40px rgba(67, 56, 202, .35), 0 4px 12px rgba(0,0,0,.25)}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--c-bg);color:var(--c-text);transition:background-color .25s,color .25s;touch-action:manipulation}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}html.dark ::-webkit-scrollbar-thumb{background:#475569}.card-container{width:100%;perspective:1200px}.card-inner{display:grid;width:100%}.card-face,.card-back-face{grid-row:1;grid-column:1;width:100%;min-height:340px;border-radius:20px;display:flex;flex-direction:column;box-shadow:var(--c-card-shadow)}.card-face{background:var(--c-card-front-bg);transform:rotateY(0);opacity:1;pointer-events:auto;transition:transform .22s ease-in,opacity .1s ease-in}.card-back-face{background:var(--c-card-back-bg);transform:rotateY(-90deg);opacity:0;pointer-events:none;transition:transform .22s ease-out .22s,opacity .1s ease-out .18s}.card-inner.flipped .card-face{transform:rotateY(90deg);opacity:0;pointer-events:none;transition:transform .22s ease-in,opacity .1s ease-in}.card-inner.flipped .card-back-face{transform:rotateY(0);opacity:1;pointer-events:auto;transition:transform .22s ease-out .22s,opacity .1s ease-out .18s}html.dark input,html.dark textarea,html.dark select{background-color:var(--c-surface)!important;color:var(--c-text)!important;border-color:var(--c-border)!important}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--c-text-3)!important}html.dark button:not([style*=background]){background:transparent}@keyframes spin{to{transform:rotate(360deg)}}