@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";.header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003}.header-content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon-wrapper{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));padding:.5rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--color-primary-glow)}.logo-icon{color:#fff}.logo-text{font-size:1.5rem;font-weight:800;color:var(--color-text-main);margin:0}.header-nav{display:flex;gap:1.5rem}.nav-link{color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:1rem;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text-main)}.dashboard-container{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.greeting{font-size:2.5rem;background:linear-gradient(135deg,#fff,var(--color-text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.subtitle{color:var(--color-text-muted);font-size:1.125rem}.badge-pass{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-full);border:1px solid rgba(16,185,129,.3);background:#10b9811a;color:var(--color-success);font-weight:600;box-shadow:0 0 20px #10b98133}.text-warning{color:var(--color-warning)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stat-card{padding:1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1.25rem;transition:transform var(--transition-normal)}.stat-card:hover{transform:translateY(-4px)}.stat-icon-wrapper{padding:1rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.primary{background:#3b82f61a;color:var(--color-primary-light)}.stat-icon-wrapper.accent{background:#8b5cf61a;color:var(--color-accent)}.stat-icon-wrapper.error{background:#ef44441a;color:var(--color-error)}.stat-content h3{font-size:.875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-main)}.stat-total{font-size:1rem;color:var(--color-text-muted);font-weight:500}.section-title{font-size:1.5rem;margin-top:1rem}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.mode-card{text-align:left;padding:2rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden;transition:all var(--transition-normal);color:#fff}.mode-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);z-index:1}.mode-icon-wrapper{position:relative;z-index:2;display:inline-flex;padding:1rem;border-radius:var(--radius-md);background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-content{position:relative;z-index:2}.mode-content h3{font-size:1.5rem;margin-bottom:.5rem}.mode-content p{color:#fffc;line-height:1.5}.primary-mode{background:linear-gradient(135deg,var(--color-primary),#1e3a8a);box-shadow:0 10px 30px var(--color-primary-glow)}.primary-mode:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px var(--color-primary-glow)}.secondary-mode{background:linear-gradient(135deg,var(--color-accent),#4c1d95);box-shadow:0 10px 30px var(--color-accent-glow)}.secondary-mode:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px var(--color-accent-glow)}.accent-mode{background:linear-gradient(135deg,var(--color-success),#047857);box-shadow:0 10px 30px #10b9814d}.accent-mode:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #10b98166}.warning-mode{background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 10px 30px #f59e0b4d}.warning-mode:hover:not(:disabled){transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #f59e0b66}.warning-mode:disabled{background:var(--color-surface-elevated);box-shadow:none;opacity:.6;cursor:not-allowed;border:1px solid rgba(255,255,255,.05)}.warning-mode:disabled .mode-content p{color:var(--color-text-muted)}.quiz-container{max-width:800px;margin:0 auto;animation:fadeIn .4s ease-out}.quiz-header{margin-bottom:2rem}.quiz-progress-text{display:flex;justify-content:space-between;margin-bottom:.5rem;color:var(--color-text-muted);font-weight:500}.progress-bar-bg{width:100%;height:8px;background:var(--color-surface-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary));transition:width .4s ease-out}.question-card{padding:2.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem}.category-badge{align-self:flex-start;background:#8b5cf633;color:#a78bfa;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.question-text{font-size:1.75rem;line-height:1.4;color:var(--color-text-main);margin-bottom:1rem}.options-grid{display:flex;flex-direction:column;gap:1rem}.option-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-main);font-size:1.125rem;text-align:left;transition:all var(--transition-fast)}.option-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f680;transform:translate(4px)}.option-btn.correct{background:#10b98126;border-color:var(--color-success);color:var(--color-success)}.option-btn.incorrect{background:#ef444426;border-color:var(--color-error);color:var(--color-error)}.option-btn.disabled{opacity:.5}.option-letter{background:#ffffff1a;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:700;font-size:.875rem;flex-shrink:0}.option-btn.correct .option-letter{background:var(--color-success);color:#000}.option-btn.incorrect .option-letter{background:var(--color-error);color:#000}.explanation-box{margin-top:1rem;padding:1.5rem;border-radius:var(--radius-md);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explanation-box.success{background:#10b9810d;border-left:4px solid var(--color-success)}.explanation-box.error{background:#ef44440d;border-left:4px solid var(--color-error)}.explanation-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.explanation-box.success .explanation-header{color:var(--color-success)}.explanation-box.error .explanation-header{color:var(--color-error)}.explanation-header h3{font-size:1.25rem}.explanation-text{color:var(--color-text-main);line-height:1.6;font-size:1.05rem}.quiz-footer{display:flex;justify-content:space-between;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-full);font-size:1.125rem;font-weight:600;transition:all var(--transition-fast);color:#fff}.btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 4px 15px var(--color-primary-glow)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-glow)}.btn.secondary{background:var(--color-surface-elevated);border:1px solid rgba(255,255,255,.1)}.btn.secondary:hover{background:#ffffff1a}.results-container{max-width:600px;margin:4rem auto;padding:3rem;text-align:center;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.results-icon.text-success{color:var(--color-success);filter:drop-shadow(0 0 20px rgba(16,185,129,.4));animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}.results-icon.text-error{color:var(--color-warning);filter:drop-shadow(0 0 20px rgba(245,158,11,.4));animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.results-title{font-size:2.5rem}.results-score{font-size:4rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.results-desc{font-size:1.125rem;color:var(--color-text-muted);max-width:80%;line-height:1.6}.results-actions{display:flex;gap:1rem;margin-top:2rem}.flashcards-container{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;align-items:center;animation:fadeIn .4s ease-out}.flashcards-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--color-text-muted);font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.back-btn:hover{background:#ffffff0d;color:var(--color-text-main)}.flashcard-progress{color:var(--color-text-muted);font-weight:600;letter-spacing:.05em}.flashcard-wrapper{width:100%;aspect-ratio:3 / 4;max-height:60vh;perspective:1500px;cursor:pointer}.flashcard{width:100%;height:100%}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.flashcard-front{background:transparent;border:none}.flashcard-back{background:linear-gradient(145deg,var(--color-primary),#1e3a8a);transform:rotateY(180deg);text-align:center;border:1px solid rgba(59,130,246,.3);box-shadow:0 20px 40px #0000004d}.flashcard-content-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;flex:1}.flip-hint{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.875rem;position:absolute;bottom:1.5rem;opacity:.7}.sign-name{font-size:2.25rem;color:#fff;margin-bottom:1rem}.sign-description{font-size:1.25rem;line-height:1.6;color:#ffffffe6}.flashcards-controls{display:flex;gap:1.5rem;width:100%;justify-content:center;margin-top:1rem}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--color-surface-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-main);font-size:1.125rem;font-weight:600;transition:all var(--transition-fast)}.nav-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.nav-btn:active{transform:translateY(0)}.image-container{background:transparent;border-radius:var(--radius-md);padding:0;width:100%;max-width:320px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.sign-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.review-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;animation:fadeIn .4s ease-out}.review-empty{text-align:center;margin-top:4rem;padding:4rem;background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px dashed rgba(255,255,255,.1)}.review-empty h2{font-size:2rem;margin-bottom:1rem}.review-empty p{color:var(--color-text-muted);font-size:1.125rem}.review-header{display:flex;justify-content:space-between;align-items:center}.review-progress{color:var(--color-text-muted);font-weight:600;letter-spacing:.05em;background:#ffffff0d;padding:.5rem 1rem;border-radius:var(--radius-full)}.weak-areas-summary{padding:1.5rem;border-radius:var(--radius-md);border-left:4px solid var(--color-warning)}.weak-areas-summary h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;color:var(--color-text-main)}.category-tags{display:flex;flex-wrap:wrap;gap:.75rem}.category-tag{background:#f59e0b1a;color:var(--color-warning);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.count-badge{background:var(--color-warning);color:#000;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.review-card{padding:2.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem}.category-badge.warning{background:#f59e0b26;color:var(--color-warning)}.think-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 1rem;background:#ffffff05;border-radius:var(--radius-md);border:1px dashed rgba(255,255,255,.1)}.think-prompt{font-size:1.25rem;color:var(--color-text-muted);font-style:italic}.reveal-btn{font-size:1.125rem;padding:1rem 2.5rem}.animation-fade-in{animation:fadeIn .4s ease-out}.correct-answer-box{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);padding:1.5rem}.box-title{color:var(--color-success);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:700}.box-content{font-size:1.25rem;color:#fff;font-weight:600}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.w-full{width:100%}.justify-center{justify-content:center}.inline{display:inline-flex}.mr-2{margin-right:.5rem}.simulator-wrapper{position:fixed;inset:0;background:#111;z-index:100;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.back-btn-overlay{position:absolute;top:1.5rem;left:1.5rem;z-index:1000;background:#00000080!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)!important}.road-environment{position:absolute;inset:0;perspective:1000px;background:linear-gradient(180deg,#1e1e24,#0a0a0b 40%);z-index:1;overflow:hidden}.sky{position:absolute;top:0;width:100%;height:50%;background:linear-gradient(180deg,#4a90e2,#87ceeb);z-index:-1}.road{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotateX(60deg);width:1200px;height:1000px;background:#333;transform-origin:bottom;box-shadow:inset 0 50px 100px #000c}.road:before,.road:after{content:"";position:absolute;width:20px;height:100%;background:var(--color-warning)}.road:before{left:5%}.road:after{right:5%}.lines{position:absolute;left:50%;transform:translate(-50%);width:20px;height:200%;background:repeating-linear-gradient(0deg,transparent,transparent 40px,#fff 40px,#fff 100px);bottom:0}.driving-slow .lines{animation:moveRoad 10s linear infinite}.driving-fast .lines{animation:moveRoad 1s linear infinite}@keyframes moveRoad{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(50%)}}.landscape{position:absolute;bottom:0;height:1000px;width:50vw;background:#152215;transform:rotateX(60deg);transform-origin:bottom}.landscape.left{left:0;transform:translate(-40vw) rotateX(60deg);border-right:5px solid #2a402a}.landscape.right{right:0;transform:translate(40vw) rotateX(60deg);border-left:5px solid #2a402a}.scenario-item{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.traffic-light-wrapper{display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;animation:zoomIn 5s alternate infinite}.traffic-light-box{width:60px;height:160px;background:#111;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border:2px solid #333;box-shadow:0 10px 20px #00000080;position:relative}.traffic-light-pole{position:absolute;width:10px;height:10vh;background:#555;top:0;left:50%;transform:translate(-50%)}.light{width:40px;height:40px;border-radius:50%;background:#333;opacity:.3}.light.red{background:#f33}.light.yellow{background:#fc0}.light.green{background:#3c3}.active-light{opacity:1;box-shadow:0 0 20px currentColor,0 0 40px currentColor}.school-bus-wrapper{display:flex;justify-content:center;align-items:center;animation:slideInBus 5s ease forwards}.school-bus-body{width:300px;height:120px;background:#fc0;border-radius:10px 10px 5px 5px;position:relative;box-shadow:0 15px 30px #00000080;display:flex;align-items:center;justify-content:space-evenly;border:4px solid #cc9900}.school-bus-body .windows{width:90%;height:40px;background:repeating-linear-gradient(90deg,#111,#111 20px,transparent 20px,transparent 25px);margin-top:-20px}.stop-sign-extended{position:absolute;left:-40px;top:40px;width:40px;height:40px;background:#c00;color:#fff;font-size:10px;font-weight:700;display:flex;justify-content:center;align-items:center;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);animation:flashSign 1s infinite alternate}.flashing-red{position:absolute;top:10px;left:10px;width:15px;height:15px;border-radius:50%;background:red;animation:flashLight .5s infinite alternate}.school-bus-body:after{content:"";position:absolute;top:10px;right:10px;width:15px;height:15px;border-radius:50%;background:red;animation:flashLight .5s infinite alternate reverse}.fog-layer{background:linear-gradient(180deg,#c8c8c8,#c8c8c8cc,#c8c8c800);z-index:8;animation:driftFog 10s infinite alternate}.steep-hill-wrapper{background:linear-gradient(180deg,transparent 50%,#1e1e24 100%);transform:rotate(5deg) scale(1.1)}.highway-merge-wrapper .merge-lane{position:absolute;bottom:0;right:0;width:30%;height:50%;background:#444;clip-path:polygon(100% 0,100% 100%,0 100%);z-index:2}.passing-car{position:absolute;bottom:40%;left:30%;width:60px;height:40px;background:#c33;border-radius:5px;animation:zipPast 2s linear infinite}.passing-car.delayed{background:#33c;animation-delay:1s;left:45%}@keyframes zoomIn{0%{transform:scale(.5) translateY(50px)}to{transform:scale(1.5) translateY(0)}}@keyframes slideInBus{0%{transform:translate(100vw) scale(.5)}to{transform:translate(20vw) scale(1.5)}}@keyframes flashSign{0%{transform:scale(1) rotate(-10deg)}to{transform:scale(1.1) rotate(10deg)}}@keyframes flashLight{0%{opacity:.2;box-shadow:none}to{opacity:1;box-shadow:0 0 20px red}}@keyframes driftFog{0%{opacity:.8;transform:translateY(-10px)}to{opacity:1;transform:translateY(10px)}}@keyframes zipPast{0%{transform:translateY(200px) scale(2);opacity:1}to{transform:translateY(-300px) scale(.2);opacity:0}}.windshield-hud{position:absolute;top:8vh;left:50%;transform:translate(-50%);width:90%;max-width:800px;max-height:65vh;overflow-y:auto;z-index:10;display:flex;flex-direction:column;gap:1.5rem;transition:all .5s ease-in-out;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.windshield-hud::-webkit-scrollbar{width:6px}.windshield-hud::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.hide-hud{opacity:0;pointer-events:none;transform:translate(-50%,-20px)}.show-hud{opacity:1;pointer-events:auto;transform:translate(-50%)}.hud-header{display:flex;justify-content:space-between}.hud-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f59e0be6;color:#000;padding:.25rem .75rem;border-radius:var(--radius-sm);font-weight:800;font-size:.875rem;box-shadow:0 4px 15px #f59e0b66}.hud-progress{font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.scenario-prompt-box{background:#0a0a0bd9;padding:2rem;border-left:4px solid var(--color-primary)}.scenario-visual{height:200px;width:100%;background:#00000080;display:flex;justify-content:center;align-items:center;overflow:hidden}.scenario-visual img{height:100%;object-fit:cover;opacity:.9}.choices-grid{display:grid;grid-template-columns:1fr;gap:1rem}.choice-btn{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;text-align:left;font-size:1.125rem;color:#fff;background:#1e1e22cc;border:1px solid rgba(255,255,255,.1);transition:all .2s}.choice-btn:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f699;transform:scale(1.02)}.choice-btn.correct{background:#10b98166!important;border-color:var(--color-success)!important}.choice-btn.incorrect{background:#ef444466!important;border-color:var(--color-error)!important}.choice-btn.highlight{border-color:var(--color-success)!important;color:var(--color-success)!important}.choice-btn.dimmed{opacity:.3}.feedback-hud{padding:1.5rem;border-radius:var(--radius-md);background:#0a0a0be6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideIn .3s}.feedback-hud.positive{border-left:4px solid var(--color-success)}.feedback-hud.negative{border-left:4px solid var(--color-error)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.car-dashboard{background:linear-gradient(0deg,#111,#1a1a1a 80%,#2a2a2a);height:25vh;width:100%;position:relative;z-index:20;border-top:4px solid #000;box-shadow:0 -10px 30px #000c;display:flex;justify-content:space-between;align-items:center;padding:0 10%}.gauge-cluster{background:#000;padding:1rem 2rem;border-radius:20px;border:2px solid #333;display:flex;gap:2rem;box-shadow:inset 0 0 20px #000c}.gauge{display:flex;flex-direction:column;align-items:center;color:var(--color-primary-light)}.speed-icon.spinning{animation:spin .2s linear infinite;color:var(--color-error)}@keyframes spin{to{transform:rotate(360deg)}}.speed-text{font-family:monospace;font-size:1.5rem;font-weight:800;margin-top:.5rem}.score-display{display:flex;align-items:center;font-family:monospace;font-size:1.5rem;color:var(--color-success);font-weight:800}.steering-wheel{position:absolute;bottom:-20vh;left:50%;transform:translate(-50%);width:50vh;height:50vh;border-radius:50%;background:#222;border:4vh solid #111;box-shadow:0 -10px 40px #00000080,inset 0 10px 20px #ffffff0d;z-index:30;display:flex;align-items:center;justify-content:center;transition:transform .2s}.steering-wheel:before{content:"";position:absolute;width:100%;height:10vh;background:#111}.wheel-inner{width:15vh;height:15vh;border-radius:50%;background:radial-gradient(circle,#222,#0a0a0b);box-shadow:0 5px 15px #000000e6}.wheel-wobble{animation:wobble .5s ease-in-out infinite}@keyframes wobble{0%{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-2deg)}75%{transform:translate(-50%) rotate(2deg)}to{transform:translate(-50%) rotate(0)}}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:4rem;background:#0a0a0bf2}.text-2xl{font-size:1.5rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.opacity-90{opacity:.9}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 40%),radial-gradient(circle at 85% 30%,rgba(37,99,235,.08),transparent 40%)}.login-box{max-width:28rem;width:100%;padding:2.5rem 2rem;animation:fadeIn .4s ease-out}.login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:var(--color-gray-400);margin-bottom:2rem}.login-error{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:.75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1.5rem;text-align:left}.login-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:500;color:var(--color-gray-300);margin-bottom:.25rem}.form-input{width:100%;background-color:#0f172a80;border:1px solid var(--color-gray-700);border-radius:.375rem;padding:.6rem 1rem;color:#fff;outline:none;transition:border-color .2s;font-family:inherit;font-size:1rem}.form-input:focus{border-color:var(--color-primary)}.form-submit{width:100%;justify-content:center;margin-top:1.5rem;padding-top:.75rem;padding-bottom:.75rem}.login-switch{margin-top:1.5rem;font-size:.875rem;color:var(--color-gray-400)}.switch-btn{background:transparent;border:none;font-weight:500;cursor:pointer;padding:0;margin-left:.25rem}.switch-btn:hover{text-decoration:underline}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}:root{--color-bg: #0A0A0B;--color-surface: #121214;--color-surface-elevated: #1A1A1E;--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-glow: rgba(59, 130, 246, .4);--color-accent: #8b5cf6;--color-accent-glow: rgba(139, 92, 246, .4);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08) 0%,transparent 25%);color:var(--color-text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}button{font-family:var(--font-display);border:none;cursor:pointer;outline:none}.glass-panel{background:#1a1a1e66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0003}.gradient-text{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}