.auth-bg{background:linear-gradient(135deg,#ec48994d 0%,#8b5cf64d 50%,#0ea5e933 100%) 0 0/300% 300%,url(https://images.unsplash.com/photo-1542831371-29b0f74f9713?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80) 50%/cover;justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes authBgShift{0%{background-position:0%,50%}50%{background-position:100%,50%}to{background-position:0%,50%}}.auth-wrapper{width:100%;max-width:490px;padding:20px;animation:.6s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-card{-webkit-backdrop-filter:blur(28px);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:28px;padding:42px;box-shadow:0 20px 60px #8b5cf633,0 4px 20px #ec48991f}.auth-brand{text-align:center;margin-bottom:30px}.auth-brand .brand-v{background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:"Baloo 2",sans-serif;font-size:2.2rem;font-weight:800;display:block}.auth-brand p{color:#64748b;margin-top:6px;font-size:.9rem;font-weight:600}.auth-toggle{background:#f1f3f5;border:1px solid #e9ecef;border-radius:14px;gap:4px;margin-bottom:28px;padding:5px;display:flex}.toggle-btn{color:#64748b;background:0 0;border-radius:10px;flex:1;padding:10px;font-size:.95rem;font-weight:800;transition:all .3s}.toggle-btn.active{color:#ec4899;background:#fff;box-shadow:0 4px 12px #0000000f}.auth-form{animation:.3s fadeInUp;display:none}.active-form{display:block}.input-group{margin-bottom:18px;position:relative}.input-group i{color:#94a3b8;pointer-events:none;font-size:.95rem;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group input{color:#1e293b;background:#f8fafc;border:2px solid #e9ecef;border-radius:14px;width:100%;padding:14px 16px 14px 46px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .25s}.input-group input:focus{background:#fff;border-color:#ec4899;outline:none;box-shadow:0 0 0 4px #ec48991a}.input-group input:focus~i,.input-group:focus-within i{color:#ec4899}.auth-options{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.92rem;font-weight:600;display:flex}.checkbox-container{cursor:pointer;align-items:center;gap:6px;display:flex}.forgot-pwd{color:#8b5cf6;font-weight:700;text-decoration:none}.forgot-pwd:hover{text-decoration:underline}.auth-submit{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:24px;padding:15px;font-family:inherit;font-size:1.05rem;font-weight:800;transition:all .25s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);box-shadow:0 6px 20px #ec489952}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ec48996b}.btn-secondary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#0ea5e9);box-shadow:0 6px 20px #8b5cf647}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #8b5cf661}.social-login{text-align:center;border-top:1px solid #e9ecef;padding-top:24px}.social-login p{color:#64748b;margin-bottom:16px;font-size:.87rem;font-weight:700}.social-btns{justify-content:center;gap:14px;display:flex}.social-btn{color:#1e293b;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:all .25s;display:flex}.social-btn:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.social-btn.google:hover{color:#db4437;background:#db44370d;border-color:#db4437}.social-btn.discord:hover{color:#5865f2;background:#5865f20d;border-color:#5865f2}.social-btn.twitter:hover{color:#1da1f2;background:#1da1f20d;border-color:#1da1f2}.auth-role-select{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.role-option input{display:none}.role-box{text-align:center;cursor:pointer;color:#1e293b;background:#fff;border:2px solid #e9ecef;border-radius:18px;padding:16px 12px;transition:all .3s}.role-box i{margin-bottom:8px;font-size:1.6rem;display:block}.role-box span{font-size:.95rem;font-weight:800}.role-option input:checked+.role-box{color:#ec4899;background:linear-gradient(135deg,#ec489912,#8b5cf60d);border-color:#ec4899;transform:translateY(-2px);box-shadow:0 4px 18px #ec48992e}.security-notice{color:#166534;background:#f0fdf4;border:1px dashed #4ade80;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:12px 14px;font-size:.84rem;font-weight:600;line-height:1.5;display:flex}.highlight-gold{color:#eab308}.full-width{width:100%}