:root{--navy:#102a52;--teal:#08786e;--cream:#faf9f4;--muted:#5e738f;--line:#dce5e8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font:16px/1.55 Inter,system-ui,sans-serif}.wrap{max-width:900px;margin:auto;padding:52px 24px 80px}.card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:30px;box-shadow:0 18px 40px #102a5210}.eyebrow{margin:0;color:var(--teal);font-size:12px;font-weight:850;letter-spacing:.14em}h1{margin:8px 0;font-size:clamp(32px,5vw,48px);line-height:1.1}.muted{color:var(--muted)}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:25px}.field{display:grid;gap:6px;font-size:14px;font-weight:750}.field input,.field select{border:1px solid #cbdade;border-radius:10px;padding:11px;color:var(--navy);font:inherit}.field input:focus,.field select:focus{outline:3px solid #08786e55;border-color:var(--teal)}.btn{margin-top:22px;border:0;border-radius:10px;background:var(--teal);padding:12px 17px;color:#fff;font:800 14px system-ui;cursor:pointer}.result{margin-top:22px;border-radius:14px;background:#e7f6f1;padding:17px;color:#174c48}.result[hidden]{display:none}@media(max-width:600px){.wrap{padding:36px 16px}.card{padding:22px}.fields{grid-template-columns:1fr}}