*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#102d38;color:#17343e;font:15px system-ui,sans-serif}.card{width:min(440px,100%);padding:36px;background:#fff;border-radius:18px;box-shadow:0 20px 80px #0003}.brand{font-size:27px;font-weight:750;letter-spacing:-1px}.brand b{color:#087f78}h1{font-size:24px;margin:30px 0 10px}p{line-height:1.6;color:#6b7d83}label{display:block;margin:18px 0;color:#425f69;font-size:13px}input{display:block;width:100%;font:inherit;padding:12px;margin-top:7px;border:1px solid #cddbdc;border-radius:8px}button{background:#087f78;color:#fff;border:0;border-radius:8px;padding:13px;width:100%;font:inherit;cursor:pointer}button:disabled{opacity:.5}a{color:#087f78}.error{color:#a33520;min-height:22px}small{color:#6b7d83}