*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#e7f1ef,#f9f7f0);color:#123a53;font-family:Inter,system-ui,sans-serif}main{min-height:100vh;display:grid;place-items:center;padding:80px 20px;position:relative}.brand{position:absolute;top:30px;left:5vw;display:flex;gap:9px;align-items:center;text-decoration:none;color:#0a3554;font-family:Georgia,serif}.brand span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#0a3554;color:#fff}.brand b{font-size:1.1rem}form{width:min(440px,100%);display:grid;gap:14px;background:#fff;border:1px solid #d6e3e3;border-radius:17px;padding:35px;box-shadow:0 25px 70px #16445c18}.kicker{text-transform:uppercase;letter-spacing:.18em;color:#df725e;font-size:.67rem;font-weight:900}h1{font:500 3rem/1 Georgia,serif;margin:7px 0;color:#0a3554}p{color:#687f8d;margin:0 0 8px}label{display:grid;gap:6px;color:#4c6777;font-size:.76rem;font-weight:700}input{border:1px solid #c9d8dd;border-radius:8px;padding:12px;font:inherit}button{border:0;border-radius:99px;padding:13px;background:#0a3554;color:#fff;font:inherit;font-weight:800;cursor:pointer}form>a{text-align:center;color:#14718f;font-size:.76rem;text-decoration:none}.error{background:#fff0f1;color:#a63040;border-radius:7px;padding:11px;font-size:.78rem}.demo{display:grid;gap:4px;background:#edf6f5;padding:11px;border-radius:8px;font-size:.71rem;color:#4d6b78}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden;opacity:0}.success{background:#eaf7f0;color:#1f6b45;border-radius:7px;padding:11px;font-size:.78rem}