:root{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#263b3b;background:#f6f9f8}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px}
main{width:min(100%,560px);background:white;border:1px solid #e0e8e6;border-radius:18px;padding:clamp(24px,6vw,42px);box-shadow:0 12px 36px #173b3020}
h1{font-size:1.65rem;margin:0 0 10px}h2{font-size:1.15rem}p{line-height:1.75;color:#516565}
a.button,button{display:inline-block;background:#168b6d;color:white;text-decoration:none;border:0;border-radius:10px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}
a.button:hover,button:hover{background:#0d7057}input,select{width:100%;font:inherit;padding:11px;border:1px solid #b9c9c4;border-radius:8px;margin:6px 0 16px}
label{font-weight:650;display:block}.muted{color:#6b7e7b;font-size:.9rem}.error{color:#b03434}.result{overflow-wrap:anywhere;background:#eff7f3;padding:14px;border-radius:8px}