.loginWrapper{width:100vw;height:100vh;position:fixed;inset:0;z-index:100;display:flex;flex-direction:row}.loginLeft{flex:1;background:#ffffff;padding:40px;overflow-y:auto}.loginLeft,.loginRight{display:flex;justify-content:center;align-items:center;position:relative}.loginRight{flex:0 0 65%;min-width:65%;background-color:rgba(0,0,0,1);color:rgba(107,107,107,1);border-radius:0 40px 40px 0;overflow:visible}.loginGraphics{position:relative;z-index:1;overflow:visible}.loginGraphics,.loginGraphics video{width:100%;height:100%;border-radius:0 40px 40px 0}.loginGraphics video{position:absolute;top:0;left:0;object-fit:cover;margin:0;padding:0;display:block;box-shadow:20px 0 60px 0 rgba(0,0,0,0),10px 0 30px 0 rgba(0,0,0,.16)}.graphicsContent{color:#ffffff}.graphicsIcon{margin-bottom:32px;display:flex;justify-content:center;align-items:center}.heroImage{max-width:100%;height:auto}.graphicsContent h2{font-size:32px;font-weight:700;margin-bottom:16px;letter-spacing:-.5px}.graphicsContent>p{font-size:16px;line-height:1.6;opacity:.9;margin-bottom:40px}.featureList{display:flex;flex-direction:column;gap:16px;text-align:left}.featureItem{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:16px 20px;border-radius:16px;transition:all .3s ease}.featureItem:hover{background:rgba(255,255,255,.25);transform:translateX(8px)}.featureIcon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border-radius:12px}.featureItem span{font-size:15px;font-weight:500}.loginContainer{width:100%;max-width:400px;position:relative;z-index:2}.loginBrand{margin-bottom:24px}.brandIcon,.loginBrand{display:flex;justify-content:center}.brandIcon{font-size:48px;align-items:center;width:72px;height:72px;background:linear-gradient(135deg,#007AFF,#5856D6);border-radius:20px;box-shadow:0 8px 24px rgba(0,122,255,.25)}.loginContainer h1{color:#111827;text-align:center;font-size:36px;line-height:1.2;margin-bottom:8px;font-weight:700;letter-spacing:-.5px}.loginContainer .subtitle{color:#6b7280;text-align:center;font-size:16px;margin-bottom:40px;font-weight:400}.loginForm{width:100%;background:#ffffff;border-radius:24px;padding:32px;box-shadow:none;border:none;position:relative}.loginForm .form-group{margin-bottom:24px;position:relative}.loginForm .form-label{display:block;color:#374151;font-size:14px;font-weight:500;margin-bottom:8px;transition:color .2s ease}.loginForm .password-input-container{position:relative;display:flex;align-items:center}.loginForm .form-input{width:100%;padding:16px 20px;border:1px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f9fafb}.loginForm .form-input:focus{outline:none;border-color:#007AFF;box-shadow:0 0 0 3px rgba(0,122,255,.1);background:#ffffff}.loginForm .form-input:disabled{opacity:.6;cursor:not-allowed}.loginForm .form-input::placeholder{color:#9ca3af}.loginForm .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;font-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:44px;height:44px}.loginForm .password-toggle:hover:not(:disabled){background:rgba(0,122,255,.1);transform:translateY(-50%) scale(1.1)}.loginForm .password-toggle:disabled{opacity:.5;cursor:not-allowed}.loginForm .password-toggle:active:not(:disabled){transform:translateY(-50%) scale(.95)}.loginForm .btn{width:100%;background:#007AFF;color:#ffffff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;margin-top:8px;min-height:52px;box-shadow:0 4px 14px rgba(0,122,255,.25)}.loginForm .btn:hover:not(:disabled){background:#0066d6;box-shadow:0 6px 20px rgba(0,122,255,.35);transform:translateY(-2px)}.loginForm .btn:active:not(:disabled){transform:translateY(0);background:#0055b3}.loginForm .btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.loginForm .btn-secondary{background:transparent;color:#6b7280;border:1px solid #e5e7eb;margin-top:12px;min-height:44px;box-shadow:none}.loginForm .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.loginForm .error-message{color:#dc2626;background:#fef2f2;border-radius:12px;border:1px solid #fee2e2;animation:shake .5s ease-in-out}.loginForm .error-message,.loginForm .success-message{font-size:14px;margin-bottom:16px;text-align:center;padding:12px 16px}.loginForm .success-message{color:#16a34a;background:#f0fdf4;border-radius:12px;border:1px solid #dcfce7}.loginForm .step-indicator{display:flex;justify-content:center;margin-bottom:32px;overflow:visible}.loginForm .step-indicator .step{width:8px;height:8px;border-radius:50%;background:#e5e7eb;margin:0 4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.loginForm .step-indicator .step.active{background:#007AFF;transform:scale(1.2)}.loginForm .step-indicator .step.completed{background:#16a34a}.loginForm .form-header{text-align:center;margin-bottom:32px}.loginForm .form-header h2{color:#111827;font-size:24px;font-weight:600;margin-bottom:8px;letter-spacing:-.5px}.loginForm .form-header p{color:#6b7280;font-size:14px;margin:0}.loginTermsLinks{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;position:relative;z-index:2}.loginTermsLinks a{color:#6b7280;font-size:14px;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.loginTermsLinks a:hover{color:#007AFF;text-decoration:underline}.loginTermsLinks span{width:1px;height:16px;background:#e5e7eb}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.loginRight{display:none}.loginLeft{background:linear-gradient(to bottom right,#f9fafb,#ffffff 50%,rgba(59,130,246,.1))}}@media (max-width:480px){.loginLeft{padding:24px}.loginContainer h1{font-size:28px}.loginForm{padding:24px;border-radius:20px}}