.login-wrap { max-width: 1080px; margin: 34px auto; display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; align-items: stretch; padding: 0 26px; }
.login-hero { padding: 34px; min-height: 560px; position: relative; overflow: hidden; }
.login-hero::after { content: ""; position: absolute; right: -80px; bottom: -70px; width: 360px; height: 360px; border-radius: 50%; background: rgba(94,234,212,.13); }
.mock-machine { position: relative; z-index: 2; width: min(360px, 100%); margin: 28px auto 0; border-radius: 32px; padding: 18px; background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)); border: 1px solid rgba(255,255,255,.18); }
.mock-window { border-radius: 22px; padding: 12px; background: rgba(5,10,22,.62); display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.mock-item { height: 54px; border-radius: 14px; background: rgba(255,255,255,.1); display: grid; place-items: center; color: var(--muted); font-size: 11px; }
.machine-console { margin-top: 14px; display: grid; grid-template-columns: 1fr 70px; gap: 10px; }
.machine-console div { background: #050a16; border-radius: 16px; padding: 12px; color: var(--brand); font-size: 12px; }
.login-form { padding: 34px; display: flex; flex-direction: column; justify-content: center; }
.login-form h2 { margin: 0 0 8px; font-size: 30px; }
.login-form p { color: var(--muted); margin: 0 0 28px; }