.login-shell{min-height:calc(100vh - var(--sxi-banner-h,0px));color:var(--text-primary);background:radial-gradient(circle at 18% 16%,#23a55a2e,#0000 28%),linear-gradient(135deg,#f7fbf8 0%,#eef7f1 42%,#fff 100%);grid-template-columns:minmax(420px,.95fr) minmax(420px,1fr);display:grid}.login-brand-panel{background:linear-gradient(145deg,#0f5c2ef5,#0d1f14f7),radial-gradient(circle at 70% 20%,#23a55a59,#0000 34%);flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(2rem,4vw,4.5rem);display:flex;position:relative;overflow:hidden}.login-brand-panel:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(0deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:42%;position:absolute;inset:auto -10% -18% 24%;transform:rotate(-5deg)}.login-brand,.login-mobile-brand{font-family:var(--font-syne), Syne, sans-serif;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.login-brand,.login-brand-mark{color:#fff}.login-brand-copy{z-index:1;max-width:520px;margin:4rem 0;position:relative}.login-brand-copy h1{font-family:var(--font-syne), Syne, sans-serif;letter-spacing:0;color:#fff;font-size:clamp(2.35rem,5vw,4.6rem);font-weight:800;line-height:.96}.login-brand-copy p{color:#ffffffc7;max-width:430px;margin-top:1.2rem;font-size:1rem;line-height:1.65}.login-preview{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;width:min(100%,520px);padding:1rem;position:relative;box-shadow:0 28px 70px #0000003d}.login-preview-top,.login-preview-row,.login-preview-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.login-preview-top{color:#ffffffb3;padding:.35rem .35rem .85rem;font-size:.78rem}.login-preview-top strong{color:#fff;margin-top:.1rem;font-size:1.02rem;display:block}.login-preview-badge{color:#d9f7e5;background:#23a55a38;border:1px solid #c8e6d440;border-radius:999px;padding:.35rem .7rem;font-size:.72rem;font-weight:700}.login-preview-list{gap:.55rem;display:grid}.login-preview-row{color:#ffffffd6;background:#ffffff17;border-radius:10px;padding:.75rem .85rem}.login-preview-row.active{color:var(--text-primary);background:#fff}.login-preview-row strong{font-size:.88rem;display:block}.login-preview-row span{color:currentColor;opacity:.7;margin-top:.1rem;font-size:.74rem;display:block}.login-preview-row small{background:var(--sxi-50);width:30px;height:30px;color:var(--sxi-900);border-radius:8px;place-items:center;font-weight:800;display:grid}.login-preview-footer{color:#ffffffbd;justify-content:flex-start;margin-top:.8rem;font-size:.78rem}.login-form-panel{justify-content:center;align-items:center;padding:clamp(1.25rem,4vw,4rem);display:flex}.login-card-real{background:#ffffffe0;border:1px solid #d0e4d8e6;border-radius:18px;width:min(100%,460px);padding:clamp(1.4rem,3vw,2.1rem);box-shadow:0 24px 70px #0d1f141c}.login-mobile-brand{color:var(--sxi-900);margin-bottom:1.25rem;display:none}.login-card-header h2{font-family:var(--font-syne), Syne, sans-serif;color:var(--sxi-900);font-size:1.75rem;font-weight:800;line-height:1.1}.login-card-header p{color:var(--text-muted);margin-top:.35rem;font-size:.92rem}.login-form{gap:1rem;margin-top:1.55rem;display:grid}.login-field{gap:.4rem;display:grid}.login-field>span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:800}.login-input-wrap{border:1.5px solid var(--border);background:var(--surface-2);height:48px;color:var(--text-subtle);border-radius:10px;align-items:center;gap:.65rem;padding:0 .9rem;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.login-input-wrap:focus-within{border-color:var(--sxi-700);background:#fff;box-shadow:0 0 0 4px #23a55a1c}.login-input-wrap input{width:100%;color:var(--text-primary);font:500 .95rem/1.2 var(--font-inter), Inter, sans-serif;background:0 0;border:0;outline:0}.login-input-wrap input::placeholder{color:var(--text-subtle)}.login-form-row{justify-content:space-between;align-items:center;gap:1rem;font-size:.78rem;display:flex}.login-form-row a{color:var(--sxi-700);font-weight:700;text-decoration:none}.login-form-row a:hover{color:var(--sxi-900)}.login-secure-note{color:var(--text-muted);align-items:center;gap:.3rem;display:inline-flex}.login-error{background:var(--danger-bg);color:var(--danger);border:1px solid #e74c3c40;border-radius:10px;padding:.75rem .85rem;font-size:.86rem;line-height:1.35}.login-submit{background:var(--sxi-900);color:#fff;min-height:48px;font:800 .98rem/1 var(--font-inter), Inter, sans-serif;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.55rem;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.login-submit:hover:not(:disabled){background:var(--sxi-700);transform:translateY(-1px)}.login-submit:disabled{cursor:not-allowed;opacity:.55}.login-signup-block{border-top:1px solid var(--border-subtle);margin-top:1.55rem;padding-top:1.25rem}.login-signup-title{color:var(--text-secondary);align-items:center;gap:.42rem;font-size:.84rem;font-weight:800;display:inline-flex}.login-signup-grid{gap:.55rem;margin-top:.75rem;display:grid}.login-signup-card{border:1px solid var(--border);color:var(--text-secondary);background:#fff;border-radius:10px;align-items:center;gap:.7rem;padding:.7rem .8rem;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:flex}.login-signup-card:hover{border-color:var(--sxi-200);background:var(--sxi-50);transform:translateY(-1px)}.login-signup-card strong,.login-signup-card small{display:block}.login-signup-card strong{color:var(--text-primary);font-size:.86rem}.login-signup-card small{color:var(--text-muted);margin-top:.08rem;font-size:.76rem}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-mobile-brand{display:inline-flex}}@media (max-width:520px){.login-form-panel{align-items:stretch;padding:0}.login-card-real{border:0;border-radius:0;width:100%;min-height:100vh;padding:1.2rem}.login-form-row{flex-direction:column;align-items:flex-start;gap:.55rem}}