.auth-page{background:#0d1117;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.auth-bg-glow{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite authGlowFloat;position:absolute}.auth-bg-glow-1{background:#6c5ce7;width:400px;height:400px;top:-100px;left:-100px}.auth-bg-glow-2{background:#0ea5e9;width:350px;height:350px;animation-delay:2s;bottom:-80px;right:-80px}.auth-bg-glow-3{background:#e84393;width:300px;height:300px;animation-delay:4s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes authGlowFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.95)}}.auth-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-particle{background:#6c5ce74d;border-radius:50%;width:4px;height:4px;animation:12s ease-in-out infinite authParticleFloat;position:absolute}.auth-particle-1{animation-delay:0s;top:10%;left:10%}.auth-particle-2{background:#0ea5e94d;animation-delay:1s;top:20%;left:80%}.auth-particle-3{animation-delay:2s;top:60%;left:20%}.auth-particle-4{background:#e843934d;animation-delay:3s;top:70%;left:70%}.auth-particle-5{animation-delay:4s;top:40%;left:50%}.auth-particle-6{background:#0ea5e94d;animation-delay:5s;top:80%;left:40%}.auth-particle-7{animation-delay:6s;top:30%;left:90%}.auth-particle-8{background:#e843934d;animation-delay:7s;top:90%;left:60%}@keyframes authParticleFloat{0%,to{opacity:0;transform:translate(0)}10%{opacity:1}50%{opacity:.6;transform:translate(30px,-40px)}90%{opacity:1}}.auth-lines{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-line{background:linear-gradient(#0000,#6c5ce70f,#0000);width:1px;height:100%;position:absolute}.auth-line-1{left:20%}.auth-line-2{left:50%}.auth-line-3{left:80%}.auth-container{z-index:1;align-items:center;gap:60px;width:100%;max-width:1000px;display:flex;position:relative}@media (max-width:768px){.auth-container{flex-direction:column;gap:40px}.auth-branding{text-align:center}.auth-branding-stats{justify-content:center}}.auth-branding{flex:1}.auth-branding-title{color:#fff;margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.1}.auth-branding-gradient{background:linear-gradient(135deg,#6c5ce7,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-branding-desc{color:#ffffff80;margin-bottom:32px;font-size:1rem;line-height:1.6}.auth-branding-stats{flex-direction:column;gap:16px;display:flex}.auth-branding-stat{align-items:center;gap:12px;display:flex}.auth-branding-stat-icon{color:#a29bfe;background:#6c5ce71f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.auth-branding-stat-value{color:#fff;font-size:.875rem;font-weight:600}.auth-branding-stat-label{color:#fff6;font-size:.75rem}.auth-card{width:100%;max-width:420px}.auth-card-inner{background:#161b22;border:1px solid #ffffff14;border-radius:24px;padding:32px}.auth-social{margin-bottom:24px}.auth-social-btn{cursor:pointer;color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 24px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.auth-social-btn:hover{background:#ffffff14;border-color:#fff3}.auth-social-btn.google:hover{background:#4285f414;border-color:#4285f4}.auth-divider{align-items:center;gap:16px;margin-bottom:24px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.auth-divider span{color:#ffffff4d;letter-spacing:.05em;font-size:.75rem;font-weight:600}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.8125rem;display:flex}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-label{color:#fff6;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.auth-input-wrapper{position:relative}.auth-input{color:#fff;background:#0d1117;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:.875rem;transition:all .2s}.auth-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce726}.auth-input::placeholder{color:#fff3}.auth-input-glow{pointer-events:none;opacity:0;border-radius:12px;transition:opacity .2s;position:absolute;inset:0}.auth-input:focus~.auth-input-glow{opacity:1;box-shadow:0 0 20px #6c5ce71a}.auth-password-toggle{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-password-toggle:hover{color:#fff9}.auth-options{justify-content:space-between;align-items:center;display:flex}.auth-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.auth-checkbox{display:none}.auth-checkbox-custom{color:#0000;border:1px solid #ffffff26;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.auth-checkbox:checked~.auth-checkbox-custom{color:#fff;background:#6c5ce7;border-color:#6c5ce7}.auth-checkbox-text{color:#ffffff80;font-size:.8125rem}.auth-forgot-link{color:#6c5ce7;font-size:.8125rem;text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:#a29bfe}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#0ea5e9);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.auth-submit:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 20px #6c5ce74d}.auth-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-register{text-align:center;color:#fff6;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:24px;font-size:.875rem}.auth-register-link{color:#6c5ce7;margin-left:4px;font-weight:600;text-decoration:none;transition:color .2s}.auth-register-link:hover{color:#a29bfe}