*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-heading: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.6;font-weight:400;font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-deep: #0d1117;--color-bg: #161b22;--color-bg-elevated: #1c2128;--color-bg-surface: #21262d;--color-bg-hover: #292e36;--color-bg-active: #31363f;--color-accent: #58a6ff;--color-accent-hover: #79b8ff;--color-accent-muted: rgba(88, 166, 255, .15);--color-accent-subtle: rgba(88, 166, 255, .08);--color-warm: #f0883e;--color-warm-muted: rgba(240, 136, 62, .15);--color-warm-subtle: rgba(240, 136, 62, .08);--color-success: #3fb950;--color-success-muted: rgba(63, 185, 80, .15);--color-success-subtle: rgba(63, 185, 80, .08);--color-error: #f85149;--color-error-muted: rgba(248, 81, 73, .15);--color-error-subtle: rgba(248, 81, 73, .08);--color-warning: #d29922;--color-warning-muted: rgba(210, 153, 34, .15);--color-text: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-text-on-accent: #ffffff;--color-border: #30363d;--color-border-hover: #484f58;--color-border-accent: rgba(88, 166, 255, .4);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(88, 166, 255, .1);--shadow-glow-warm: 0 0 20px rgba(240, 136, 62, .1);--focus-ring: 0 0 0 3px rgba(88, 166, 255, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text);background-color:var(--color-bg-deep);background-image:radial-gradient(ellipse at 20% 0%,rgba(88,166,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(240,136,62,.02) 0%,transparent 50%);background-attachment:fixed}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.25;font-weight:600;color:var(--color-text);letter-spacing:-.02em}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.625rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}button{font-family:var(--font-body);font-size:.9375rem;font-weight:500;border:none;border-radius:var(--radius-md);padding:.625rem 1.25rem;cursor:pointer;transition:all var(--transition-fast);line-height:1.5}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:disabled{opacity:.4;cursor:not-allowed}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-accent)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-accent);color:var(--color-text-on-accent);padding:var(--space-sm) var(--space-md);z-index:100;transition:top var(--transition-fast)}.skip-link:focus{top:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{background:#58a6ff4d;color:var(--color-text)}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}}.home-page{padding:var(--space-3xl) var(--space-xl);max-width:1000px;margin:0 auto;animation:fadeInUp .6s var(--transition-base) both}.home-page__header{margin-bottom:var(--space-3xl);position:relative}.home-page__title{font-size:2.75rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.home-page__subtitle{font-size:1.125rem;color:var(--color-text-muted);font-weight:400}.home-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.certification-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.certification-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-warm));opacity:0;transition:opacity var(--transition-base)}.certification-card:hover:not(.certification-card--disabled){border-color:var(--color-border-hover);background:var(--color-bg-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px)}.certification-card:hover:not(.certification-card--disabled):before{opacity:1}.certification-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.certification-card--disabled{opacity:.5;cursor:not-allowed}.certification-card--disabled:hover{box-shadow:none;transform:none}.certification-card__name{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0;letter-spacing:-.01em}.certification-card__short-name{font-size:.875rem;color:var(--color-text-muted);margin:0;font-weight:400}.certification-card__badge{display:inline-flex;align-items:center;background:var(--color-warning-muted);color:var(--color-warning);font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;align-self:flex-start;letter-spacing:.02em;text-transform:uppercase}.certification-card__action{margin-top:auto;padding:.625rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.01em}.certification-card__action--start{background:var(--color-accent-muted);color:var(--color-accent);border:1px solid rgba(88,166,255,.25)}.certification-card__action--start:hover{background:#58a6ff40;border-color:var(--color-accent)}.certification-card__action--disabled{background:var(--color-bg-surface);color:var(--color-text-muted);cursor:not-allowed;border:1px solid var(--color-border)}@media (max-width: 768px){.home-page{padding:var(--space-xl) var(--space-md)}.home-page__title{font-size:2rem}.home-page__grid{grid-template-columns:1fr}}.certification-dashboard{padding:var(--space-2xl) var(--space-xl);max-width:1000px;margin:0 auto;animation:fadeInUp .5s var(--transition-base) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.certification-dashboard__back-link{display:inline-flex;align-items:center;gap:.375rem;margin-bottom:var(--space-xl);color:var(--color-text-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast);padding:var(--space-xs) var(--space-sm);margin-left:calc(-1 * var(--space-sm));border-radius:var(--radius-sm)}.certification-dashboard__back-link:hover{color:var(--color-accent);text-decoration:none}.certification-dashboard__title{font-size:2.25rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text);letter-spacing:-.03em}.certification-dashboard__subtitle{font-size:1rem;color:var(--color-text-muted);margin-bottom:var(--space-2xl)}.certification-dashboard__section-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-lg);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem}.certification-dashboard__exam-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.exam-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);transition:all var(--transition-base);position:relative}.exam-card:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.exam-card__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0}.exam-card__number{font-size:.8125rem;color:var(--color-text-muted);margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.exam-card__action{margin-top:auto;padding:.625rem 1.25rem;border:1px solid rgba(88,166,255,.25);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;background:var(--color-accent-muted);color:var(--color-accent);transition:all var(--transition-fast);text-decoration:none;text-align:center;display:inline-block}.exam-card__action:hover{background:#58a6ff40;border-color:var(--color-accent);color:var(--color-accent-hover);text-decoration:none}.certification-dashboard__practice-section{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);position:relative;overflow:hidden}.certification-dashboard__practice-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-success),transparent)}.certification-dashboard__practice-btn{padding:.75rem 1.75rem;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;background:var(--color-success-muted);color:var(--color-success);border:1px solid rgba(63,185,80,.25);transition:all var(--transition-fast)}.certification-dashboard__practice-btn:hover:not(:disabled){background:#3fb95040;border-color:var(--color-success)}.certification-dashboard__practice-btn:disabled{background:var(--color-bg-surface);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed;opacity:.5}.certification-dashboard__practice-message{margin-top:var(--space-sm);font-size:.875rem;color:var(--color-warning)}@media (max-width: 768px){.certification-dashboard{padding:var(--space-xl) var(--space-md)}.certification-dashboard__title{font-size:1.75rem}.certification-dashboard__exam-list{grid-template-columns:1fr}}.question-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);background:var(--color-bg-elevated)}.question-card fieldset{border:none;margin:0;padding:0}.question-card legend{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-lg);line-height:1.5;color:var(--color-text)}.question-card .selection-hint{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:var(--space-md);font-style:italic}.question-card .options-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.question-card .option-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem 1.125rem;transition:all var(--transition-fast);cursor:pointer;background:var(--color-bg-surface)}.question-card .option-item:hover:not(.option-disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.question-card .option-item label{display:flex;align-items:flex-start;gap:.875rem;cursor:pointer;width:100%;color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5}.question-card .option-item label input{margin-top:.25rem;flex-shrink:0;accent-color:var(--color-accent);width:16px;height:16px}.question-card .option-item.option-selected{background:var(--color-accent-subtle);border-color:var(--color-border-accent)}.question-card .option-item.option-selected label{color:var(--color-text)}.question-card .option-item.option-correct{background:var(--color-success-subtle);border-color:#3fb95066}.question-card .option-item.option-correct label{color:var(--color-success)}.question-card .option-item.option-incorrect{background:var(--color-error-subtle);border-color:#f8514966}.question-card .option-item.option-incorrect label{color:var(--color-error)}.question-card .option-item.option-disabled{cursor:default;opacity:.9}.question-card .option-item.option-disabled label{cursor:default}.question-overview-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--color-bg-elevated)}.question-overview-panel h3{margin:0 0 var(--space-md) 0;font-family:var(--font-heading);font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:.375rem}.overview-grid button{width:34px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);background:var(--color-bg-surface);color:var(--color-text-muted);padding:0}.overview-grid button:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.overview-grid button.overview-answered{background:var(--color-success-subtle);border-color:#3fb9504d;color:var(--color-success)}.overview-grid button.overview-unanswered{background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-text-muted)}.overview-grid button.overview-flagged{background:var(--color-warm-subtle);border-color:#f0883e4d;color:var(--color-warm)}.overview-grid button.overview-current{outline:2px solid var(--color-accent);outline-offset:1px;box-shadow:0 0 8px #58a6ff33}.exam-session{max-width:1100px;margin:0 auto;padding:var(--space-xl) var(--space-md);animation:fadeIn .4s var(--transition-base) both}.exam-session__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.exam-session__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0;letter-spacing:-.01em}.exam-session__progress{font-size:.875rem;color:var(--color-text-muted);font-weight:500;background:var(--color-bg-surface);padding:.375rem .875rem;border-radius:100px;border:1px solid var(--color-border)}.exam-session__body{display:flex;gap:var(--space-xl);align-items:flex-start}.exam-session__content{flex:1;min-width:0}.exam-session__question-container{margin-top:var(--space-md)}.exam-session__controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);gap:var(--space-sm)}.exam-session__nav-btn{padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.exam-session__nav-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text)}.exam-session__nav-btn:disabled{opacity:.3;cursor:not-allowed}.exam-session__flag-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border:1px solid rgba(240,136,62,.3);border-radius:var(--radius-md);background:var(--color-warm-subtle);color:var(--color-warm);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.03em}.exam-session__flag-btn:hover{background:var(--color-warm-muted);border-color:var(--color-warm)}.exam-session__flag-btn--active{background:var(--color-warm-muted);border-color:var(--color-warm);box-shadow:var(--shadow-glow-warm)}.exam-session__sidebar{width:220px;flex-shrink:0;position:sticky;top:var(--space-xl)}.exam-session__loading{text-align:center;padding:var(--space-3xl) var(--space-md);color:var(--color-text-muted)}.exam-session__submit-container{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.exam-session__submit-btn{padding:.75rem 2rem;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),#3d8bfd);color:var(--color-text-on-accent);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #58a6ff40}.exam-session__submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #58a6ff59;transform:translateY(-1px)}.exam-session__submit-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.exam-session__body{flex-direction:column-reverse}.exam-session__sidebar{width:100%;position:static}}.answer-explanation{border:1px solid rgba(63,185,80,.25);border-radius:var(--radius-lg);padding:var(--space-xl);background:var(--color-success-subtle);margin-top:var(--space-md)}.answer-explanation--incorrect{border-color:#f8514940;background:var(--color-error-subtle)}.answer-explanation-correct{margin-bottom:var(--space-md)}.answer-explanation-label{font-family:var(--font-heading);font-size:.8125rem;font-weight:600;color:var(--color-success);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.04em}.answer-explanation-label--incorrect{color:var(--color-error)}.answer-explanation-text{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.answer-explanation-list{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.answer-explanation-list li{font-size:.9375rem;line-height:1.5;color:var(--color-text-secondary);padding-left:1rem;position:relative}.answer-explanation-list li:before{content:"→";position:absolute;left:0;color:var(--color-success)}.answer-explanation-detail{border-top:1px solid rgba(63,185,80,.2);padding-top:var(--space-md)}.answer-explanation-incorrect-entry{margin-bottom:var(--space-md);padding-bottom:.75rem;border-bottom:1px solid rgba(248,81,73,.15)}.answer-explanation-incorrect-entry:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.answer-explanation-incorrect-option{font-size:.875rem;font-weight:600;color:var(--color-error);margin:0 0 .25rem}.knowledge-area-chart{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);background:var(--color-bg-elevated)}.knowledge-area-chart h3{margin:0 0 var(--space-lg) 0;font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-text)}.knowledge-area-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem}.knowledge-area-row{padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-surface);transition:all var(--transition-fast)}.knowledge-area-row:hover{background:var(--color-bg-hover)}.knowledge-area-row.needs-improvement{border-color:#f851494d;background:var(--color-error-subtle)}.knowledge-area-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.knowledge-area-name{font-size:.875rem;font-weight:600;color:var(--color-text)}.knowledge-area-row.needs-improvement .knowledge-area-name{color:var(--color-error)}.knowledge-area-stats{font-size:.8125rem;color:var(--color-text-muted);font-weight:500;font-variant-numeric:tabular-nums}.knowledge-area-row.needs-improvement .knowledge-area-stats{color:var(--color-error)}.knowledge-area-bar-container{width:100%;height:6px;background:var(--color-bg-active);border-radius:3px;overflow:hidden}.knowledge-area-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--color-success),#56d364);transition:width .6s cubic-bezier(.4,0,.2,1)}.knowledge-area-row.needs-improvement .knowledge-area-bar-fill{background:linear-gradient(90deg,var(--color-error),#ff7b72)}.result-report{max-width:920px;margin:0 auto;padding:var(--space-xl) var(--space-md);animation:fadeIn .5s var(--transition-base) both}.result-report__header{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-2xl);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.result-report__header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-warm),var(--color-success))}.result-report__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem}.result-report__score{font-family:var(--font-heading);font-size:4rem;font-weight:800;margin:var(--space-sm) 0;letter-spacing:-.04em;background:linear-gradient(135deg,var(--color-text),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-report__badge{display:inline-flex;align-items:center;padding:.5rem 1.75rem;border-radius:100px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.result-report__badge--passed{background:var(--color-success-muted);color:var(--color-success);border:1px solid rgba(63,185,80,.3)}.result-report__badge--failed{background:var(--color-error-muted);color:var(--color-error);border:1px solid rgba(248,81,73,.3)}.result-report__chart-section,.result-report__review-section{margin:var(--space-2xl) 0}.result-report__review-title{font-family:var(--font-heading);font-size:1.375rem;font-weight:600;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text)}.result-report__question-review{margin-bottom:var(--space-xl);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.result-report__question-number{font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.06em}.result-report__back-link{display:inline-flex;align-items:center;margin-top:var(--space-2xl);padding:.75rem 1.75rem;background:var(--color-accent-muted);color:var(--color-accent);text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;transition:all var(--transition-fast);border:1px solid rgba(88,166,255,.25)}.result-report__back-link:hover{background:#58a6ff40;border-color:var(--color-accent);text-decoration:none;color:var(--color-accent-hover)}.result-report__back-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.practice-mode{max-width:820px;margin:0 auto;padding:var(--space-xl) var(--space-md);animation:fadeIn .4s var(--transition-base) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.practice-mode__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.practice-mode__exit-btn{padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.practice-mode__exit-btn:hover{border-color:var(--color-text-muted);color:var(--color-text);background:var(--color-bg-elevated)}.practice-mode__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0;letter-spacing:-.02em}.practice-mode__disabled{text-align:center;padding:var(--space-3xl) var(--space-md);color:var(--color-text-muted)}.practice-mode__disabled p{font-size:1rem;margin:0}.practice-mode__question-container{margin-bottom:var(--space-lg)}.practice-mode__feedback{margin-bottom:var(--space-lg);padding:.875rem 1.25rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;letter-spacing:.01em;animation:slideIn .3s var(--transition-base) both}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.practice-mode__feedback--correct{background:var(--color-success-muted);color:var(--color-success);border:1px solid rgba(63,185,80,.3)}.practice-mode__feedback--incorrect{background:var(--color-error-muted);color:var(--color-error);border:1px solid rgba(248,81,73,.3)}.practice-mode__actions{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.practice-mode__submit-btn{padding:.75rem 2rem;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),#3d8bfd);color:var(--color-text-on-accent);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #58a6ff40}.practice-mode__submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #58a6ff59;transform:translateY(-1px)}.practice-mode__submit-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;background:var(--color-bg-surface);color:var(--color-text-muted)}.practice-mode__next-btn{padding:.75rem 2rem;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius-md);background:var(--color-success-muted);color:var(--color-success);border:1px solid rgba(63,185,80,.3);cursor:pointer;transition:all var(--transition-fast)}.practice-mode__next-btn:hover{background:#3fb95040;border-color:var(--color-success)}.app-container{max-width:1280px;margin:0 auto;padding:var(--space-xl) var(--space-lg);min-height:100vh}@media (max-width: 768px){.app-container{padding:var(--space-md)}}