*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);font:14px/1.5 var(--sans)}
.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.login-story{display:flex;flex-direction:column;padding:45px 10% 28px;border-right:1px solid var(--line);background:radial-gradient(ellipse at 80% 40%,#7fc9e80c,transparent 70%),#0b121e}
.login-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;font:600 26px var(--display);letter-spacing:-1px;width:max-content}.login-brand svg{width:36px;height:36px;color:var(--accent)}.brand-dot{color:var(--accent);margin-left:5px}
.story-body{margin:auto 0;padding:75px 0 70px;max-width:460px}.login-eyebrow{font:500 10px var(--display);letter-spacing:2px;color:var(--dimmer);margin:0 0 23px}.story-body h1{font:500 clamp(42px,4.6vw,66px)/1.08 var(--display);letter-spacing:-3px;color:var(--accent);margin:0 0 25px}.story-lede{font-size:15px;color:var(--muted);line-height:1.85;max-width:345px;margin:0}
.stack-visual{margin-top:45px;position:relative;max-width:365px}.stack-line{position:absolute;top:20px;bottom:20px;left:30px;width:1px;background:linear-gradient(var(--accent),var(--cyan),var(--active));opacity:.25}.stack-tile{position:relative;display:flex;align-items:center;gap:15px;padding:16px 18px;margin:12px 0;background:linear-gradient(150deg,#7fc9e805,transparent),var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 28px #00061022;color:#e6ecf2;font-size:13px}.stack-tile:nth-child(3){margin-left:20px;margin-right:-20px}.stack-tile small{display:block;font-size:11px;color:var(--dimmer);margin-top:3px}.tile-symbol{display:grid;place-items:center;width:30px;height:33px;font-size:22px;color:var(--accent)}.tile-symbol.cyan{color:var(--cyan)}.tile-symbol.mint{color:var(--active)}.tile-dot{width:5px;height:5px;border-radius:50%;background:var(--active);margin-left:auto;box-shadow:0 0 10px #4fbfa040}
.story-footer{display:flex;gap:8px;align-items:center;color:var(--dimmer);font-size:10px;margin:0}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--active)}.footer-divider{margin:0 4px;color:var(--line)}
.login-form-side{display:flex;flex-direction:column;padding:50px 10% 25px;min-width:0}.login-form-wrap{width:100%;max-width:365px;margin:auto;}.login-form-wrap>.login-eyebrow{margin-bottom:22px}.login-lock{display:grid;place-items:center;border:1px solid #d8c48c35;background:#d8c48c0a;color:var(--accent);width:48px;height:48px;border-radius:13px;margin-bottom:23px}.login-lock svg{width:23px;height:23px}.login-form-wrap h2{font:500 34px/1.2 var(--display);letter-spacing:-1.5px;color:#fff;margin:0 0 12px}.login-description{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 28px;max-width:350px}
.login-form{display:flex;flex-direction:column}.login-form label{font-size:12px;font-weight:500;color:#d9e3ed;margin-bottom:8px}.login-form input:not([type=hidden]){display:block;width:100%;background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:9px;padding:13px 14px;min-height:47px;font:13px var(--sans);margin:0 0 21px}.login-form input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.login-form small{font-size:10px;color:var(--dimmer);margin:-12px 0 22px;line-height:1.6}.login-submit{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:9px;padding:13px 17px;min-height:47px;display:flex;justify-content:space-between;align-items:center;font:600 12px var(--sans);cursor:pointer;margin-top:2px}.login-submit:hover{background:#e6d4a3}.login-submit span{font-size:18px;font-weight:400}.login-note{display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--line-soft);padding-top:21px;margin-top:24px;color:var(--dimmer);font-size:10px;line-height:1.8}.login-note svg{color:var(--cyan);width:16px;height:16px;flex-shrink:0;margin-top:2px}.form-error{color:var(--error);border:1px solid #e58aa840;background:#e58aa80b;border-radius:8px;padding:11px 13px;font-size:12px;margin-bottom:20px;line-height:1.65}.login-bottom{display:flex;justify-content:space-between;gap:15px;margin:50px 0 0;color:var(--dimmer);font-size:10px}.login-bottom span{color:#73899e}.logout{text-align:center;margin:19px 0 0}.logout button{background:transparent;border:0;color:var(--muted);font-size:11px;cursor:pointer;padding:7px}.logout button:hover{color:var(--cyan)}.back-link{display:block;text-align:center;color:var(--cyan);font-size:11px;margin:8px 0;text-decoration:none}
@media(min-width:1600px){.login-story{padding-left:15%}.login-form-side{padding-right:15%}}
@media(max-width:1050px){.login-story{padding:35px 35px 25px}.login-form-side{padding:45px 35px 25px}.story-footer{font-size:9px;flex-wrap:wrap}.story-body h1{font-size:48px}.stack-tile:nth-child(3){margin-left:10px;margin-right:-10px}.login-bottom{font-size:9px}}
@media(max-width:720px){.login-layout{grid-template-columns:1fr}.login-story{padding:25px 25px 20px;border-right:0;border-bottom:1px solid var(--line-soft)}.login-brand{font-size:23px}.login-brand svg{width:30px;height:30px}.story-body{padding:24px 0 4px;margin:0;max-width:100%}.story-body>.login-eyebrow,.story-lede,.stack-visual,.story-footer{display:none}.story-body h1{font-size:29px;line-height:1.2;letter-spacing:-1.3px;margin:0}.story-body h1 br{display:none}.story-body h1 br:after{content:' '}.login-form-side{padding:32px 25px 22px}.login-form-wrap{max-width:400px;margin:0 auto}.login-form-wrap h2{font-size:30px}.login-lock{width:41px;height:41px;margin-bottom:20px}.login-bottom{margin-top:40px}.login-form-wrap>.login-eyebrow{margin-bottom:18px}.login-description{margin-bottom:25px}.login-note{margin-top:21px}}