:root{--navy:#071a2b;--gold:#d7aa4b;--teal:#0aa6a6;--ink:#102133;--paper:#f7f5ef;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
.wrap{max-width:1100px;margin:auto;padding:0 22px}.hero{background:linear-gradient(135deg,#061522,#0d2a42);color:#fff;padding:55px 0}.grid{display:grid;grid-template-columns:340px 1fr;gap:42px;align-items:center}.cover{width:100%;box-shadow:0 18px 45px #0008}.eyebrow{color:#e8bf68;letter-spacing:.15em;font-weight:700}.hero h1{font-size:52px;line-height:1.02;margin:.15em 0}.hero h2{font-size:23px;font-weight:400;color:#dbe7ef}.price{font-size:28px;color:#e8bf68;font-weight:800}.btn{display:inline-block;background:var(--gold);color:#071a2b;text-decoration:none;font-weight:800;padding:15px 24px;border-radius:7px;margin:8px 8px 8px 0}.btn.secondary{background:transparent;color:#fff;border:1px solid #91a9bb}.section{padding:55px 0}.section h2{font-size:34px;color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #dce2e6;border-radius:10px;padding:22px}.band{background:#e8eef1}.quote{border-left:5px solid var(--gold);padding:14px 20px;background:#fff;font-size:20px}.footer{background:#061522;color:#c8d4dc;padding:35px 0}.score{font-size:72px;font-weight:900;color:var(--gold)}
.question{background:#fff;border:1px solid #d8dee3;border-radius:9px;padding:16px;margin:12px 0}.scale{display:flex;gap:8px;flex-wrap:wrap}.scale label{background:#eef2f4;border-radius:6px;padding:7px 10px;cursor:pointer}.result{background:#071a2b;color:#fff;padding:25px;border-radius:10px;margin-top:20px}.small{font-size:13px;color:#607080}@media(max-width:800px){.grid,.cards{grid-template-columns:1fr}.hero h1{font-size:40px}.cover{max-width:330px;margin:auto;display:block}}