.auth-page{min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e);display:flex;justify-content:center;align-items:center;padding:20px}.auth-container{background-color:#2a2a3e;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:48px;display:block;margin-bottom:16px}.auth-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#ff6b9d,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{font-size:16px;color:#b8b8c8}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#fff;font-size:14px;font-weight:500}.form-group input{background-color:#1a1a2e;border:2px solid #3a3a4e;border-radius:8px;padding:12px 16px;color:#fff;font-size:16px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#ff6b9d}.form-group input::placeholder{color:#8a8a9a}.error-message{background-color:hsla(0,83%,73%,.2);border:1px solid #f38181;color:#f38181;padding:12px;border-radius:8px;font-size:14px}.btn-full{width:100%;margin-top:8px}.auth-footer{text-align:center;margin-top:24px;color:#b8b8c8;font-size:14px}.auth-link{color:#ff6b9d;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-link:hover{color:#e55a8a}@media (max-width:480px){.auth-container{padding:32px 24px}.auth-title{font-size:28px}}