:root{font:16px/1.6 system-ui,sans-serif;color:#182d3b;background:#eef3f6}*{box-sizing:border-box}body{margin:0;padding:32px 16px}main{max-width:600px;margin:32px auto;padding:32px;background:white;border-radius:20px;box-shadow:0 12px 40px #17324812}h1{font-size:2rem;line-height:1.2}.brand{font-size:1.4rem;font-weight:750;text-decoration:none}.badge{font-size:.75rem;letter-spacing:.06em;color:#775000;background:#fff1cc;padding:10px;border-radius:8px}a{color:#07516d}nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}button{font:inherit;border:1px solid #b5c6cf;border-radius:8px;padding:10px 14px;cursor:pointer;background:#f1f6f8;color:#173248}button[type=submit]{background:#07516d;color:white;width:100%;margin-top:12px}button:disabled{opacity:.6;cursor:wait}label{display:block;margin:16px 0;font-weight:600}input{display:block;width:100%;min-width:0;padding:12px;border:1px solid #92a7b4;border-radius:8px;font:inherit;margin-top:6px}small,#hint{color:#506574}#notice{overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:3px solid #d99728;outline-offset:3px}@media(max-width:430px){body{padding:12px}main{padding:20px;margin:12px auto}h1{font-size:1.7rem}nav button{flex:1 1 120px}}