@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";:root{--blue:#35a1e8;--blue-dark:#1689d2;--yellow:#ffdc59;--bg:#f4f5f7;--text:#15202b;--muted:#6d7782;--white:#fff;--red:#d95858}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Arial,sans-serif}button{font:inherit}.splash{background:var(--bg);place-items:center;min-height:100dvh;display:grid;overflow:hidden}.splash-logo{width:min(72vw,440px);animation:1.5s cubic-bezier(.2,.8,.2,1) both logoIn}@keyframes logoIn{0%{opacity:0;transform:scale(.82)rotate(-2deg)}60%{opacity:1;transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.page{max-width:900px;min-height:100dvh;margin:auto;padding:28px}.intro,.result{flex-direction:column;align-items:center;display:flex}.mini-logo{align-self:flex-start;width:140px}.intro-card,.result-card{text-align:center;width:100%;max-width:720px;margin:auto;padding:40px 28px}.eyebrow{letter-spacing:.14em;color:var(--blue-dark);font-size:.76rem;font-weight:800}h1{letter-spacing:-.055em;margin:18px 0 22px;font-size:clamp(2rem,6vw,4.4rem);line-height:1.02}p{color:var(--muted);line-height:1.65}.intro-card p{max-width:580px;margin:0 auto 30px;font-size:1.08rem}.primary{background:var(--yellow);color:var(--text);cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:18px 24px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 7px #d7b22447}.primary:hover{transform:translateY(-2px);box-shadow:0 9px #d7b22447}.primary:active{transform:translateY(3px);box-shadow:0 3px #d7b22447}small{color:var(--muted);margin-top:22px;display:block}.quiz header{color:var(--blue-dark);justify-content:space-between;align-items:center;font-weight:800;display:flex}.header-logo{width:105px}.progress{background:#dde3e8;border-radius:99px;height:8px;margin:18px 0 34px;overflow:hidden}.progress i{background:var(--blue);border-radius:99px;height:100%;transition:width .3s;display:block}.question-card{background:var(--white);border-radius:28px;padding:clamp(24px,5vw,50px);box-shadow:0 12px 40px #1d374b12}h2{letter-spacing:-.04em;margin:15px 0 30px;font-size:clamp(1.65rem,4vw,2.7rem);line-height:1.12}.answers{gap:14px;display:grid}.answers button{text-align:left;cursor:pointer;background:#fff;border:2px solid #e7ebef;border-radius:17px;justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:16px 20px;font-size:1rem;font-weight:700;transition:all .18s;display:flex}.answers button:hover:not(:disabled){border-color:var(--blue);transform:translateY(-1px)}.answers button.correct{background:var(--blue);border-color:var(--blue);color:#fff}.answers button.wrong{border-color:var(--red);color:var(--red);background:#fff7f7}.answers button.muted{opacity:.45}.reveal{animation:.35s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.result-label{align-items:center;gap:8px;margin:25px 0 15px;font-weight:800;display:flex}.is-good{color:var(--blue-dark)}.is-bad{color:var(--red)}.fact{background:var(--bg);border-radius:18px;margin-bottom:22px;padding:20px 22px}.fact strong{letter-spacing:.1em;color:var(--blue-dark);font-size:.75rem}.fact p{color:#4d5964;margin:7px 0 0}.next{width:100%}.result-card{background:#fff;border-radius:30px;margin-top:auto;margin-bottom:auto;box-shadow:0 12px 40px #1d374b12}.score{color:var(--blue);justify-content:center;align-items:baseline;margin-top:16px;display:flex}.score strong{letter-spacing:-.08em;font-size:clamp(5rem,20vw,9rem);line-height:.9}.score span{font-size:2rem;font-weight:800}.result-card h1{max-width:600px;margin-left:auto;margin-right:auto;font-size:clamp(1.8rem,5vw,3rem)}.result-card .primary{margin-top:18px}@media (width<=600px){.page{padding:18px}.mini-logo{width:105px}.intro-card{padding:28px 4px}.question-card{border-radius:22px}.answers button{min-height:64px}.result-card{padding:32px 20px}}