.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}.auth-container{width:100%;max-width:450px}.auth-card{padding:48px;text-align:center}.auth-card h1{margin:0 0 8px;font-size:32px;color:white}.auth-subtitle{color:rgba(255,255,255,.7);margin-bottom:32px;font-size:16px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px;text-align:left}.form-group label{color:rgba(255,255,255,.9);font-size:14px;font-weight:500}.form-group input{padding:12px 16px;font-size:16px;background:rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.2);border-radius:8px;color:white;transition:all .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#00ff88;box-shadow:0 0 20px rgba(0,255,136,.2)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder{color:rgba(255,255,255,.4)}.error-message{padding:12px 16px;background:rgba(255,68,68,.2);border:2px solid rgba(255,68,68,.5);border-radius:8px;color:#ff4444;font-size:14px;text-align:left}.auth-button{width:100%;margin-top:8px}.auth-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{color:rgba(255,255,255,.7);font-size:14px;margin:0}.auth-footer a{color:#00ff88;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-footer a:hover{color:#00cc6a;text-decoration:underline}