.split-container{width:100%;height:100vh;display:flex}.login-visual{color:#fff;background:linear-gradient(-45deg,#4a00e0,#8e2de2,#b06afe,#682ae9) 0 0/400% 400%;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;animation:15s infinite gradientBG;display:flex;position:relative;overflow:hidden}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-visual:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:150%;height:150%;position:absolute;top:-25%;left:-25%}.visual-content-login{z-index:10;justify-content:center;align-items:center;width:100%;max-width:500px;height:400px;display:flex;position:relative}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff6;border-radius:24px;width:280px;padding:25px;animation:6s ease-in-out infinite float-main;position:absolute;box-shadow:0 25px 50px #00000026}.earning-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.user-pill{background:#0003;border-radius:20px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:.75rem;font-weight:500;display:flex}.earning-label{opacity:.8;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:.8rem}.earning-value{margin-bottom:5px;font-size:2.5rem;font-weight:700;line-height:1}.earning-sub{color:#a7f3d0;margin-bottom:15px;font-size:.85rem;font-weight:500}.chart-line{filter:drop-shadow(0 4px 6px #0000001a);width:100%;height:50px}.float-question{color:var(--text-dark);background:#fff;border:1px solid #fffc;border-radius:16px;align-items:center;gap:12px;width:250px;padding:15px;animation:7s ease-in-out infinite float-delayed;display:flex;position:absolute;top:-50px;right:-30px;box-shadow:0 20px 40px #0003}.float-payout{color:#047857;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:600;animation:8s ease-in-out infinite float-reverse;display:flex;position:absolute;bottom:-30px;left:-30px;box-shadow:0 15px 35px #0000001a}.icon-circle{color:#059669;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.avatar-sm{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px}@keyframes float-main{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes float-reverse{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.brand-text{text-align:center;z-index:10;margin-top:50px;position:relative}.brand-text h1{letter-spacing:-1px;margin-bottom:12px;font-size:2.8rem;font-weight:800}.brand-text p{opacity:.9;max-width:400px;font-size:1.1rem;font-weight:400;line-height:1.6}.login-form-container{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.login-box{opacity:0;width:100%;max-width:420px;margin-top:60px;animation:.8s ease-out .2s forwards fadeInUp;transform:translateY(20px)}.logo-mobile{margin-bottom:30px;display:none}.logo-mobile img{height:40px}.form-title{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:10px;font-size:2rem;font-weight:700}.form-subtitle{color:var(--text-light);margin-bottom:35px;font-size:1rem}.input-group{margin-bottom:20px;position:relative}.input-group label{color:var(--text-dark);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.input-wrapper{position:relative}.input-icon{color:#9ca3af;pointer-events:none;width:20px;height:20px;transition:all .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-field{width:100%;color:var(--text-dark);box-sizing:border-box;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;outline:none;padding:14px 20px 14px 48px;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--brand-primary);background:#fff;box-shadow:0 4px 12px #8e2de20d}.input-field:focus~.input-icon{color:var(--brand-primary)}.input-field.input-error{background:#fef2f2;border-color:#ef4444}.input-field:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ef4444;margin-top:6px;font-size:.85rem;font-weight:500}.general-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500}.form-options{justify-content:space-between;align-items:center;margin-bottom:30px;font-size:.9rem;display:flex}.forgot-link{color:var(--brand-primary);font-weight:600;text-decoration:none;transition:all .2s}.forgot-link:hover{color:var(--brand-secondary);text-decoration:underline}.btn-login{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 20px #682ae933}.btn-login:hover{transform:translateY(-2px);box-shadow:0 15px 30px #682ae94d}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signup-text{text-align:center;color:var(--text-light);margin-top:30px;font-size:.95rem}.signup-link{color:var(--brand-primary);font-weight:700;text-decoration:none}.signup-link:hover{text-decoration:underline}.back-home{color:var(--text-light);z-index:20;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:40px;left:40px}.back-home:hover{color:var(--brand-primary);background:#f9f5ff}@media (max-width:900px){.login-visual{display:none}.logo-mobile{text-align:center;display:block}.logo-mobile img{display:inline-block}.login-form-container{width:100%}.login-box{margin-top:0}.back-home{top:20px;left:20px}}