:root {
  --lw-auth-ink: #111418;
  --lw-auth-paper: #fffefb;
  --lw-auth-muted: #59616a;
  --lw-auth-accent: #ff6b00;
}

.lw-marketing-auth[hidden] { display: none; }
.lw-marketing-auth { position: fixed; inset: 0; z-index: 2147483100; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.lw-marketing-auth__backdrop { position: absolute; inset: 0; border: 0; background: rgba(17, 20, 24, .3); cursor: default; }
.lw-marketing-auth__card {
  position: fixed; top: var(--lw-auth-top, 72px); left: var(--lw-auth-left, calc(100vw - 420px));
  width: min(390px, calc(100vw - 28px)); box-sizing: border-box; overflow: hidden;
  border: 1.5px solid var(--lw-auth-ink); border-radius: 0; background: var(--lw-auth-paper); color: var(--lw-auth-ink);
  box-shadow: 8px 8px 0 rgba(17, 20, 24, .2); transform-origin: top right;
  animation: lw-auth-enter .18s cubic-bezier(.22, 1, .36, 1) both;
}
.lw-marketing-auth__stripe { height: 5px; background: repeating-linear-gradient(90deg, var(--lw-auth-accent) 0 18px, var(--lw-auth-ink) 18px 22px); }
.lw-marketing-auth__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 19px 20px 15px; border-bottom: 1px solid var(--lw-auth-ink); }
.lw-marketing-auth__kick { margin: 0 0 5px; color: var(--lw-auth-accent); font: 750 10px/1.2 "JetBrains Mono", ui-monospace, monospace; letter-spacing: .11em; text-transform: uppercase; }
.lw-marketing-auth h2 { margin: 0; font: 800 30px/1 "Space Grotesk", Inter, sans-serif; letter-spacing: -.04em; }
.lw-marketing-auth__close { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid var(--lw-auth-ink); border-radius: 0; background: transparent; color: var(--lw-auth-ink); cursor: pointer; font: 500 22px/1 Arial, sans-serif; }
.lw-marketing-auth__close:hover, .lw-marketing-auth__close:focus-visible { background: var(--lw-auth-ink); color: #fff; }
.lw-marketing-auth__body { padding: 20px; }
.lw-marketing-auth__note { display: flex; align-items: center; gap: 10px; margin: 0 0 17px; color: var(--lw-auth-muted); font-size: 14px; line-height: 1.45; }
.lw-marketing-auth__mail { position: relative; width: 34px; height: 25px; flex: 0 0 34px; border: 1.5px solid var(--lw-auth-ink); background: #fff; }
.lw-marketing-auth__mail::before, .lw-marketing-auth__mail::after { content: ""; position: absolute; top: 5px; width: 19px; height: 1.5px; background: var(--lw-auth-ink); }
.lw-marketing-auth__mail::before { left: 1px; transform: rotate(31deg); }
.lw-marketing-auth__mail::after { right: 1px; transform: rotate(-31deg); }
.lw-marketing-auth__spark { position: absolute; top: -7px; right: -8px; color: var(--lw-auth-accent); font: 900 15px/1 serif; }
.lw-marketing-auth__form { display: grid; gap: 9px; }
.lw-marketing-auth__form input { width: 100%; min-height: 48px; box-sizing: border-box; border: 1.5px solid var(--lw-auth-ink); border-radius: 0; background: #fff; color: var(--lw-auth-ink); padding: 12px 13px; font: 500 15px/1.2 inherit; }
.lw-marketing-auth__form input:focus { outline: 3px solid rgba(255, 107, 0, .24); outline-offset: 0; }
.lw-marketing-auth__submit { min-height: 48px; border: 1.5px solid var(--lw-auth-ink); border-radius: 0; background: var(--lw-auth-ink); color: #fff; cursor: pointer; padding: 12px 16px; font: 750 14px/1.2 inherit; transition: background .12s ease, border-color .12s ease, transform .12s ease; }
.lw-marketing-auth__submit:hover, .lw-marketing-auth__submit:focus-visible { border-color: var(--lw-auth-accent); background: var(--lw-auth-accent); transform: translateY(-1px); }
.lw-marketing-auth__submit:disabled { cursor: wait; opacity: .62; transform: none; }
.lw-marketing-auth__status { min-height: 0; margin: 12px 0 0; color: var(--lw-auth-muted); font: 650 11px/1.5 "JetBrains Mono", ui-monospace, monospace; }
.lw-marketing-auth__status:empty { display: none; }
.lw-marketing-auth__status[data-success="true"] { color: #136b37; }
@keyframes lw-auth-enter { from { opacity: 0; transform: translateY(-8px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 560px) { .lw-marketing-auth__card { top: auto; right: 14px; bottom: 14px; left: 14px; width: auto; transform-origin: bottom center; } }
@media (prefers-reduced-motion: reduce) { .lw-marketing-auth__card { animation: none; } .lw-marketing-auth__submit { transition: none; } }