.login { border-radius: 10px;display: flex;padding: 20px;width: 90%;max-width: 400px;text-align: center;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);flex-direction: column;justify-content: space-evenly;}
.login-header { margin-bottom: 40px;display: flex;flex-direction: column;}
.login-header h3 { font-size:36px;margin-bottom:10px;}
.login-header p{font-size:14px;max-width:70%;align-self:center;color:#6c757d;margin-bottom:20px}
form label{ display:block;margin-bottom:5px;text-align:right}
.login form { display:flex;flex-direction:column;gap:10px}
.login form a{ align-self:start;font-size:12px;margin:0}
button[type="submit"] { width: 100%;padding: 10px;background-color: #007bff;border: none;border-radius: 5px;color: #fff;font-size: 16px;cursor: pointer;margin-top: 20px;}
.pass-view { position:relative}
.pass-view input[type="text"] {width:100%}
.pass-view span { position:absolute;left:10px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:1}
button[type="submit"]:hover { background-color:#0056b3}
.forgot-password { font-size:14px;color:#007bff;margin-top:10px;display:block}