*{box-sizing:border-box}body{color:#1f2937;background:#f3f4f6;margin:0;font-family:system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:12px;padding:18px 6%;display:flex}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;max-width:1100px;margin:auto;padding:60px 6%;display:grid}.hero img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:#cbd5e1;width:100%}.eyebrow{letter-spacing:2px;color:var(--accent);font-size:12px;font-weight:700}h1{color:var(--accent);margin:12px 0;font-size:clamp(32px,5vw,56px);line-height:1.2}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;margin-top:12px;padding:14px 24px;font-size:17px;font-weight:700;display:inline-block}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.6}.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #3b82f6}main,.contact{max-width:800px;margin:auto;padding:30px 6%}.card{border-radius:var(--radius);background:#fff;border:1px solid #e5e7eb;gap:10px;margin:0 0 20px;padding:22px;display:grid}legend{color:var(--accent);padding:0 6px;font-weight:700}input:not([type=radio]),textarea{font:inherit;border:2px solid #cbd5e1;border-radius:8px;width:100%;padding:12px}.opt{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.opt.sel{background:#e0f2fe;border-color:#3b82f6;font-weight:600}.opt input{transform:scale(1.3)}.bar{background:#e5e7eb;border-radius:8px;height:12px;overflow:hidden}.bar i{background:#3b82f6;height:100%;transition:width .3s;display:block}.err{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:10px;font-weight:700}.result{text-align:center;background:#f0fdf4;border-color:#bbf7d0}.score{color:var(--accent);margin:0;font-size:40px;font-weight:800}.badge{background:var(--accent);color:#fff;border-radius:50px;justify-self:center;padding:10px 22px;font-weight:700}form{gap:14px;display:grid}label{gap:6px;display:grid}footer{text-align:center;color:#6b7280;padding:30px}@media (width<=700px){.hero{grid-template-columns:1fr;padding-top:30px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}