.auth-wrapper{min-height:100vh;width:100%;background-color:var(--black, #0a0a0a);display:flex;justify-content:center;align-items:center;padding:20px;font-family:Roboto,sans-serif;position:relative;overflow:hidden}.auth-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,#f5cb5c08,#0000 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.auth-card{width:100%;max-width:420px;background-color:var(--black-2, #141414);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:30px;animation:slideUp .5s ease-out;position:relative;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:10px}.auth-header h1{font-size:2rem;font-weight:800;color:var(--primary, #f5cb5c);margin:0 0 8px;text-transform:uppercase;letter-spacing:2px}.auth-subtitle{font-size:.9rem;color:#888}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px;position:relative}.input-group label{font-size:.8rem;font-weight:600;color:#aaa;margin-left:4px;text-transform:uppercase}.auth-input{width:100%;padding:14px 16px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--white, #fff);font-size:1rem;transition:all .3s ease;outline:none}.auth-input:focus{background-color:#ffffff0d;border-color:var(--primary, #f5cb5c);box-shadow:0 0 0 4px #f5cb5c1a}.auth-input::placeholder{color:#444}.auth-btn{margin-top:10px;width:100%;padding:14px;background-color:var(--primary, #f5cb5c);color:#000;font-weight:700;font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center;gap:8px;text-transform:uppercase}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #f5cb5c4d}.auth-btn:disabled{opacity:.7;cursor:not-allowed;background-color:#555}.error-msg{background:#ff4d4f1a;border:1px solid rgba(255,77,79,.3);color:#ff4d4f;padding:10px;border-radius:8px;font-size:.9rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.auth-footer{text-align:center;margin-top:10px;font-size:.9rem;color:#666}.auth-link{color:var(--primary, #f5cb5c);text-decoration:none;font-weight:600;margin-left:5px;transition:opacity .2s}.auth-link:hover{opacity:.8;text-decoration:underline}.flex-center{display:flex;align-items:center;justify-content:center;gap:8px}.input-icon-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#666}.input-with-icon{padding-left:45px}