*{box-sizing:border-box}html,body{height:100vh;margin:0;overflow-x:hidden}body{background:#f0f3f7;justify-content:center;align-items:center;font-family:Arial,sans-serif;display:flex}main{background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:min(90vw,420px);max-height:500px;padding:35px;display:flex;box-shadow:0 10px 30px #00000014}.app{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}form{flex-direction:column;gap:20px;width:90%;display:flex}h1{text-align:center;color:#1e293b;margin-bottom:10px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#64748b;font-size:14px;font-weight:600}.form-control{border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:14px;font-size:15px;transition:all .2s}.form-control:focus{border-color:#1e3a8a;outline:none;box-shadow:0 0 0 2px #1e3a8a14}.form-group button{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:14px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.form-group button:hover{background:#172554;transform:translateY(-2px)}a{text-decoration:none}