body{margin:0;background:#f1f5f8;color:#16364f;font:16px system-ui;min-height:100vh;display:grid;place-items:center}main{width:min(380px,calc(100% - 64px));padding:32px;background:white;border-radius:20px;box-shadow:0 20px 70px #21476818}.brand{color:#21733f;border-bottom:3px solid #eeb900;padding-bottom:22px;font-size:23px;font-weight:750}.brand strong{display:block;color:#225187;font-size:34px}h1{margin-bottom:8px}p,small{color:#526677;line-height:1.6}label{display:block;margin:20px 0 8px}input{box-sizing:border-box;display:block;width:100%;font:inherit;padding:12px;margin-top:7px;border:1px solid #bdcbd5;border-radius:8px}button{width:100%;padding:14px;margin:24px 0 14px;background:#225187;border:0;border-radius:8px;color:white;font:inherit;font-weight:650;cursor:pointer}small{display:block;font-size:12px}[role=alert]{color:#b12525}