@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";:root{--primary:gold;--secondary:#004586;--success:#10b981;--error:#ef4444;--background:#0f172a;--card-bg:#1e293bb3;--text:#f8fafc;--text-muted:#94a3b8;--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--background);color:var(--text);background-image:radial-gradient(at 0 0,#001942 0,#0000 50%),radial-gradient(at 50% 0,#001433 0,#0000 50%),radial-gradient(at 100% 0,#001d4d 0,#0000 50%);flex-direction:column;align-items:center;min-height:100vh;padding:1rem;display:flex;overflow-x:hidden}#app{perspective:1000px;width:100%;max-width:100%}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px -12px #00000080}h1{font-family:var(--font-heading);background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.8rem;font-weight:700}h2{font-family:var(--font-heading);text-align:center;color:var(--text);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.intro-text{color:var(--text-muted);text-align:center;margin-bottom:2rem;font-size:1rem;line-height:1.5}.btn{cursor:pointer;font-family:var(--font-main);text-align:center;border:none;border-radius:10px;width:100%;margin-bottom:.8rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #eab308 100%);color:#1e293b}.btn-outline{color:var(--text);background:0 0;border:1px solid #fff3}.nav-link{opacity:.8;font-size:.9rem;font-weight:500;transition:all .3s}.nav-link:hover{opacity:1;color:var(--primary)!important}.quiz-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.progress-container{background:#ffffff1a;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.progress-bar{background:var(--primary);width:0%;height:100%;transition:width .4s;position:absolute;top:0;left:0}.question-count{color:var(--text-muted);font-size:.85rem}.question-text{color:#fff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;line-height:1.4}.options-grid{gap:.8rem;margin-bottom:1.5rem;display:grid}.option-btn{text-align:left;color:var(--text);background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;align-items:center;padding:1rem;font-size:.95rem;display:flex}.feedback-container{border-radius:10px;margin-top:1rem;padding:1rem}.score-circle{border-width:6px;width:120px;height:120px;margin-bottom:1.5rem}.score-value{font-size:2.2rem}@media (width>=768px){body{justify-content:center;padding-bottom:3rem}#app{max-width:800px}.glass-card{border-radius:24px;padding:3rem}h1{font-size:3rem}h2{font-size:1.8rem}.intro-text{font-size:1.1rem}.quiz-header{flex-direction:row;justify-content:space-between;align-items:center}.progress-container{margin:0 1.5rem}.question-text{font-size:1.4rem}.score-circle{border-width:8px;width:150px;height:150px}.score-value{font-size:3rem}}.hidden{display:none!important}.icon{margin-right:.8rem;font-size:1.1rem}.history-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;font-size:.9rem;display:flex}.score-tracking div{background:#ffffff0d;border-radius:6px;padding:.25rem .5rem;font-size:.8rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}