*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Raleway,sans-serif;color:#fff}.page{position:relative;min-height:100vh;display:flex;flex-direction:column}.bg-image{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/luxury_car.jpg);background-size:cover;background-position:center;z-index:0}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#000000b8,#0a0805cc 60%,#000000e6);z-index:1}.header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:1px solid rgba(197,160,80,.35);background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,transparent 100%)}.logo-wrap{display:flex;align-items:center}.logo{height:64px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(197,160,80,.5))}.nav{display:flex;gap:36px}.nav a{color:#d4b06a;text-decoration:none;font-family:Raleway,sans-serif;font-weight:500;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;transition:color .2s}.nav a:hover{color:#f0d080}.user-menu{display:flex;align-items:center;gap:12px}.session-timer{font-family:Raleway,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.12em;color:#c5a050;transition:color .5s}.session-timer-warning{color:#ef5350}.user-avatar{width:32px;height:32px;border-radius:50%;border:1px solid rgba(197,160,80,.6);object-fit:cover}.logout-btn{background:none;border:1px solid rgba(197,160,80,.45);cursor:pointer;color:#d4b06a;font-family:Raleway,sans-serif;font-weight:500;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;transition:color .2s,border-color .2s}.logout-btn:hover{color:#f0d080;border-color:#c5a050cc}.welcome-msg{font-family:Raleway,sans-serif;font-size:.82rem;color:#c5a050bf;letter-spacing:.08em;margin-bottom:16px}.main{position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:center;padding:60px 24px}.content-card{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:0;background:#0504029e;border:1px solid rgba(197,160,80,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:52px 64px 56px;text-align:center}.gold-bar{width:120px;height:2px;background:linear-gradient(90deg,transparent,#c5a050,transparent);margin:0 auto}.title{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;letter-spacing:.12em;color:#e8c96a;text-transform:uppercase;line-height:1.25;margin:20px 0;text-shadow:0 2px 12px rgba(197,160,80,.4)}.subtitle{font-family:Raleway,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#c5a050;margin:28px 0 20px}.instructions{list-style:none;display:flex;flex-direction:column;gap:14px;text-align:left;width:100%;margin-bottom:40px}.instructions li{position:relative;padding-left:22px;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:400;color:#d8cbb8;line-height:1.55;letter-spacing:.02em}.instructions li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#c5a050}.start-btn{font-family:Raleway,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#0a0800;background:linear-gradient(135deg,#d4a84b,#f0d080,#c5903a);border:none;padding:16px 52px;cursor:pointer;transition:filter .25s,transform .15s;box-shadow:0 4px 20px #c5a05059}.start-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.start-btn:active{transform:translateY(0)}.btn-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.quiz-dropdown{list-style:none;width:100%;max-height:280px;overflow-y:auto;margin-top:4px;border:1px solid rgba(197,160,80,.35);background:#050402eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.quiz-dropdown::-webkit-scrollbar{width:4px}.quiz-dropdown::-webkit-scrollbar-track{background:transparent}.quiz-dropdown::-webkit-scrollbar-thumb{background:#c5a05059}.quiz-option{display:block;width:100%;background:none;border:none;border-bottom:1px solid rgba(197,160,80,.12);cursor:pointer;text-align:left;padding:13px 20px;font-family:Raleway,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.06em;color:#c5a050;transition:background .15s,color .15s}.quiz-option:last-child{border-bottom:none}.quiz-option:hover{background:#c5a0501a;color:#f0d080}.footer{position:relative;z-index:10;text-align:center;padding:20px 24px;border-top:1px solid rgba(197,160,80,.25);background:linear-gradient(0deg,rgba(0,0,0,.55) 0%,transparent 100%)}.footer p{font-family:Raleway,sans-serif;font-size:.72rem;font-weight:400;letter-spacing:.14em;color:#c5a050a6;text-transform:uppercase}@media (max-width: 640px){.header{padding:16px 24px;flex-direction:column;gap:12px}.nav{gap:20px}.content-card{padding:36px 28px 40px}.title{font-size:1.35rem}}.quiz-card{max-width:780px;width:100%;text-align:left;padding:44px 56px 52px}.quiz-complete-card{max-width:540px;text-align:center;align-items:center}.quiz-loading{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.quiz-loading-text{font-family:Raleway,sans-serif;font-size:1rem;letter-spacing:.14em;color:#c5a050;text-transform:uppercase}.quiz-error-text{font-family:Raleway,sans-serif;font-size:.9rem;color:#ef5350;letter-spacing:.05em;margin-bottom:8px}.quiz-header-right{display:flex;align-items:center}.quiz-back-btn{background:none;border:1px solid rgba(197,160,80,.4);cursor:pointer;color:#d4b06a;font-family:Raleway,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;padding:6px 16px;transition:color .2s,border-color .2s}.quiz-back-btn:hover{color:#f0d080;border-color:#c5a050bf}.quiz-progress-wrap{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;width:100%}.quiz-progress-text{font-family:Raleway,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#c5a050}.quiz-progress-bar-track{width:100%;height:3px;background:#c5a0502e}.quiz-progress-bar-fill{height:100%;background:linear-gradient(90deg,#c5a050,#f0d080);transition:width .35s ease}.quiz-question-text{font-family:Raleway,sans-serif;font-size:1.05rem;font-weight:500;color:#d8cbb8;line-height:1.65;letter-spacing:.02em;margin-bottom:28px;width:100%}.quiz-options-list{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:24px}.quiz-option-btn{display:flex;align-items:flex-start;gap:14px;width:100%;background:#0504028c;border:1px solid rgba(197,160,80,.25);cursor:pointer;padding:14px 18px;text-align:left;transition:background .15s,border-color .15s}.quiz-option-btn:hover:not(:disabled){background:#c5a05014;border-color:#c5a05080}.quiz-option-btn:disabled{cursor:default}.quiz-option-selected{background:#c5a05026!important;border-color:#c5a050bf!important}.quiz-option-correct{background:#66bb6a24!important;border-color:#66bb6aa6!important}.quiz-option-wrong{background:#ef535024!important;border-color:#ef5350a6!important}.quiz-option-label{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(197,160,80,.45);font-family:Raleway,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.05em;color:#c5a050;margin-top:1px}.quiz-option-text{font-family:Raleway,sans-serif;font-size:.92rem;font-weight:400;color:#d8cbb8;line-height:1.5;letter-spacing:.02em}.quiz-feedback{font-family:Raleway,sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.06em;padding:12px 18px;margin-bottom:16px;width:100%;border-left:3px solid}.quiz-feedback-correct{color:#66bb6a;background:#66bb6a14;border-color:#66bb6a}.quiz-feedback-incorrect{color:#ef5350;background:#ef535014;border-color:#ef5350}.quiz-warning{font-family:Raleway,sans-serif;font-size:.8rem;font-weight:500;color:#ef5350d9;letter-spacing:.05em;margin-bottom:14px;width:100%}.quiz-actions{display:flex;align-items:center;gap:20px;width:100%;margin-top:8px}.quiz-skip-btn{background:none;border:1px solid rgba(197,160,80,.4);cursor:pointer;color:#c5a050;font-family:Raleway,sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:13px 28px;transition:color .2s,border-color .2s,background .2s}.quiz-skip-btn:hover{color:#f0d080;border-color:#c5a050b3;background:#c5a0500f}.quiz-score-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0 48px}.quiz-score-pct{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:700;color:#e8c96a;text-shadow:0 2px 20px rgba(197,160,80,.45);line-height:1;letter-spacing:.04em}.quiz-score-label{font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;color:#d8cbb8;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 640px){.quiz-card{padding:28px 22px 36px}.quiz-question-text{font-size:.95rem}.quiz-option-btn{padding:12px 14px}.quiz-score-pct{font-size:3.2rem}.quiz-actions{flex-direction:column;align-items:flex-start}.quiz-skip-btn{width:100%;text-align:center}}