.login-page{background:var(--ink-0);grid-template-columns:minmax(480px,1.35fr) minmax(420px,.75fr);min-height:100svh;display:grid;position:relative;overflow:hidden}.login-ruler{z-index:5;pointer-events:none;grid-template-columns:repeat(21,1fr);gap:3px;display:grid;position:absolute;inset:22px 22px auto}.login-ruler i{border-top:1px solid var(--line-strong);height:7px}.login-ruler i:nth-child(5n+1){border-color:var(--acid);height:14px}.login-intro{border-right:1px solid var(--line-strong);background:#111511;flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(46px,6vw,92px);display:flex}.login-brand{align-items:center;gap:14px;display:flex}.login-brand>span{width:46px;height:46px;color:var(--acid-ink);background:var(--acid);font-family:var(--display);place-items:center;font-size:25px;font-weight:800;display:grid;transform:rotate(-3deg)}.login-brand b{font-family:var(--display);letter-spacing:.07em;font-size:18px}.login-kicker,.access-copy>span{color:var(--acid);font:10px var(--mono);letter-spacing:.16em}.login-intro h1{font-family:var(--display);letter-spacing:-.075em;margin:16px 0 20px;font-size:clamp(50px,6.4vw,92px);font-weight:700;line-height:.98}.login-intro>div:nth-child(2) p{max-width:590px;color:var(--paper-dim);margin:0;font-size:16px}.login-intro footer{color:var(--paper-faint);font:9px var(--mono);letter-spacing:.13em;justify-content:space-between;display:flex}.login-access{background:var(--ink-0);flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(46px,5vw,76px);display:flex;position:relative}.access-index{color:color-mix(in oklch, var(--paper) 7%, transparent);font-family:var(--display);font-size:clamp(90px,12vw,170px);font-weight:700;line-height:.7;position:absolute;top:clamp(64px,8vw,110px);right:clamp(46px,5vw,76px)}.access-copy{position:relative}.access-copy h2{font-family:var(--display);margin:10px 0 7px;font-size:32px}.access-copy p{max-width:390px;color:var(--paper-faint);margin:0;font-size:12px}.login-form{margin-top:34px;display:grid}.login-form label{color:var(--paper-dim);margin:14px 0 7px;font-size:11px}.login-form input{border:1px solid var(--line-strong);width:100%;height:52px;color:var(--paper);background:var(--ink-2);border-radius:0;padding:0 14px;font-size:16px}.login-form button{min-height:54px;color:var(--acid-ink);background:var(--acid);cursor:pointer;border:0;justify-content:space-between;align-items:center;margin-top:20px;padding:0 18px;font-weight:750;display:flex}.login-form button:disabled{opacity:.45;cursor:wait}.login-form button span{font-size:20px}.login-form .form-error{color:#ffd3cf;background:color-mix(in oklch, var(--coral) 10%, transparent);border-left:2px solid var(--coral);margin-top:12px;padding:10px 12px;font-size:12px}.access-note{border-top:1px solid var(--line);color:var(--paper-faint);padding-top:14px;font-size:9px;position:absolute;bottom:clamp(46px,6vw,80px);left:clamp(46px,5vw,76px);right:clamp(46px,5vw,76px)}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-intro{border-right:0;border-bottom:1px solid var(--line-strong);min-height:46svh;padding:56px 32px 34px}.login-intro h1{margin-top:44px;font-size:clamp(45px,11vw,72px)}.login-intro footer{margin-top:50px}.login-access{min-height:54svh;padding:56px 32px 110px}.access-index{top:60px;right:32px}.access-note{bottom:35px;left:32px;right:32px}}@media (max-width:520px){.login-intro{min-height:42svh}.login-brand b{font-size:15px}.login-intro h1{font-size:44px}.login-intro>div:nth-child(2) p{font-size:13px}.login-intro footer span:last-child,.access-index{display:none}}
