.login{background:var(--bg);min-height:100vh;font-family:var(--font-sans);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-grid{background-image:linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px);opacity:.55;pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%)}.login-halo{background:radial-gradient(ellipse at 50% 0%,var(--accent-soft),transparent 65%);pointer-events:none;height:60%;position:absolute;inset:-20% 20% auto}.login-topbar{z-index:1;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:relative}.status-pill{font-family:var(--font-mono);color:var(--fg-subtle);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:inline-flex}.status-pill .dot{background:var(--ok);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in oklch,var(--ok)18%,transparent);border-radius:999px}.login-stage{z-index:1;flex:1;justify-content:center;align-items:center;padding:32px 24px 60px;display:flex;position:relative}.login-card{background:var(--bg-elev);border:1px solid var(--border);width:440px;box-shadow:var(--shadow-2);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.login-card-head{padding:26px 36px 0;position:relative}.login-card-head:before{content:"";background:linear-gradient(90deg,transparent,var(--accent)50%,transparent);height:2px;position:absolute;top:0;left:36px;right:36px}.login-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:22px;font-size:10.5px;font-weight:500;display:flex}.login-eyebrow .sep{background:var(--border-strong);width:1px;height:11px}.login-eyebrow .region{color:var(--fg-subtle)}.login-card h1{letter-spacing:-.022em;text-wrap:balance;margin:0;font-size:26px;font-weight:500;line-height:1.15}.login-card .sub{color:var(--fg-muted);margin:8px 0 0;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:16px;padding:26px 36px 0;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field-label-row{justify-content:space-between;align-items:baseline;display:flex}.field label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);font-size:10.5px;font-weight:500}.field-input{border:1px solid var(--border-strong);background:var(--bg-elev);border-radius:10px;align-items:center;height:44px;padding:0 14px 0 40px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.field-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-input.is-error{border-color:var(--risk);box-shadow:0 0 0 3px color-mix(in oklch,var(--risk)18%,transparent)}.field-input .lead{color:var(--fg-subtle);place-items:center;transition:color .12s;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field-input:focus-within .lead{color:var(--accent)}.field-input input{height:100%;color:var(--fg);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;font-size:14px}.field-error{font-family:var(--font-sans);color:var(--risk);margin:0;font-size:12.5px;line-height:1.4}.forgot{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:11.5px;font-weight:500;text-decoration:none}.forgot:hover{text-decoration:underline}.cb{color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:inline-flex}.cb-box{border:1px solid var(--border-strong);border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;transition:all .12s;display:inline-grid}.cb input:checked+.cb-box{background:var(--accent);border-color:var(--accent)}.cb input{display:none}.btn-primary-lg{background:var(--accent);color:#fff;width:100%;height:46px;font-family:var(--font-sans);cursor:pointer;box-shadow:0 1px 0 #ffffff1a inset,0 1px 2px #0003,0 6px 16px -8px var(--accent);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:background .12s;display:inline-flex}.btn-primary-lg:hover:not(:disabled){background:var(--accent-hover)}.btn-primary-lg:disabled{opacity:.7;cursor:not-allowed}.login-form{padding-bottom:26px}@media (max-width:520px){.login-card{width:100%;max-width:440px}.login-card-head,.login-form{padding-left:24px;padding-right:24px}.login-card-head:before{left:24px;right:24px}}