:root{font-family:Inter,system-ui,Arial,sans-serif;color:#17212f;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:24px 16px}header{margin-bottom:26px}h1{margin-bottom:4px}header p,.hint{color:#637185}.card{background:#fff;border:1px solid #e2e7ef;border-radius:16px;padding:24px;margin:18px 0;box-shadow:0 3px 12px #18253b0a}h2{margin-top:0}label{display:block;font-size:14px;font-weight:600;margin:12px 0}input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 16px}button{background:#1769d2;color:#fff;border:0;border-radius:9px;padding:13px 20px;font-weight:700;cursor:pointer;margin-top:12px}.results{padding:16px;background:#edf6ff;border-radius:10px;margin-top:18px}.error{color:#a11}.hint{font-size:13px;line-height:1.5}