*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#eef2f5;color:#17202a;font-family:Arial,sans-serif}.card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid #dfe5ea;border-radius:14px;padding:30px;box-shadow:0 14px 40px rgba(20,35,50,.10)}h1{margin:0 0 6px;font-size:27px}.sub{margin:0 0 24px;color:#64717d}label{display:block;margin:16px 0 7px;font-size:14px;font-weight:700}input{width:100%;padding:12px 13px;border:1px solid #bcc7d1;border-radius:8px;font-size:16px}input:focus{outline:2px solid #8db7df;outline-offset:1px;border-color:#477fab}button{width:100%;margin-top:22px;padding:12px 16px;border:0;border-radius:8px;background:#17202a;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.error{margin:0 0 16px;padding:11px 13px;border-radius:8px;background:#fff1f0;color:#a61b12;border:1px solid #f2c6c2;font-size:14px}.note{margin-top:18px;color:#7b8794;font-size:12px;line-height:1.45}