*{box-sizing:border-box}body{margin:0;background:#f2f5f8;color:#193146;font:16px system-ui,sans-serif}main{max-width:620px;margin:45px auto;padding:30px;background:white;border:1px solid #d5e2e9;border-radius:18px}h1{margin:12px 0}p,small{line-height:1.6;color:#607a8b}label{display:block;margin:16px 0 6px;font-weight:600}input,select,button{font:inherit;width:100%;padding:12px;border:1px solid #c8dae4;border-radius:9px}button{margin-top:22px;background:#176d85;color:white;border:0;cursor:pointer}button:disabled{opacity:.6}small{display:block;margin-top:8px}.error{color:#b33243}.success{color:#187354}a{color:#176d85}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}[hidden]{display:none!important}.note{background:#eef6fa;padding:12px;border-radius:9px}@media(max-width:600px){main{margin:16px;padding:22px}.grid{grid-template-columns:1fr}}