*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,sans-serif;background:linear-gradient(140deg,#153b60,#102b46);color:#173d59;display:grid;place-items:center;padding:24px}main{width:min(100%,480px);padding:38px;background:#fff;border-radius:14px;box-shadow:0 22px 70px #00132650;border-top:4px solid #0099ff}main img{max-width:100%;height:auto}.eyebrow{color:#e1262b;letter-spacing:2px;font-size:10px;font-weight:bold;margin-top:22px}h1{font-size:27px;margin:10px 0}p{font-size:14px;line-height:1.6;color:#627d91}label{display:grid;gap:9px;font-size:13px;margin-top:20px}input{padding:13px;border:1px solid #d4e2ed;border-radius:7px;font:inherit}button{margin:10px 0 23px;width:100%;padding:14px;border:0;border-radius:7px;background:#007bc6;color:white;font-weight:bold;cursor:pointer}button:disabled{opacity:.6}a{color:#007bc6;font-size:13px}small{display:block;color:#748b9d;line-height:1.6;margin-top:24px;font-size:11px}#error{color:#b82f37}input:focus{outline:2px solid #0099ff}