@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#923176;--primary-light:#b04691;--secondary:#4a1340;--accent:#ff4081;--bg-color:#fcf5fa;--card-bg:#fff;--border-color:#92317626;--text-main:#333;--text-muted:#666;--success:#1cc691;--error:#e63946}body{background-color:var(--bg-color);color:var(--text-main);justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding-top:100px;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}.app-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;padding:2rem;display:flex}.header{text-align:center;margin-bottom:2.5rem;animation:.8s ease-out fadeInDown}.header h1{color:var(--primary);letter-spacing:-.5px;margin:0;font-size:2.8rem;font-weight:700}.header p{color:var(--text-muted);margin-top:.5rem;font-size:1.1rem}.quiz-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;width:100%;padding:3rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s ease-out zoomIn;position:relative;overflow:hidden;box-shadow:0 15px 35px #92317614}.quiz-card:before{content:"";background:var(--primary);width:100%;height:8px;position:absolute;top:0;left:0}.progress-container{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.95rem;font-weight:500;display:flex}.progress-bar-bg{background:#f2e1ed;border-radius:10px;flex-grow:1;height:8px;margin:0 1rem;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:10px;height:100%;transition:width .5s ease-out}.question-text{text-align:center;color:var(--text-main);margin-bottom:2.5rem;font-size:1.5rem;font-weight:600;line-height:1.5}.options-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=600px){.options-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.option-btn{border:2px solid var(--border-color);color:var(--text-main);cursor:pointer;text-align:center;background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:1.2rem;font-family:inherit;font-size:1.1rem;font-weight:500;transition:all .2s;display:flex;position:relative}.option-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#fcf5fa;transform:translateY(-2px);box-shadow:0 8px 15px #9231761a}.option-btn:active:not(:disabled){transform:translateY(0)}.option-btn.selected{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 5px 15px #92317633}.option-btn.correct{border-color:var(--success);color:#0b805a;background:#e8f9f2}.option-btn.wrong{border-color:var(--error);color:#b52936;background:#fde8e9;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.option-btn:disabled{cursor:not-allowed}.results-container{text-align:center;flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.score-circle{background:conic-gradient(var(--primary) var(--score-pct), #f2e1ed 0);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:2rem;display:flex;box-shadow:0 10px 30px #92317626}.score-inner{background:var(--card-bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.score-value{color:var(--primary);font-size:2.8rem;font-weight:700;line-height:1}.score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:5px;font-size:.85rem}.results-message{color:var(--text-main);margin-bottom:1rem;font-size:1.8rem;font-weight:700}.results-desc{color:var(--text-muted);max-width:400px;margin-bottom:2.5rem;font-size:1.1rem}.restart-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:1rem 3rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 8px 20px #92317640}.restart-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 25px #92317659}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.slide-exit{animation:.3s ease-in forwards slideOut}.slide-enter{animation:.4s ease-out forwards slideIn}@keyframes slideOut{to{opacity:0;transform:translate(-30px)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.confetti{z-index:10000;background-color:red;width:10px;height:10px;animation:linear forwards fall;position:absolute}@keyframes fall{to{transform:translateY(100vh)rotate(720deg)}}.ace-navbar{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#923176f2;border-bottom:1px solid #ffffff1a;width:100%;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0003}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-logo img{width:auto;height:45px;transition:transform .3s}.navbar-logo img:hover{transform:scale(1.05)}.navbar-menu{align-items:center;display:flex}.menu-list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.menu-item{margin-left:5px;position:relative}.menu-item>a{color:#fff;border-radius:4px;padding:10px 15px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.menu-item>a:hover{background:#ffffff1a}.dropdown-arrow{vertical-align:middle;margin-left:5px;font-size:.7rem}.dropdown-menu{opacity:0;visibility:hidden;z-index:1001;background:#fff;border-radius:8px;min-width:220px;margin:0;padding:10px 0;list-style:none;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(15px);box-shadow:0 15px 30px #00000026}.has-dropdown:hover .dropdown-menu,.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(5px)}.dropdown-item{width:100%}.dropdown-item a{color:#923176;padding:12px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.dropdown-item a:hover{color:#ff4081;background:#f5f5f5;padding-left:25px}.get-quote-btn{margin-left:15px}.get-quote-btn>a{color:#923176;background:#fff;border:1px solid #fff;border-radius:30px;padding:10px 25px;font-weight:700}.get-quote-btn>a:hover{color:#fff;background:0 0}.mobile-menu-toggle{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger-icon{background-color:#fff;border-radius:2px;width:25px;height:3px;transition:all .3s}@media (width<=992px){.mobile-menu-toggle{display:flex}.navbar-menu{background:#923176;flex-direction:column;align-items:flex-start;width:100%;max-height:0;padding:0;transition:max-height .3s ease-in-out;position:absolute;top:80px;left:0;overflow:hidden}.navbar-menu.active{max-height:500px;overflow-y:auto}.menu-list{flex-direction:column;align-items:flex-start;width:100%}.menu-item{border-bottom:1px solid #ffffff1a;width:100%;margin:0}.menu-item>a{width:100%;padding:15px 20px;display:block}.dropdown-menu{box-shadow:none;opacity:1;visibility:visible;background:0 0;min-width:100%;padding:0;display:none;position:static;transform:none}.dropdown-menu.show{display:block}.dropdown-item a{color:#fffc;padding:10px 20px 10px 40px}.dropdown-item a:hover{color:#fff;background:#0000001a;padding-left:45px}.get-quote-btn{text-align:center;padding:20px}}