.login-page{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.lgn-art{background:var(--ink-hero);color:#eef0f4;flex-direction:column;padding:54px 56px;display:flex;position:relative;overflow:hidden}.lgn-art:before{content:"";pointer-events:none;background:radial-gradient(680px 360px at 84% -8%,#1f6bff57,#0000 70%),radial-gradient(520px 320px at 6% 116%,#5b54e642,#0000 70%);position:absolute;inset:0}.lgn-art .wm{font-family:var(--font-display);letter-spacing:-.045em;align-items:baseline;font-size:30px;font-weight:800;display:inline-flex;position:relative}.lgn-art .wm i{background:var(--accent);border-radius:50%;width:.18em;height:.18em;margin-left:.1em}.lgn-art .claim{margin-top:auto;position:relative}.lgn-art .claim h1{font-family:var(--font-serif);letter-spacing:-.015em;max-width:15ch;margin:0;font-size:39px;font-weight:500;line-height:1.12}.lgn-art .claim p{color:#ffffff9e;max-width:36ch;margin:18px 0 0;font-size:14px;line-height:1.5}.lgn-art .lgn-meta{gap:10px;margin-top:34px;display:flex;position:relative}.lgn-art .lgn-meta .m{background:#ffffff0d;border:1px solid #ffffff17;border-radius:11px;padding:11px 14px}.lgn-art .lgn-meta .m .l{color:#ffffff80;font-size:10px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.lgn-art .lgn-meta .m .v{margin-top:5px;font-size:13px;font-weight:600}.lgn-form{background:var(--surface);justify-content:center;align-items:center;padding:54px;display:flex}.lgn-card{width:340px}.lgn-card .kick{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.lgn-card h2{font-family:var(--font-serif);margin:9px 0 4px;font-size:27px;font-weight:600}.lgn-card .sub{color:var(--ink-3);margin-bottom:26px;font-size:13px}.field{flex-direction:column;gap:7px;margin-bottom:15px;display:flex}.field .lab{color:var(--ink-2);letter-spacing:.01em;font-size:11.5px;font-weight:600}.field .err{color:var(--rose);align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:flex}.inp{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);border-radius:10px;align-items:center;gap:9px;min-height:20px;padding:11px 13px;font-size:13.5px;display:flex}.inp:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.inp.invalid{border-color:var(--rose);box-shadow:0 0 0 3px #c8553d1a}.inp input{color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1}.inp input::placeholder{color:var(--ink-3)}.inp .ic{color:var(--ink-3);flex:none;display:inline-flex}.btn{cursor:pointer;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn.acc{background:var(--accent);color:#fff;border-color:var(--accent);width:100%;margin-top:6px}.btn.acc:disabled{opacity:.6;cursor:default}.lgn-card .foot{color:var(--ink-4);margin-top:22px;font-size:11px;line-height:1.5}.spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite lgn-spin}@keyframes lgn-spin{to{transform:rotate(360deg)}}@media (max-width:860px){.login-page{grid-template-columns:1fr}.lgn-art{min-height:240px;padding:32px 28px}.lgn-art .claim h1{font-size:30px}.lgn-form{padding:36px 24px}.lgn-card{width:100%;max-width:340px}}