:root{font-family:system-ui,sans-serif;color:#192b40;background:#eef2f7}*{box-sizing:border-box}body{margin:0;padding:24px}main{max-width:620px;margin:auto;background:white;padding:30px;border-radius:16px;box-shadow:0 8px 36px #172b4010}h1{font-size:28px;margin-bottom:10px}p{line-height:1.6;color:#43566d}nav a{color:#285dad;text-decoration:none;font-size:14px}form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-weight:600;font-size:14px}input,select{width:100%;padding:12px;border:1px solid #b8c6d5;border-radius:8px;font:inherit;background:white}input:focus,select:focus{outline:2px solid #3980c9;outline-offset:2px}fieldset{border:1px solid #b8c6d5;border-radius:8px;display:grid;gap:12px;padding:16px}[hidden]{display:none!important}.actions{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;padding:12px 18px;border:0;border-radius:8px;color:white;background:#205bb0;cursor:pointer;font-weight:600}.secondary{background:#e7edf5;color:#233f62}button:disabled{opacity:.5;cursor:wait}#check{margin-top:18px}#result{overflow-wrap:anywhere;white-space:pre-line}@media(max-width:600px){body{padding:12px}main{padding:22px}input,select{font-size:16px}}