.login-page{min-height:100vh;justify-content:center;background:var(--background);padding:20px}.login-container,.login-page{display:flex;align-items:center}.login-container{flex-direction:column;width:100%;max-width:450px}.login-logo{text-decoration:none;display:flex;align-items:center;gap:8px;color:var(--font-color);font-size:24px;font-weight:700;letter-spacing:1.5px;margin-bottom:40px;transition:all .3s}.login-logo:hover{opacity:.8}.login-card{width:100%;background:var(--modal-window-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:40px;box-shadow:0 4px 20px rgba(72,72,72,.11)}.login-card h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--font-color);text-align:center}.login-subtitle{margin:0 0 32px;color:var(--nav-color);text-align:center;font-size:15px}.login-card form{gap:20px}.input-group,.login-card form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{font-size:14px;font-weight:500;color:var(--font-color)}.input-group input{padding:14px 16px;border-radius:10px;border:1px solid var(--nav-color);background:transparent;font-family:inherit;font-size:16px;color:var(--font-color);transition:all .3s;width:100%;box-sizing:border-box}.input-group input:focus{outline:none;border-color:var(--blue-font-dark);box-shadow:0 0 0 3px rgba(52,111,187,.1)}.input-group input::placeholder{color:var(--nav-color)}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:50px}.password-toggle{position:absolute;right:14px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.error-text{color:#ef4444;font-size:13px;margin:0}.success-text{color:#22c55e;font-size:14px;text-align:center;margin:0;padding:12px;background:rgba(34,197,94,.1);border-radius:8px}.forgot-password{display:flex;justify-content:flex-end;margin-top:-12px}.forgot-password button{background:transparent;border:none;color:var(--blue-font-dark);font-family:inherit;font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.forgot-password button:hover{color:#5b95e0}.submit-button{width:100%;padding:14px;border-radius:10px;background:var(--blue-font-dark);border:none;color:#fff;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center;min-height:48px}.submit-button:hover{background:#5b95e0}.back-to-login{width:100%;padding:14px;border-radius:10px;background:transparent;border:1px solid var(--nav-color);color:var(--font-color);font-family:inherit;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.back-to-login:hover{border-color:var(--blue-font-dark);color:var(--blue-font-dark)}.login-footer-text{margin-top:24px;color:var(--nav-color);font-size:14px}.login-footer-text a{color:var(--blue-font-dark);text-decoration:none;font-weight:500}.login-footer-text a:hover{text-decoration:underline}@media (max-width:550px){.login-card{padding:30px 24px}.login-card h1{font-size:24px}.login-logo{font-size:20px}}@media (max-width:350px){.login-card{padding:24px 20px}.login-container{padding:0 10px}}