*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#eef9ff,#f8f2ff);color:#263746;line-height:1.6}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;background:linear-gradient(135deg,#174d78,#3b4c9b);color:#fff}.tag{font-size:.78rem;padding:6px 12px;border-radius:20px;background:#ffffff22}.score{font-size:1.5rem}.progress{height:8px;background:#dbe6f0}.progress span{display:block;height:100%;width:20%;background:#f3b43f;transition:.4s}.screen{display:none;max-width:1080px;margin:auto;padding:42px 18px}.screen.active{display:block}.card{background:#fff;border-radius:26px;padding:34px;box-shadow:0 12px 35px #173e5b18;text-align:center}.hero{padding:60px 25px}.icons{font-size:4rem}.card h2{color:#174d78;font-size:2rem}.primary{border:0;border-radius:30px;padding:14px 25px;background:#174d78;color:#fff;font-weight:bold;cursor:pointer;margin:18px 5px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:left;margin:25px 0}.facts div{padding:19px;background:#f2f8fc;border-radius:16px;border-left:5px solid #55a7d9}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.choices button,.grid button{padding:18px;border:3px solid #e2ebf3;background:#fff;border-radius:17px;cursor:pointer;font-weight:bold}.choices button:hover,.grid button:hover{border-color:#f0b53e}.msg{min-height:30px;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.grid button{font-size:2.5rem}.grid span{display:block;font-size:.9rem}.q{text-align:left;background:#f6f9fc;padding:20px;border-radius:18px;margin:16px 0}.q label{display:block;padding:9px}.trophy{font-size:5rem}.certificate{margin:25px auto;padding:25px;border:3px dashed #f0b53e;border-radius:20px;background:#fffaf0;font-size:1.3rem;font-weight:bold}footer{text-align:center;background:#173b58;color:white;padding:30px 15px}@media(max-width:650px){.facts,.choices{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}header{padding:18px 4%}.card{padding:22px}}