:root{font-family:system-ui,sans-serif;color:#173042;background:#eef3f7;font-size:16px}*{box-sizing:border-box}body{margin:0;padding:32px 16px}main{max-width:780px;margin:auto}header{text-align:center}header img{max-width:220px;max-height:90px}header p{color:#4b6375}section{background:white;border-radius:16px;padding:28px;margin:20px 0;box-shadow:0 5px 24px #1730420a}section section{box-shadow:none;border:1px solid #dce6ed}h1{font-size:1.6rem}h2{font-size:1.25rem}label{display:block;margin:20px 0 12px;font-weight:600}input{display:block;width:100%;margin-top:8px;border:1px solid #a9bdca;border-radius:8px;padding:12px;font:inherit}button{padding:12px 18px;border:0;border-radius:8px;background:#14647d;color:white;font:inherit;cursor:pointer;margin:8px 8px 0 0}button:disabled{opacity:.6}small{display:block;font-weight:400;margin-top:8px;color:#4b6375}.check{display:flex;align-items:center;gap:12px}.check input{width:auto;margin:0}.notice,#message{padding:12px 16px;border-radius:8px;background:#fff1cb;line-height:1.5}#message:empty{display:none}[hidden]{display:none!important}@media(max-width:480px){body{padding:16px 10px}section{padding:20px}}