.login-wrapper{background:#020617;min-height:100dvh;overflow-x:hidden}.split-container{grid-template-columns:1.15fr 1fr;width:100%;min-height:100vh;display:grid}.brand-side{background:radial-gradient(circle at 0 0,#10b9811a 0%,#0000 50%),radial-gradient(circle at 100% 100%,#f59e0b0d 0%,#0000 50%);flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem 2rem;display:flex;position:relative}.side-logo{color:#fff;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex;position:absolute;top:3rem;left:4rem}.side-logo span span{color:var(--secondary)}.brand-content{flex-direction:column;gap:2.5rem;width:100%;max-width:480px;margin:0 auto;display:flex}.brand-content h1{color:#fff;margin:0;font-size:3.2rem;line-height:1.2}.trust-metrics{flex-direction:column;gap:1.5rem;display:flex}.metric-item{align-items:center;gap:1.25rem;display:flex}.icon-badge{width:48px;min-width:48px;height:48px;color:var(--primary);border:1px solid var(--border);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:flex}.metric-item h4{color:#fff;margin-bottom:.2rem;font-size:1.05rem;font-weight:700}.metric-item p{color:var(--muted-foreground);margin:0;font-size:.9rem}.quote-card{border-left:4px solid var(--primary);background:#ffffff05;border-radius:1.25rem;padding:1.75rem}.quote-card p{color:#cbd5e1;margin-bottom:1rem;font-size:1rem;font-style:italic;line-height:1.5}.quote-author{color:var(--primary);margin:0;font-size:.9rem;font-weight:700}.signup-features{border:1px solid var(--border);background:#ffffff05;border-radius:1rem;flex-wrap:wrap;gap:.75rem;padding:1.5rem;display:flex}.feature-pill{color:#94a3b8;background:#ffffff0d;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:flex}.form-side{border-left:1px solid var(--border);background:#020617;justify-content:center;align-items:center;padding:6rem 2rem 2rem;display:flex}.form-container{background:#ffffff03;border:1px solid #ffffff0d;border-radius:1.5rem;width:100%;max-width:440px;margin:0 auto;padding:3rem;box-shadow:0 25px 50px -12px #00000080}.form-header{text-align:center;margin-bottom:2.5rem}.form-header h2{color:#fff;margin-bottom:.75rem;font-size:2.2rem}.form-header p{color:var(--muted-foreground);margin:0}.login-form{width:100%}.input-field{width:100%;margin-bottom:1.5rem}.input-field label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.65rem;font-size:.85rem;font-weight:700;display:block}.input-wrapper{border:1px solid var(--border);color:var(--muted-foreground);background:#ffffff08;border-radius:1rem;align-items:center;gap:.75rem;padding:.85rem 1.25rem;transition:all .3s;display:flex}.input-wrapper:focus-within{border-color:var(--primary);color:#fff;background:#10b9810d;box-shadow:0 0 15px #10b9811a}.input-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:1rem}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.input-wrapper input:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out,color 5000s ease-in-out;-webkit-text-fill-color:white!important}.input-wrapper input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 5000s ease-in-out,color 5000s ease-in-out;-webkit-text-fill-color:white!important}.input-wrapper input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 5000s ease-in-out,color 5000s ease-in-out;-webkit-text-fill-color:white!important}.input-wrapper input:-webkit-autofill:active{caret-color:#fff;transition:background-color 5000s ease-in-out,color 5000s ease-in-out;-webkit-text-fill-color:white!important}.password-toggle{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.password-toggle:hover{color:#fff}.error-msg{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.85rem}.form-options{justify-content:space-between;align-items:center;margin-bottom:2.5rem;font-size:.9rem;display:flex}.checkbox{color:var(--muted-foreground);cursor:pointer;align-items:center;gap:.5rem;display:flex}.forgot-pass{color:var(--primary);font-weight:700;text-decoration:none}.submit-btn{border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;width:100%;height:56px;font-weight:600;display:flex}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.divider{text-align:center;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.5rem 0;font-size:.85rem;font-weight:600;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.divider::not(:empty):before{margin-right:.75em}.divider::not(:empty):after{margin-left:.75em}.google-btn{border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff08;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;width:100%;height:56px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.google-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.google-btn:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;color:var(--muted-foreground);margin-top:2.5rem;font-size:.95rem}.form-footer a{color:var(--primary);border-bottom:1px solid var(--primary);margin-left:.25rem;padding-bottom:2px;font-weight:800;text-decoration:none;transition:color .2s}.form-footer a:hover{color:#fff;border-color:#fff}@media (max-width:1024px){.split-container{flex-direction:column;min-height:100vh;display:flex}.brand-side{text-align:center;background:0 0;align-items:center;padding:8rem 2rem 4rem}.side-logo{justify-content:center;width:100%;position:absolute;top:2rem;left:0}.brand-content{align-items:center}.brand-content h1{font-size:2.4rem}.trust-metrics,.quote-card,.signup-features{display:none}.form-side{background:0 0;border-left:none;align-items:flex-start;padding:0 1.5rem 4rem}.form-container{background:#ffffff05;max-width:500px;padding:2.5rem 2rem}}@media (max-width:640px){.brand-side{padding:6rem 1rem 2rem}.brand-content h1{font-size:2rem}.form-container{border-radius:1.25rem;padding:2rem 1.5rem}.form-header h2{font-size:1.8rem}.input-wrapper{padding:.75rem 1rem}}