@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-right-side{background:linear-gradient(135deg,var(--auth-bg-gradient-start) 0%,var(--auth-bg-gradient-mid) 50%,var(--auth-bg-gradient-end) 100%);padding:1rem;position:relative;min-height:100vh}.logo-container{text-align:center;width:100%;margin-bottom:2rem}.glass-logo{display:inline-block;padding:10px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px rgba(102,126,234,.2);margin-bottom:1rem;transition:transform .3s ease}.glass-logo:hover{transform:translateY(-3px)}.logo-image{width:100px;height:auto;display:block;border-radius:16px}.brand-text{font-size:1.3rem;font-weight:700;color:var(--auth-text-primary);margin-top:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.2)}.brand-highlight{color:var(--auth-accent);text-shadow:0 0 15px rgba(var(--auth-accent),.4)}.forget-form,.login-form,.register-form{margin-top:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.input-wrapper{width:100%;max-width:340px}.otp-input{animation:slideDown .3s ease-out}.forgot-password-wrapper{width:100%;max-width:340px;text-align:right;margin-top:-.5rem}.forgot-btn{color:var(--auth-text-primary)!important;font-weight:600;font-size:.95rem;transition:all .2s ease;text-shadow:0 2px 6px rgba(0,0,0,.3)}.forgot-btn:hover{color:var(--auth-accent)!important;text-shadow:0 0 10px rgba(var(--auth-accent),.5)}.button-group{display:flex;gap:.75rem;margin-top:1rem;width:100%;max-width:340px;justify-content:center}.auth-container .glass-btn-primary .e-btn-icon,.auth-container .glass-btn-primary .material-symbols-outlined,.auth-container .glass-btn-secondary .e-btn-icon,.auth-container .glass-btn-secondary .material-symbols-outlined,.auth-container .loginbtn .material-symbols-outlined,.auth-container .regbtn .material-symbols-outlined{text-shadow:none!important;filter:none!important;box-shadow:none!important}.auth-container .glass-btn-primary .material-symbols-outlined::before,.auth-container .glass-btn-secondary .material-symbols-outlined::before{color:var(--auth-accent)}.auth-container .e-input-group.e-corner{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.25);transition:all .2s ease}.auth-container .e-input-group.e-corner:focus-within{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.auth-container .e-input-group input{background:0 0!important;color:var(--auth-text-primary)!important}.auth-container .e-input-group input::placeholder{color:var(--auth-text-secondary)!important;opacity:1!important}.auth-container .e-input-group input::-webkit-input-placeholder{color:var(--auth-text-secondary)!important;opacity:1!important}.auth-container .e-input-group input::-moz-placeholder{color:var(--auth-text-secondary)!important;opacity:1!important}.auth-container .e-input-group input:-ms-input-placeholder{color:var(--auth-text-secondary)!important;opacity:1!important}.glass-customer{text-align:center;padding:1.1rem;background:rgba(0,200,83,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.08);margin-top:2rem;max-width:340px;width:100%;margin-left:auto;margin-right:auto}.cs-label{display:block;font-weight:600;color:var(--auth-text-primary);margin-bottom:.7rem;font-size:.95rem;text-shadow:0 1px 4px rgba(0,0,0,.2)}.line-link{display:inline-block;transition:transform .2s ease}.line-link:hover{transform:scale(1.05)}.line-button{height:40px;border:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.glass-badge{max-width:280px;padding:.9rem;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;margin-top:2rem;width:100%;margin-left:auto;margin-right:auto;text-align:center;border:1px solid rgba(255,255,255,.15);transition:transform .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.08)}.glass-badge:hover{transform:translateY(-2px)}.security-image{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.terms-wrapper{width:100%;max-width:340px;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.terms-label{margin:0;text-shadow:0 1px 4px rgba(0,0,0,.2)}.terms-label a{color:var(--auth-accent);text-decoration:none;transition:color .2s ease}.btn-link-custom:hover,.loading-wrapper,.terms-label,.terms-label a:hover{color:var(--auth-text-primary)}.loading-wrapper{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.back-login,.loading-text{text-shadow:0 1px 4px rgba(0,0,0,.2)}.loading-text{font-weight:600}.back-login{color:var(--auth-text-primary);margin-top:1.5rem;text-align:center;max-width:340px;width:100%;margin-left:auto;margin-right:auto}.back-text{color:var(--auth-text-secondary);margin-right:.5rem}.btn-link-custom{background:0 0;border:0;color:var(--auth-accent);font-weight:700;text-decoration:none;cursor:pointer;transition:color .2s ease;text-shadow:0 0 10px rgba(var(--auth-accent),.4);padding:0}.btn-link-custom:hover{text-shadow:0 0 15px rgba(var(--auth-text-primary),.6)}@media (max-width:768px){.logo-image{width:80px}.brand-text{font-size:1.15rem}}@media (max-width:576px){.login-right-side{padding:1rem .75rem}.logo-image{width:70px}.brand-text{font-size:1.1rem}.input-wrapper,.terms-wrapper{max-width:100%}}