*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#202d3a;font:18px/1.7 Arial,sans-serif}.wrap{width:min(1080px,92%);margin:auto}header{background:#fff;border-bottom:1px solid #d9e1ea}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0}.brand{font-size:1.5rem;font-weight:800;color:#214f7a;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:#25669e;text-decoration:none}.hero{text-align:center;padding:52px 0 30px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:#637485}.hero h1{font-size:clamp(2.3rem,6vw,3.7rem);line-height:1.1;margin:5px 0 15px;color:#183f64}.lead{font-size:1.17rem;max-width:820px;margin:auto}.card,.content{background:#fff;border:1px solid #d9e1ea;border-radius:14px;padding:30px;margin-bottom:27px;box-shadow:0 7px 22px rgba(25,55,85,.05)}h2{color:#183f64;margin-top:0}h3{color:#214f7a}.cols,.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.cols>div{background:#f8fafc;border:1px solid #dce5ed;border-radius:10px;padding:18px}label{display:block;font-weight:700;margin-bottom:13px}input{width:100%;padding:13px;margin-top:7px;border:1px solid #aebbc8;border-radius:8px;font:inherit}button{width:100%;padding:14px;margin-top:20px;border:0;border-radius:8px;background:#25669e;color:#fff;font-size:1rem;font-weight:800;cursor:pointer}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.results div{background:#f6f9fc;border:1px solid #dce5ed;border-radius:9px;padding:16px}.results span{display:block;color:#637485;font-size:.9rem}.results strong{font-size:1.22rem;color:#183f64}.note{font-size:.9rem;color:#637485}.error{color:#a32323;font-weight:bold}.back{display:inline-block;margin-top:23px;padding:11px 18px;border-radius:8px;background:#25669e;color:#fff;font-weight:800}.back:hover{text-decoration:none}footer{background:#183f64;color:#eaf2f9;text-align:center;padding:30px 0;margin-top:40px;font-size:.94rem}footer a{color:#fff}.creator{font-weight:800;color:#fff;font-size:1rem}@media(max-width:760px){body{font-size:17px}.top{flex-direction:column;align-items:flex-start}.cols,.grid,.results{grid-template-columns:1fr}.card,.content{padding:21px}}