*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#6dd5ed,#2193b0);min-height:100vh;margin:0;padding:0}.app-container{background:linear-gradient(135deg,#f8fffe,#e3f2fd);max-width:480px;margin:40px auto;border-radius:20px;box-shadow:0 8px 32px #2193b02e;padding:40px 28px;position:relative;overflow:hidden}.app-container:before{content:"";position:absolute;top:-60px;right:-60px;width:160px;height:160px;background:radial-gradient(circle,#6dd5ed,#2193b0);opacity:.15;border-radius:50%;z-index:0}h1{text-align:center;color:#2193b0;margin-bottom:28px;font-size:2.2rem;letter-spacing:2px;font-weight:700;text-shadow:0 2px 8px rgba(33,147,176,.08);position:relative;z-index:1}.quiz-info{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;margin-bottom:22px;font-size:1.05rem;color:#333;position:relative;z-index:1}.quiz-info span{background:#e3f2fd;border-radius:12px;padding:6px 14px;box-shadow:0 2px 8px #2193b00d}.question{margin-bottom:22px;position:relative;z-index:1}.question h2{font-size:1.25rem;margin-bottom:18px;color:#1565c0;text-align:center;font-weight:600;letter-spacing:1px}.question ul{list-style:none;padding:0;margin:0}.question li{background:linear-gradient(90deg,#e3f2fd,#f8fffe);border:1px solid #b3e0fc;border-radius:10px;margin-bottom:12px;padding:14px 22px;font-size:1.05rem;cursor:pointer;transition:background .2s,box-shadow .2s,border .2s;box-shadow:0 2px 8px #2193b012;font-weight:500;position:relative;z-index:1}.question li:hover{background:#d1eaff;border:2px solid #2193b0;box-shadow:0 4px 16px #2193b01f}.question li[style*="background: rgb(209, 234, 255)"]{background:linear-gradient(90deg,#d1eaff,#e3f2fd)!important;border:2px solid #2193b0;color:#1565c0;font-weight:700;box-shadow:0 4px 16px #2193b02e}.answer-feedback{text-align:center;margin-top:14px;margin-bottom:14px;font-size:1.15rem;font-weight:500;position:relative;z-index:1}.btn-start,.btn-next,.btn-restart{display:inline-block;background:linear-gradient(90deg,#2193b0,#6dd5ed);color:#fff;border:none;border-radius:30px;font-size:1.08rem;font-weight:700;padding:14px 36px;margin:22px auto 0;cursor:pointer;box-shadow:0 4px 16px #2193b024;transition:background .2s,transform .2s,box-shadow .2s;letter-spacing:1px;position:relative;z-index:1}.btn-start:hover,.btn-next:hover,.btn-restart:hover{background:linear-gradient(90deg,#6dd5ed,#2193b0);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #2193b038}.result-screen{text-align:center;padding:28px 0;position:relative;z-index:1}.result-screen h2{color:#2193b0;margin-bottom:22px;font-size:1.6rem;font-weight:700;letter-spacing:1px}.result-screen p{font-size:1.15rem;margin-bottom:12px;color:#333;font-weight:500}@media (max-width: 600px){.app-container{max-width:98vw;padding:18px 6px;margin:12px auto;border-radius:12px}h1{font-size:1.25rem;margin-bottom:14px}.btn-start,.btn-next,.btn-restart{font-size:.95rem;padding:10px 18px;margin-top:16px}.question h2{font-size:1.05rem;margin-bottom:12px}.question li{font-size:.98rem;padding:10px 12px;margin-bottom:8px}.quiz-info{gap:8px;font-size:.98rem}.result-screen h2{font-size:1.15rem;margin-bottom:12px}.result-screen p{font-size:1.02rem;margin-bottom:7px}}