.customer-login{background:radial-gradient(62% 48% at 50% 0,#a7e3ff29,#0000 70%),radial-gradient(72% 60% at 50% 100%,#d6f5c64d,#0000 72%);position:relative}body:has(.store-header) .customer-login .auth-card{background:var(--surface);width:min(440px,100%);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:44px 40px 40px;position:relative;overflow:hidden}body:has(.store-header) .customer-login .auth-card:before{content:"";background:var(--brand-spectrum);height:5px;position:absolute;top:0;left:0;right:0}.customer-login .auth-panel{margin:0}.customer-login .login-head{text-align:center;margin-bottom:28px}.customer-login .login-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--eros-green-deep);margin-bottom:10px;font-size:.72rem;font-weight:800;display:block}.customer-login .auth-card .login-heading{color:var(--ink);letter-spacing:-.01em;margin:0;font-family:Poppins,Nunito,sans-serif;font-weight:700;font-size:1.7rem!important}.customer-login .login-sub{max-width:34ch;color:var(--ink-soft);margin:8px auto 0;font-size:.9rem}.customer-login .form-stack{gap:14px}.customer-login .form-stack label{color:var(--ink)}.customer-login .form-stack .login-field{border:1.5px solid var(--line);border-radius:var(--r-pill);box-shadow:none;background:#fff;flex-direction:row;align-items:center;gap:12px;padding:2px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.customer-login .login-field svg{color:var(--eros-green-deep);flex-shrink:0}.customer-login .form-stack input:not([type=checkbox]){border:1.5px solid var(--line);border-radius:var(--r-md);width:100%;min-width:0;min-height:48px;color:var(--ink);box-shadow:none;background:#fff;padding:12px 14px;font-size:1rem}.customer-login .form-stack .login-field input{min-height:50px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:12px 0}.customer-login input::placeholder{color:var(--ink-soft);opacity:1}.customer-login .form-stack input:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0a7d4124}.customer-login .login-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #0a7d4124}.customer-login .login-field input:focus-visible{box-shadow:none;outline:none}.customer-login .login-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.customer-login .login-actions{gap:12px;margin-top:22px;display:flex}.customer-login .login-actions>button{flex:1}.customer-login .login-actions button[type=button]{color:var(--eros-green-deep);border:1.5px solid var(--primary);box-shadow:none;background:#fff}.customer-login .login-recovery{width:fit-content;color:var(--ink-soft);text-align:center;background:0 0;border:0;margin:16px auto 0;padding:6px 4px;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s;display:block}.customer-login .login-recovery:hover{color:var(--eros-green-deep)}.customer-login .login-back{width:100%;min-height:48px;color:var(--eros-green-deep);border:1.5px solid var(--line);border-radius:var(--r-pill);background:#fff;justify-content:center;align-items:center;margin-top:14px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:background-color .2s;display:flex}.customer-login .form-note{color:var(--ink-soft)}.customer-login .error-message{color:#a3261c;background:#fff1ee;border:1px solid #f6cbc3}.customer-login .success-banner{color:var(--eros-green-deep);background:var(--mint-soft);border:1px solid #bfe6b7}.customer-login button:disabled{opacity:.6;cursor:wait}@media (hover:hover){.customer-login .login-actions button[type=button]:hover:not(:disabled),.customer-login .login-back:hover:not(:disabled){background:var(--mint-soft)}}@media (max-width:700px){body:has(.store-header) .customer-login .auth-card{padding:36px 22px 28px}.customer-login .login-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.customer-login .login-field,.customer-login .form-stack input,.customer-login :is(.button,.login-recovery,.login-back){transition:none}}