.login-page,.login-wrap{display:flex;min-height:100vh}.login-page{background:var(--gray-50);flex-direction:column}.login-wrap{flex:1}.login-panel-left{flex:1;background:#0f172a;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-panel-left::before{content:"";position:absolute;top:-8rem;right:-8rem;width:24rem;height:24rem;background:radial-gradient(circle,rgba(99,102,241,.15)0,transparent 70%);pointer-events:none}.login-panel-left::after{content:"";position:absolute;bottom:-6rem;left:-4rem;width:20rem;height:20rem;background:radial-gradient(circle,rgba(99,102,241,.08)0,transparent 70%);pointer-events:none}.login-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;position:relative;z-index:1}.login-brand-icon{width:2.25rem;height:2.25rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;display:flex;align-items:center;justify-content:center}.login-brand-name{font-size:var(--font-size-base);font-weight:700;color:#fff;letter-spacing:-.02em}.login-panel-body{position:relative;z-index:1}.login-panel-body h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.15;margin:0 0 var(--spacing-md)}.login-panel-body h2 em{color:#818cf8;font-style:normal}.login-panel-body p{font-size:var(--font-size-sm);color:rgba(255,255,255,.5);line-height:1.7;margin:0 0 var(--spacing-2xl);max-width:340px}.login-features-list{display:flex;flex-direction:column;gap:.875rem}.login-feature-item{display:flex;align-items:center;gap:.75rem}.login-feature-check{width:1.375rem;height:1.375rem;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-feature-check svg{stroke:#818cf8}.login-feature-item span{font-size:var(--font-size-sm);color:rgba(255,255,255,.7);line-height:1.4}.login-panel-footer{position:relative;z-index:1}.login-social-proof{gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.08)}.login-social-avatars,.login-social-proof{display:flex;align-items:center}.login-social-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid #0f172a;background:var(--gray-300);margin-left:-.5rem;overflow:hidden}.login-social-avatar:first-child{margin-left:0}.login-social-text{font-size:var(--font-size-xs);color:rgba(255,255,255,.5);line-height:1.5}.login-social-text strong{display:block;color:rgba(255,255,255,.8);font-weight:600}.login-panel-right{flex:0 0 28rem;background:#fff;border-left:1px solid var(--gray-100);display:flex;align-items:center;justify-content:center;padding:3rem 2.5rem}.login-form-inner{width:100%;max-width:22rem}.login-form-header,.login-form-tabs{margin-bottom:var(--spacing-xl)}.login-form-header h1{font-size:var(--font-size-2xl);font-weight:800;color:#0f172a;letter-spacing:-.025em;margin:0 0 .375rem}.login-form-header p{margin:0}.login-form-tabs{display:flex;background:var(--gray-50);border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);padding:.25rem;gap:.25rem}.login-form-header p,.login-tab{font-size:var(--font-size-sm);color:var(--gray-400)}.login-tab{flex:1;padding:.5rem;font-weight:600;background:0 0;border:0;border-radius:var(--radius-md);cursor:pointer;transition:all .15s;text-align:center}.login-tab.active{background:#fff;color:#0f172a;box-shadow:var(--shadow-sm)}.login-oauth{display:flex;flex-direction:column;gap:.5rem;margin-bottom:var(--spacing-lg)}.login-field input,.oauth-btn{border:1.5px solid var(--gray-100);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#0f172a;background:#fff}.login-divider,.oauth-btn{display:flex;align-items:center}.oauth-btn{justify-content:center;gap:.625rem;padding:.625rem var(--spacing-md);font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}.oauth-btn:hover{border-color:var(--gray-200);background:var(--gray-50)}.login-divider{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.login-divider::after,.login-divider::before{content:"";flex:1;height:1px;background:var(--gray-100)}.login-divider span,.login-field label,.login-field-row label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.login-divider span{color:var(--gray-300);font-weight:600;white-space:nowrap}.login-field,.login-form{display:flex;flex-direction:column}.login-form{gap:var(--spacing-md)}.login-field{gap:.375rem}.login-field label,.login-field-row label{font-weight:700;color:#0f172a}.login-field input{padding:.6875rem .875rem;outline:0;transition:border-color .15s;font-family:inherit}.login-field input::placeholder{color:var(--gray-300)}.login-field input:focus{border-color:#6366f1}.login-field-row{display:flex;align-items:center;justify-content:space-between}.login-forgot{font-size:var(--font-size-xs);color:#6366f1;text-decoration:none;font-weight:600}.login-forgot:hover,.login-switch a:hover{text-decoration:underline}.login-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#0f172a;color:#fff;border:0;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:background .15s;margin-top:var(--spacing-sm)}.login-submit-btn:hover{background:#1e293b}.login-switch,.login-terms{text-align:center;font-size:var(--font-size-xs);color:var(--gray-400);margin-top:var(--spacing-md)}.login-switch a{color:#6366f1;font-weight:600;text-decoration:none}.login-terms{color:var(--gray-300);line-height:1.6}.login-terms a{color:var(--gray-400);text-decoration:none}.login-terms a:hover{color:#0f172a}@media (max-width:900px){.login-panel-left{display:none}.login-panel-right{flex:1;border-left:none;padding:5rem 1.5rem 3rem}.login-form-inner{max-width:26rem}}