*{box-sizing:border-box}body{margin:0;background:#edf3f1;color:#12372c;font:16px system-ui,sans-serif}
main{max-width:480px;margin:7vh auto;padding:36px;background:white;border:1px solid #dbe5df;border-radius:20px}
.brand{font-size:23px;font-weight:800;letter-spacing:2px}h1{font-size:32px;margin:22px 0 8px}p{line-height:1.65}
.muted,footer{color:#60766e;font-size:14px}label{display:block;margin:20px 0 8px;font-weight:600}
input{width:100%;padding:13px;border:1px solid #b8cbc2;border-radius:8px;font:inherit}
button{width:100%;padding:14px;margin-top:24px;background:#087351;color:#fff;border:0;border-radius:8px;font:inherit;font-weight:650;cursor:pointer}
.notice{background:#eff7f2;border-left:4px solid #087351;padding:14px}.error{color:#9b2525;background:#fff2f2;padding:12px}
ul{padding-left:22px}li{padding:7px 0}footer{margin-top:28px}@media(max-width:550px){main{margin:24px 14px;padding:24px}}