:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#203549;background:#f3f6f8;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{padding:24px max(24px,calc((100% - 800px)/2));background:#153b4a;color:white}header a{color:inherit;text-decoration:none;font-size:28px;font-weight:750}header span{display:block;font-size:13px;font-weight:400;color:#c7dde4}main{max-width:800px;margin:40px auto;padding:0 24px}h1{font-size:clamp(26px,5vw,36px);line-height:1.2;margin:0 0 20px}form,.result{background:white;border:1px solid #d5e0e5;border-radius:16px;padding:28px;margin:28px 0;box-shadow:0 6px 24px #193e4908}label{display:block;font-weight:650;margin-bottom:10px}input{display:block;width:100%;font:inherit;padding:14px;border:1px solid #8599a2;border-radius:8px;margin-bottom:18px;min-width:0}button{background:#126c73;color:white;border:0;border-radius:8px;padding:13px 22px;font:inherit;font-weight:650;cursor:pointer}a{color:#126c73}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e49a29;outline-offset:3px}.status{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.valid{border-top:5px solid #23774b}.valid .status{color:#23774b}.invalid{border-top:5px solid #a13b31}dl{margin:24px 0 0}dl div{border-top:1px solid #e3e9ec;padding:14px 0}dt{font-size:13px;color:#526875}dd{margin:3px 0 0;font-weight:550;overflow-wrap:anywhere}footer{max-width:800px;margin:40px auto;padding:0 24px;font-size:13px;color:#526875}@media(max-width:480px){main{margin-top:28px}.result,form{padding:20px}button{width:100%}}