.login-page-container{margin:0;min-height:100vh;width:100%;box-sizing:border-box;font-family:Be Vietnam Pro,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;background-color:#000;overflow:hidden}.dark .login-page-container{background-color:#000}:root:not(.dark) .login-page-container{background-color:#f8fafc}.theme-toggle-button{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;width:42px;height:42px;border-radius:50%;border:1px solid #313131;background-color:#1f1f1f;color:#a6a6a6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.dark .theme-toggle-button{border-color:#313131;background-color:#1f1f1f;color:#a6a6a6}.dark .theme-toggle-button:hover{background-color:#2e2e2e;color:#fff;box-shadow:0 0 0 4px #1f1f1f,0 0 0 5px #a6a6a6}:root:not(.dark) .theme-toggle-button{border-color:#cbd5e1;background-color:#fff;color:#64748b}:root:not(.dark) .theme-toggle-button:hover{background-color:#f1f5f9;color:#0f172a;box-shadow:0 0 0 4px #fff,0 0 0 5px #94a3b8}.login-wrapper{display:flex;min-height:100vh;width:100%}.login-cta-side{width:50%;min-width:50%;min-height:100vh;background:linear-gradient(135deg,#15803d,#16a34a,#22c55e);position:relative;display:flex;align-items:center;justify-content:center;color:#fff;overflow-y:auto;overflow-x:hidden}.login-cta-side:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.cta-content{display:flex;flex-direction:column;justify-content:center;width:80%;max-width:500px;margin:0 auto;position:relative;padding:3rem 2rem;z-index:10}.cta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);margin-bottom:2rem;width:-moz-fit-content;width:fit-content;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a}.cta-badge-icon{width:1rem;height:1rem;color:#fff}.cta-badge span{font-size:.875rem;font-weight:600;color:#fff}.cta-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#fff}.cta-title-highlight{position:relative;color:#fff;display:inline-block}.cta-description{font-size:1.125rem;line-height:1.6;color:#ffffffe6;margin-bottom:2.5rem}.cta-features{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.cta-feature-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.cta-feature-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 12px #0003;background:#fff3}.cta-feature-icon{width:3rem;height:3rem;border-radius:.75rem;background:#ffffff40;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-feature-content{flex:1}.cta-feature-metric{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:.25rem}.cta-feature-label{font-size:.875rem;color:#fffc}.cta-security-badges{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;border:1px solid rgba(255,255,255,.2)}.cta-security-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#fff;flex:1;min-width:140px;justify-content:center}.cta-security-item svg{width:1.25rem;height:1.25rem;flex-shrink:0}.cta-footer{margin-top:auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.cta-footer-text{font-size:.95rem;color:#ffffffe6;text-align:center;line-height:1.6}.cta-footer-highlight{font-weight:700;color:#fff;font-size:1.1rem}.login-form-side{width:50%;min-width:50%;min-height:100vh;background-color:#1f1f1f;background-color:var(--bank-800, #1f1f1f);position:relative;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden}:root:not(.dark) .login-form-side{background-color:#f1f5f9;background-color:var(--neutral-100, #f1f5f9)}.login-form-content{display:flex;flex-direction:column;justify-content:center;width:80%;max-width:400px;margin:0 auto;padding:3rem 2rem;position:relative}.login-logo-section{text-align:center;margin-bottom:2.5rem}.login-logo-container{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:1.5rem;padding:.5rem;background-color:#2e2e2e;background-color:var(--bank-700, #2e2e2e);border-radius:1rem;border:1px solid #313131;border:1px solid var(--bank-600, #313131)}:root:not(.dark) .login-logo-container{background-color:#fff;background-color:var(--neutral-100, #ffffff);border-color:#cbd5e1;border-color:var(--neutral-300, #cbd5e1)}.login-logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.login-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#fff;color:var(--bank-100, #ffffff)}:root:not(.dark) .login-title{color:#0f172a;color:var(--neutral-900, #0f172a)}.login-subtitle{font-size:1rem;color:#a6a6a6;color:var(--bank-400, #a6a6a6);margin:0}:root:not(.dark) .login-subtitle{color:#64748b;color:var(--neutral-600, #64748b)}.login-form{width:100%}.form-field{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#a6a6a6;color:var(--bank-400, #a6a6a6);margin-bottom:.5rem}:root:not(.dark) .form-label{color:#64748b;color:var(--neutral-600, #64748b)}.form-label-icon{width:1rem;height:1rem}.input-wrapper{position:relative;display:flex;align-items:center}.login-input{width:100%;padding:.75rem 0;background-color:transparent;border:0;border-bottom:1px solid #313131;border-bottom:1px solid var(--bank-600, #313131);color:#fff;color:var(--bank-100, #ffffff);font-size:1rem;font-family:inherit;outline:none;transition:all .25s ease}:root:not(.dark) .login-input{border-bottom-color:#cbd5e1;border-bottom-color:var(--neutral-300, #cbd5e1);color:#0f172a;color:var(--neutral-900, #0f172a)}.login-input::-moz-placeholder{color:#969593;color:var(--bank-500, #969593)}.login-input::placeholder{color:#969593;color:var(--bank-500, #969593)}:root:not(.dark) .login-input::-moz-placeholder{color:#94a3b8;color:var(--neutral-400, #94a3b8)}:root:not(.dark) .login-input::placeholder{color:#94a3b8;color:var(--neutral-400, #94a3b8)}.login-input:focus{border-bottom-color:#45ffbc;border-bottom-color:var(--accent-neon, #45ffbc);border-bottom-width:2px}:root:not(.dark) .login-input:focus{border-bottom-color:#059669;border-bottom-width:2px}.password-input{padding-right:3rem}.password-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#969593;color:var(--bank-500, #969593);padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .25s ease}:root:not(.dark) .password-toggle{color:#94a3b8;color:var(--neutral-400, #94a3b8)}.password-toggle:hover{color:#45ffbc;color:var(--accent-neon, #45ffbc)}:root:not(.dark) .password-toggle:hover{color:#059669}.form-error-wrapper{margin-bottom:1.5rem}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:1.25rem;height:1.25rem;border-radius:.25rem;border:2px solid #313131;border:2px solid var(--bank-600, #313131);background-color:transparent;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}:root:not(.dark) .checkbox-custom{border-color:#cbd5e1;border-color:var(--neutral-300, #cbd5e1)}.checkbox-input:checked+.checkbox-custom{background-color:#45ffbc;background-color:var(--accent-neon, #45ffbc);border-color:#45ffbc;border-color:var(--accent-neon, #45ffbc)}:root:not(.dark) .checkbox-input:checked+.checkbox-custom{background-color:#059669;border-color:#059669}.checkbox-input:checked+.checkbox-custom svg{color:#000;color:var(--bank-900, #000000)}:root:not(.dark) .checkbox-input:checked+.checkbox-custom svg{color:#fff}.checkbox-text{font-size:.875rem;color:#a6a6a6;color:var(--bank-400, #a6a6a6);transition:color .25s ease}:root:not(.dark) .checkbox-text{color:#64748b;color:var(--neutral-600, #64748b)}.checkbox-label:hover .checkbox-text{color:#fff;color:var(--bank-100, #ffffff)}:root:not(.dark) .checkbox-label:hover .checkbox-text{color:#0f172a;color:var(--neutral-900, #0f172a)}.forgot-password-link{background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:600;color:#45ffbc;color:var(--accent-neon, #45ffbc);text-decoration:none;transition:color .25s ease;padding:0}:root:not(.dark) .forgot-password-link{color:#059669}.forgot-password-link:hover{color:#e3ffa8;color:var(--accent-olive, #e3ffa8)}:root:not(.dark) .forgot-password-link:hover{color:#047857}.form-submit{margin-top:2rem}.login-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#a6a6a6;color:var(--bank-400, #a6a6a6);font-size:.875rem}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid #313131;border-bottom:1px solid var(--bank-600, #313131)}:root:not(.dark) .login-divider{color:#64748b;color:var(--neutral-600, #64748b)}:root:not(.dark) .login-divider:before,:root:not(.dark) .login-divider:after{border-bottom-color:#cbd5e1;border-bottom-color:var(--neutral-300, #cbd5e1)}.login-divider span{padding:0 1rem}.create-account-wrapper{margin-top:.5rem}.create-account-button{width:100%;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;border-radius:.75rem;transition:all .2s ease;cursor:pointer;border:1px solid #313131;background-color:transparent;color:#fff}.create-account-button:hover{background-color:#1f1f1f;border-color:#404040;transform:translateY(-1px)}.create-account-button:active{transform:translateY(0)}:root:not(.dark) .create-account-button{border-color:#cbd5e1;color:#0f172a;background-color:transparent}:root:not(.dark) .create-account-button:hover{background-color:#f1f5f9;border-color:#94a3b8}:root:not(.dark) .form-submit button[class*=from-accent-neon]{background:linear-gradient(135deg,#059669,#16a34a);color:#fff}:root:not(.dark) .form-submit button[class*=from-accent-neon]:hover{background:linear-gradient(135deg,#047857,#15803d)}.login-footer{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #313131;border-top:1px solid var(--bank-600, #313131);text-align:center}:root:not(.dark) .login-footer{border-top-color:#cbd5e1;border-top-color:var(--neutral-300, #cbd5e1)}.login-footer p{font-size:.875rem;color:#969593;color:var(--bank-500, #969593);margin:0}:root:not(.dark) .login-footer p{color:#94a3b8;color:var(--neutral-400, #94a3b8)}@media(max-width:968px){.login-wrapper{flex-direction:column}.login-cta-side{width:100%;min-height:auto;padding:2rem 0}.login-form-side{width:100%;min-height:auto}.cta-content,.login-form-content{padding:2rem 1.5rem}}@media(max-width:640px){.cta-title{font-size:2rem}.login-title{font-size:1.75rem}.theme-toggle-button{top:1rem;right:1rem;width:36px;height:36px}.theme-toggle-button svg{width:1.25rem;height:1.25rem}}.login-cta-side::-webkit-scrollbar,.login-form-side::-webkit-scrollbar{width:6px}.login-cta-side::-webkit-scrollbar-track,.login-form-side::-webkit-scrollbar-track{background:transparent}.login-cta-side::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.login-cta-side::-webkit-scrollbar-thumb:hover{background:#ffffff80}.login-form-side::-webkit-scrollbar-thumb{background:#313131;background:var(--bank-600, #313131);border-radius:3px}.login-form-side::-webkit-scrollbar-thumb:hover{background:#2e2e2e;background:var(--bank-700, #2e2e2e)}:root:not(.dark) .login-form-side::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--neutral-300, #cbd5e1)}:root:not(.dark) .login-form-side::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--neutral-400, #94a3b8)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-input:focus-visible,.password-toggle:focus-visible,.forgot-password-link:focus-visible,.checkbox-input:focus-visible+.checkbox-custom{outline:0;box-shadow:0 0 0 2px #1f1f1f,0 0 0 4px #45ffbc;box-shadow:0 0 0 2px var(--bank-800, #1f1f1f),0 0 0 4px var(--accent-neon, #45ffbc)}:root:not(.dark) .login-input:focus-visible,:root:not(.dark) .password-toggle:focus-visible,:root:not(.dark) .forgot-password-link:focus-visible,:root:not(.dark) .checkbox-input:focus-visible+.checkbox-custom{box-shadow:0 0 0 2px #fff,0 0 0 4px #16a34a;box-shadow:0 0 0 2px var(--neutral-100, #ffffff),0 0 0 4px var(--tlx-primary-600, #16a34a)}