:root{--ink:#12202f;--accent:#176b87;--soft:#eef7f8}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 system-ui,sans-serif;background:#fafcfd}footer,header,main{max-width:980px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;font-weight:700}a,header a{color:var(--accent)}.hero{padding:48px 24px;background:linear-gradient(135deg,var(--soft),#fff);border-radius:24px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.card{background:#fff;padding:24px;margin:24px 0;border:1px solid #dbe7ea;border-radius:18px;box-shadow:0 8px 30px #173b4a0b}.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:14px;gap:14px}label{display:grid;grid-gap:6px;gap:6px;font-weight:650}input,select{border:1px solid #9fb6bf;font:inherit}.check,input,select{padding:12px;border-radius:10px}.check{display:flex;align-items:center;background:var(--soft)}.check input{width:20px;height:20px}.result{margin-top:20px;padding:16px;background:#102c3a;color:#eafaff;border-radius:14px;overflow:auto}.result pre{white-space:pre-wrap}.guide{display:grid;grid-gap:6px;gap:6px;text-decoration:none;background:#fff;border:1px solid #dbe7ea;padding:16px;border-radius:14px}.guide span{color:#475e68}footer{border-top:1px solid #dbe7ea;margin-top:40px}@media(max-width:600px){main{padding:12px}.hero{padding:28px 18px}}