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