.loginContainer{background:linear-gradient(135deg,#f3f4f6 0%,#f9fafb 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.bgOrb1{filter:blur(100px);pointer-events:none;background:radial-gradient(circle,#6366f10d 0%,#6366f100 70%);border-radius:50%;width:50vw;height:50vw;animation:15s ease-in-out infinite alternate float1;position:absolute;top:-10%;left:-10%}.bgOrb2{filter:blur(100px);pointer-events:none;background:radial-gradient(circle,#a855f70d 0%,#a855f700 70%);border-radius:50%;width:50vw;height:50vw;animation:15s ease-in-out infinite alternate float2;position:absolute;bottom:-10%;right:-10%}@keyframes float1{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.1)}}@keyframes float2{0%{transform:translate(0)scale(1.1)}to{transform:translate(-40px,-30px)scale(1)}}.loginCard{z-index:10;background:#fff;border:1px solid #0000000f;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:48px 40px;animation:.8s cubic-bezier(.16,1,.3,1) forwards cardFadeIn;display:flex;box-shadow:0 20px 50px #0000000f,inset 0 1px #fffc}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.header{text-align:center;width:100%;margin-bottom:36px}.loginLogoContainer{justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex}.loginLogo{filter:drop-shadow(0 6px 16px #0000000d);max-width:260px;height:auto;transition:transform .3s cubic-bezier(.16,1,.3,1)}.loginLogo:hover{transform:scale(1.04)}.subtitle{color:#4b5563;margin-top:8px;font-size:14px}.form{flex-direction:column;gap:24px;width:100%;display:flex}.inputGroup{text-align:right;flex-direction:column;gap:8px;width:100%;display:flex}.label{color:#374151;letter-spacing:.3px;margin-right:4px;font-size:13px;font-weight:600}.input{color:#1f2937;text-align:left;direction:ltr;background:#f9fafb;border:1px solid #00000014;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:15px;transition:all .25s cubic-bezier(.4,0,.2,1)}.input::placeholder{color:#9ca3af}.input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:14px;width:100%;margin-top:10px;padding:15px;font-size:16px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6366f133}.button:hover:not(:disabled){opacity:.95;transform:translateY(-2px);box-shadow:0 8px 25px #6366f159}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#f3f4f6;border:1px solid #00000008}.errorMessage{color:#ef4444;text-align:right;background:#ef44440d;border:1px solid #ef444433;border-radius:14px;width:100%;margin-bottom:24px;padding:14px 18px;font-size:13.5px;line-height:1.5;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.successContainer{text-align:center;flex-direction:column;align-items:center;padding:20px 0;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.successIcon{color:#10b981;background:#10b9810d;border:2px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:28px;font-size:40px;animation:.6s cubic-bezier(.175,.885,.32,1.3) forwards successPop,2s infinite pulseGreen;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulseGreen{0%{box-shadow:0 0 #10b98133}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}.successTitle{color:#1f2937;letter-spacing:-.3px;margin-bottom:12px;font-size:26px;font-weight:700}.successText{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:600}.videoLoadingOverlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#fffffff2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.videoContainer{flex-direction:column;align-items:center;gap:24px;width:90%;max-width:500px;display:flex}.loadingVideo{object-fit:cover;background-color:#0000;border-radius:16px;width:100%;max-height:280px;box-shadow:0 12px 30px #0000001a}.loadingSpinnerContainer{flex-direction:column;align-items:center;gap:12px;display:flex}.spinner{border:3px solid #6366f11a;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loadingText{color:#1f2937;margin:0;font-size:16px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}