.login-screen{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left{flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-left-overlay{content:"";z-index:0;position:absolute;inset:0}.login-left-circle{z-index:0;pointer-events:none;border:1px solid #ffffff0a;border-radius:50%;width:700px;height:700px;position:absolute;bottom:-200px;right:-200px}.login-brand-stack{z-index:1;text-align:center;position:relative}.login-symbol{opacity:.6;justify-content:center;margin-bottom:24px;display:flex}.login-brand-name{font-family:var(--font-display);color:#f5f3f0;letter-spacing:.15em;font-size:72px;font-weight:300;line-height:1}.login-brand-sub{letter-spacing:.3em;text-transform:uppercase;color:#f5f3f080;font-size:11px;font-family:var(--font-body);margin-top:16px}.login-divider{background:#f5f3f040;width:40px;height:1px;margin:32px auto}.login-tagline{font-family:var(--font-display);color:#f5f3f08c;font-size:18px;font-style:italic}.login-right{background:var(--color-bg);justify-content:center;align-items:center;padding:60px 48px;display:flex}.login-form{width:100%;max-width:360px;animation:.4s ease-out loginFadeIn}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-form h2{font-family:var(--font-display);color:var(--color-text);margin-bottom:8px;font-size:32px;font-weight:400;line-height:1.1}.login-form-sub{color:var(--color-text-muted);letter-spacing:.05em;font-size:13px;font-family:var(--font-body);margin-bottom:40px}.login-field{margin-bottom:20px}.login-field-label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-family:var(--font-body);margin-bottom:8px;display:block}.login-field-wrap{position:relative}.login-input{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);font-family:var(--font-body);border-radius:var(--radius);outline:none;padding:13px 44px 13px 16px;font-size:14px;font-weight:300;transition:border-color .2s}.login-input:focus{border-color:var(--color-primary)}.login-toggle-pass{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-toggle-pass:hover{color:var(--color-primary)}.login-toggle-pass svg{width:16px;height:16px}.login-remember{color:var(--color-text-muted);letter-spacing:.05em;cursor:pointer;font-size:12px;font-family:var(--font-body);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:8px;margin-bottom:20px;display:flex}.login-remember input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:14px;height:14px;margin:0}.login-error{color:var(--color-accent);font-size:12px;font-family:var(--font-body);min-height:16px;margin-bottom:12px}.login-btn{background:var(--color-primary);width:100%;color:var(--color-primary-fg);border:1px solid var(--color-primary);font-family:var(--font-body);letter-spacing:.25em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);padding:15px;font-size:12px;font-weight:500;transition:opacity .2s}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width:767px){.login-screen{grid-template-rows:38vh 1fr;grid-template-columns:1fr;min-height:100vh}.login-left{padding:32px}.login-brand-name{font-size:44px}.login-tagline{font-size:14px}.login-divider{margin:20px auto}.login-right{padding:40px 28px 60px}.login-form h2{font-size:26px}.login-form-sub{margin-bottom:28px}.login-left-circle{width:420px;height:420px;bottom:-160px;right:-160px}}