.app *{box-sizing:border-box;margin:0;padding:0}.app{color:#0b1f3a;background:#f5f7fb;width:100%;min-height:100vh;font-family:Inter,sans-serif;line-height:1.7}.container{max-width:1100px;margin:auto;padding:80px 20px}.hero{color:#fff;background:linear-gradient(135deg,#0b1f3a,#15345f)}.badge{color:#fff;letter-spacing:1px;background:#c6a15b;border-radius:50px;margin-bottom:30px;padding:10px 18px;font-size:14px;display:inline-block}.hero h1{margin-bottom:20px;font-size:60px;font-weight:700}.hero h2{color:#c6a15b;margin-bottom:30px;font-size:32px;font-weight:400}.hero p{max-width:750px;margin-bottom:20px;font-size:20px}.hero ul{grid-template-columns:repeat(2,1fr);gap:15px;margin:40px 0;list-style:none;display:grid}.hero ul li{background:#ffffff14;border-radius:12px;padding:18px}#startBtn{color:#fff;cursor:pointer;background:#c6a15b;border:none;border-radius:60px;padding:18px 40px;font-size:18px;font-weight:600;transition:all .3s}#startBtn:hover{background:#d7b26d;transform:translateY(-3px)}.hide{display:none}#quiz{padding:80px 0}.progress-wrapper{margin-bottom:40px}#progressText{margin-bottom:15px;font-size:18px;font-weight:600}.progress{background:#e4e7ec;border-radius:30px;width:100%;height:10px;overflow:hidden}#progressFill{background:#c6a15b;width:5%;height:100%;transition:all .4s}#questionContainer{max-width:760px;margin:auto}.question-card{background:#fff;border-radius:20px;padding:50px;transition:all .4s;box-shadow:0 15px 40px #00000014}.question-card h2{margin-bottom:20px;font-size:30px}.question-card h3{margin-bottom:40px;font-size:24px;font-weight:500}.answers{flex-direction:column;gap:18px;display:flex}.answers label{cursor:pointer;border:2px solid #e5e5e5;border-radius:14px;align-items:center;padding:18px 22px;font-size:18px;transition:all .3s;display:flex}.answers label:hover{background:#faf8f3;border-color:#c6a15b}.answers input{margin-right:15px;transform:scale(1.2)}.buttons{justify-content:space-between;margin-top:40px;display:flex}.buttons button{color:#fff;cursor:pointer;background:#0b1f3a;border:none;border-radius:40px;padding:15px 35px;font-size:17px;transition:all .3s}.buttons button:hover{background:#15345f}#results{padding:80px 0}.circle{color:#0b1f3a;border:12px solid #c6a15b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:40px auto;font-size:48px;font-weight:700;display:flex}.score-bars{margin-top:50px}.score-bars>div{margin-bottom:30px}.score-bars label{margin-bottom:10px;font-weight:600;display:block}.bar{background:#ddd;border-radius:50px;height:12px;overflow:hidden}.bar div{background:#c6a15b;width:0;height:100%;transition:all 1s}.bookBtn{color:#fff;background:#c6a15b;border-radius:60px;margin-top:50px;padding:18px 40px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.bookBtn:hover{background:#d7b26d}@media (max-width:768px){.hero h1{font-size:42px}.hero h2{font-size:24px}.hero p{font-size:18px}.hero ul{grid-template-columns:1fr}.question-card{padding:30px}.question-card h3{font-size:20px}.buttons{flex-direction:column;gap:15px}.buttons button{width:100%}.circle{width:140px;height:140px;font-size:36px}}