*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071b2b,#164e63);font:17px system-ui;color:#17354b}main{width:min(440px,90vw);padding:40px;border-radius:24px;background:#fff;box-shadow:0 30px 80px #0005}h1{color:#087f8c;margin:0;font-size:34px}p{line-height:1.8}label{display:block;margin:22px 0 8px}input{display:block;width:100%;padding:13px;border:1px solid #bcccd5;border-radius:8px;margin-top:8px;font:inherit}button{width:100%;padding:15px;background:#087f8c;color:#fff;border:0;border-radius:8px;font:inherit;cursor:pointer}#error{color:#a32020;font-size:14px}