:root{font-family:system-ui,sans-serif;color:#153e60;background:#edf5fa}body{margin:0;padding:32px 16px}main{max-width:440px;margin:5vh auto;padding:32px;background:#fff;border:1px solid #d2e2ed;border-radius:16px}.brand{font-weight:700;color:#136ea1}h1{font-size:1.8rem;line-height:1.2}p{line-height:1.6}label{display:block;margin-top:20px}input{box-sizing:border-box;width:100%;padding:12px;margin-top:8px;border:1px solid #b9d1e0;border-radius:6px;font:inherit}button{margin-top:24px;background:#1475aa;color:#fff;border:0;padding:14px 20px;border-radius:6px;font:inherit;cursor:pointer}a{color:#126d9f}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #55a7d0;outline-offset:3px}@media(max-width:480px){main{padding:24px;margin:12px auto}}