*{box-sizing:border-box}body{margin:0;background:#fffaf7;color:#29242c;font:17px/1.6 system-ui,sans-serif}a{color:var(--accent)}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:15px}.logo{font-size:23px;font-weight:800;text-decoration:none}.button,button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:14px 22px;background:var(--accent);color:white;text-decoration:none;display:inline-block;font-weight:650}.secondary{background:white;color:var(--accent);border:1px solid var(--accent)}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;padding:38px 0}h1{font:700 clamp(36px,5vw,58px)/1.13 Georgia,serif;letter-spacing:-1px;margin:18px 0}h2{font:700 30px/1.25 Georgia,serif}h3{font-size:21px}.tag{font-size:12px;font-weight:750;letter-spacing:2px;color:var(--accent)}.lead{font-size:20px;color:#605563}.fine{font-size:14px;color:#605563}.art{border-radius:40% 40% 20% 20%;background:var(--tint);padding:42px 25px;text-align:center}.art svg{width:100%;max-width:300px;height:250px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.chips span{background:white;border:1px solid #ded5d5;border-radius:30px;padding:6px 12px;font-size:14px}.card{background:white;border:1px solid #e6dce0;border-radius:22px;padding:28px;margin:24px 0;box-shadow:0 10px 35px #40203008}.quiz{max-width:750px;margin:30px auto;scroll-margin-top:15px}.options{display:grid;gap:10px}.option{background:#fcf9fa;color:#29242c;text-align:left;border:1px solid #d6ccd2;font-weight:450}.option:hover,.option:focus-visible{border-color:var(--accent);background:var(--tint)}:focus-visible{outline:3px solid #d29f17;outline-offset:4px}.progress{height:7px;background:#eee5e8;border-radius:10px;margin-bottom:22px}.bar{height:100%;background:var(--accent);border-radius:10px;transition:width .2s}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.quiet{background:transparent;color:var(--accent);padding:8px 0;font-size:15px}.result-item{padding:15px 0;border-bottom:1px solid #eee5e8}.result-item p{margin:6px 0}.conversion{background:var(--tint);padding:30px;border-radius:22px;margin:36px 0}.conversion p{max-width:760px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}details{padding:18px 0;border-bottom:1px solid #ddd}summary{cursor:pointer;font-weight:650}footer{border-top:1px solid #ddd;font-size:14px}footer a{margin-right:15px}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:18px}.hero{grid-template-columns:1fr;gap:15px;padding:15px 0}.art{padding:15px}.art svg{height:145px}.grid{grid-template-columns:1fr}.card,.conversion{padding:20px}header .button{font-size:13px;padding:10px}h1{font-size:39px}.lead{font-size:18px}}label{display:block;font-weight:650}input,select{display:block;width:100%;font:inherit;color:#29242c;background:white;border:1px solid #bcabb5;border-radius:10px;padding:13px;margin-top:8px}body{background:#faf9f6;color:#202d40}header{max-width:1180px;padding:22px 26px}.logo{color:#12243f}header .secondary{border-color:#caa85b;color:#13243e;background:#f5deb0}.hero{background:linear-gradient(115deg,#0c1d37,#18385a);color:white;padding:44px;border-radius:25px;margin:20px 0 35px;min-height:430px}.hero .tag{color:#f0d17c}.hero .lead{color:#e1e7ee}.hero .chips span{background:#ffffff0d;color:#f5f3eb;border-color:#ffffff40}.hero h1{font-family:Georgia,serif}.hero .art{padding:0;background:transparent;border-radius:18px;overflow:hidden}.hero .art img{width:100%;height:340px;object-fit:cover;display:block}.hero .art p{font-size:15px;padding:12px;background:#132943;margin:0;color:#ead08a}.button,button{background:#e5c36f;color:#12243f}.button.secondary{background:#fff;color:#142641;border-color:#ba9b50}.option{background:#fff;color:#202d40}.option:hover,.option:focus-visible{background:#fff5da;border-color:#ba9b50}.tag{color:#756024}.quiet{color:#132e51;background:transparent}.bar{background:#bd9344}.conversion{background:#fff6df;border:1px solid #e6d3a8}.fine{color:#5a6370}.hero .fine{color:#dce3ed}.card{border-color:#e5dfd0}footer{border-color:#e5dfd0}a{color:#193c68}@media(max-width:650px){.hero{padding:25px;min-height:0}.hero .art img{height:230px}.hero h1{font-size:36px}header{padding:18px}.hero .art p{font-size:14px}}