.login-layout{display:grid;gap:36px;max-width:1240px;margin:0 auto;padding:40px 24px 64px}.login-story{display:none}.login-panel{width:100%;max-width:460px;margin:auto}.login-panel>.eyebrow{color:var(--gold);margin-bottom:20px}.login-panel h1{font-size:38px;line-height:1.18}.login-panel .intro{font-size:14px;margin:18px 0 28px}.login-panel label{display:block;font-size:12px;margin:20px 0 8px}.login-panel input{width:100%;border:1px solid var(--line);color:var(--ink);background:var(--surface);min-height:54px;border-radius:3px;padding:14px 16px;font-size:16px}.login-panel input::placeholder{color:var(--muted);opacity:.8}.password-field{display:flex;position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:4px;top:5px;min-width:58px;min-height:44px;border:0;background:none;color:var(--gold);font-size:11px}.login-submit{width:100%;margin-top:26px;min-height:54px}.login-status{font-size:13px;line-height:1.7;min-height:24px;color:var(--gold);margin:14px 0}.login-status.error{color:#efa88e}.demo-access{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.demo-access>p{font-size:12px;color:var(--muted);margin:16px 0}.demo-access dl{font-size:12px;margin:18px 0}.demo-access dl>div{display:flex;justify-content:space-between;gap:14px;padding:6px 0}.demo-access dt{color:var(--muted)}.demo-access dd{margin:0;font-family:ui-monospace,monospace;font-size:12px}.demo-access .button{width:100%}.login-disclaimer{color:var(--muted);font-size:11px;line-height:1.8;text-align:center;margin:22px 0 0}.login-disclaimer a{text-decoration:underline;text-underline-offset:3px}:root[data-theme=ivory] .login-status.error{color:#9b442c}
@media(min-width:900px){.login-layout{grid-template-columns:1.2fr 1fr;gap:80px;padding:70px 48px 80px;align-items:start}.login-story{display:block;position:relative;padding:18px 0 0;min-height:660px}.login-story>.eyebrow{color:var(--gold)}.login-story h2{font-size:clamp(48px,5vw,68px);line-height:1.12;margin-top:26px}.login-story>p:not(.eyebrow){max-width:350px;color:var(--muted);font-size:14px;line-height:1.9;margin-top:26px}.login-story-footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:8px;letter-spacing:.15em;color:var(--muted);margin-top:36px}.login-art{display:flex;align-items:center;gap:18px;height:180px;padding:36px 16px 0}.login-art span{display:block;width:38px;height:80px;background:var(--gold);opacity:.7;position:relative;transform:skewY(-12deg)}.login-art span::before{content:'';position:absolute;width:1px;top:-20px;bottom:-20px;left:50%;background:var(--gold)}.login-art span:nth-child(2){height:110px;margin-top:-15px;opacity:.85}.login-art span:nth-child(3){height:65px;margin-top:-50px;opacity:.5}.login-art span:nth-child(4){height:100px;margin-top:-70px}.login-art span:nth-child(5){height:130px;margin-top:-110px;opacity:1}:root[data-theme=ivory] .login-story{border-right:1px solid var(--line);padding-right:50px}:root[data-theme=ivory] .login-art span{width:30px}:root[data-theme=forest] .login-panel{background:var(--surface);padding:32px;border-radius:14px;max-width:500px}:root[data-theme=forest] .demo-access{background:var(--bg)} }