*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f7f5;color:#294a3b;font:16px system-ui,sans-serif;padding:24px}.account-card{background:#fff;border:1px solid #dbe6df;border-radius:18px;padding:36px;width:100%;max-width:440px;box-shadow:0 12px 40px #294a3b0a}.account-brand{font-size:22px;font-weight:700;margin-bottom:32px}.account-brand span{font-weight:400;color:#7c8f85}h1{font-size:25px;margin-bottom:8px}p{line-height:1.5;color:#63796c}form{display:grid;gap:18px;margin:28px 0}label{display:grid;gap:8px;font-size:14px;font-weight:600}input{font:inherit;padding:12px;border:1px solid #cddcd2;border-radius:8px;width:100%}input:focus{outline:2px solid #3a8c71;outline-offset:2px}button{font:inherit;font-weight:600;background:#28765f;color:white;border:0;border-radius:8px;padding:13px;cursor:pointer}a{color:#28765f}small{color:#63796c}.account-error{background:#fff0ec;color:#963b25;padding:12px;border-radius:8px}

button:disabled{opacity:.55;cursor:not-allowed}