:root{--navy:#24324a;--teal:#347f78;--mint:#d9f0ec;--cream:#fff9f1;--coral:#f19a72;--ink:#283142;--muted:#667085}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--cream);color:var(--ink)}header{background:var(--navy);color:white;padding:28px 7%}header small{color:#a9e2d7;font-weight:bold;letter-spacing:.08em}.wrap{max-width:920px;margin:28px auto;padding:0 22px}.card{background:white;border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 6px 22px #24324a14;border-left:7px solid var(--coral)}h1{margin:7px 0 3px;font-size:34px}h2{color:var(--navy);font-size:23px}p{line-height:1.55}.meta{color:var(--muted)}label{display:block;padding:8px 0;line-height:1.4}input[type=radio],input[type=checkbox]{transform:scale(1.25);margin-right:10px}textarea,input[type=text],select{width:100%;padding:12px;border:1px solid #ccd2dc;border-radius:10px;font:inherit}button,.btn{display:inline-block;background:var(--teal);color:white;border:0;border-radius:12px;padding:13px 19px;font-weight:bold;cursor:pointer;text-decoration:none;margin:6px 5px 6px 0}.secondary{background:var(--coral)}.result{display:none;background:var(--mint);border-radius:12px;padding:16px;margin-top:16px;font-weight:bold}.nav{display:flex;gap:9px;flex-wrap:wrap}.step{padding:14px;border:2px dashed #b9c6c2;border-radius:12px;margin:9px 0;background:#fff}.scale{display:flex;gap:24px;flex-wrap:wrap}.footer{text-align:center;color:var(--muted);padding:25px;font-size:13px}@media(max-width:600px){h1{font-size:27px}.card{padding:18px}}