@font-face{font-family:__Outfit_ed3508;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Outfit_ed3508;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Outfit_Fallback_ed3508;src:local("Arial");ascent-override:100.55%;descent-override:26.14%;line-gap-override:0.00%;size-adjust:99.45%}.__className_ed3508{font-family:__Outfit_ed3508,__Outfit_Fallback_ed3508;font-style:normal}:root{--bg-color:#050510;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-color:#6c5ce7;--accent-hover:#5649c0;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--success:#00b894;--error:#ff7675}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem 0}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.app-container{width:100%;max-width:800px;padding:2rem;z-index:1}header{text-align:center;margin-bottom:2rem}h1{font-weight:300;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase;background:linear-gradient(90deg,#fff,#a0a0b0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.progress-bar{width:100%;height:4px;background:var(--glass-bg);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-color);width:0;transition:width .5s ease;box-shadow:0 0 10px var(--accent-color)}.quiz-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);min-height:400px;display:flex;flex-direction:column;justify-content:center}.question-header{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}h2{font-size:1.5rem;font-weight:600;margin-bottom:2rem;line-height:1.4}.options-grid{display:grid;grid-gap:1rem;gap:1rem}.option-btn{background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border);padding:1rem 1.5rem;border-radius:12px;color:var(--text-primary);font-size:1rem;text-align:left;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.option-btn:hover:not(:disabled){background:hsla(0,0%,100%,.1);transform:translateY(-2px);border-color:var(--accent-color)}.option-btn:disabled{cursor:default;opacity:.7}.option-btn.correct{background:rgba(0,184,148,.2);border-color:var(--success);color:#fff}.option-btn.wrong{background:hsla(0,100%,73%,.2);border-color:var(--error);color:#fff}.feedback{margin-top:1.5rem;padding:1rem;border-radius:8px;background:rgba(0,0,0,.2);font-size:.9rem;line-height:1.5;animation:fadeIn .5s ease}.action-btn{margin-top:2rem;padding:1rem 2rem;background:var(--accent-color);border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-end;text-transform:uppercase;letter-spacing:1px}.action-btn:hover{background:var(--accent-hover);box-shadow:0 0 20px rgba(108,92,231,.4);transform:translateY(-2px)}.results-container{text-align:center}.results-container,.score-circle{display:flex;flex-direction:column;align-items:center}.score-circle{width:150px;height:150px;border-radius:50%;border:4px solid var(--accent-color);justify-content:center;margin:2rem auto;box-shadow:0 0 30px rgba(108,92,231,.2)}.final-score{font-size:3.5rem;font-weight:700;line-height:1}.total{font-size:1rem;margin-top:.5rem}.result-message,.total{color:var(--text-secondary)}.result-message{font-size:1.2rem;margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.app-container{padding:1rem 1rem 4rem}.quiz-card{padding:1.5rem}h1{font-size:1.5rem}h2{font-size:1.2rem}}