:root{
  --bg:#F6F6F4; --surface:#FFFFFF; --ink:#111111; --ink2:#666666; --ink3:#989898;
  --line:#EDEDED; --line2:#E4E4E0; --accent:#FF7C41; --accent-2:#EE8340;
  --accent-soft:#FFF1E8; --accent-ink:#B9541D;
  --bad-bg:#FBE7E7; --bad-ink:#9B2C2C; --good-bg:#E9F3EC; --good-ink:#1D6B34;
  --sh:0 1px 2px rgba(17,17,17,.04), 0 8px 24px rgba(17,17,17,.05);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.lg{
  font-family:"Lab Grotesque",Inter,"Helvetica Neue",Arial,system-ui,sans-serif;
  background:var(--bg);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased;
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;
}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.lgbox{
  width:100%;max-width:376px;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:34px 34px 30px;box-shadow:var(--sh);
}
.lgbox.wide{max-width:560px}
.lgmark{margin-bottom:22px}
.lgmark svg{width:40px;height:40px;display:block}
.lgmark img{height:48px;width:auto;max-width:220px;display:block}
.lgbox h1{font-size:23px;font-weight:700;letter-spacing:-.015em;margin:0 0 4px}
.lgsub{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink3);margin:0 0 24px}

.lgbox label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink3);margin:0 0 6px}
.lgbox input[type=text],.lgbox input[type=password]{
  width:100%;border:1px solid var(--line2);background:var(--surface);border-radius:8px;
  padding:11px 13px;font-size:15px;font-family:inherit;color:var(--ink);margin-bottom:16px;
}
.lgbox input[type=text]:focus,.lgbox input[type=password]:focus{outline:none;border-color:var(--ink);}
.lgcode{letter-spacing:.42em;font-size:22px!important;font-weight:700;text-align:center;
  padding:13px!important;font-variant-numeric:tabular-nums}

.lgkeep{display:flex!important;align-items:center;gap:9px;text-transform:none!important;
  letter-spacing:0!important;font-size:13.5px!important;font-weight:400!important;
  color:var(--ink2)!important;margin:2px 0 22px!important;cursor:pointer}
.lgkeep input{width:16px;height:16px;accent-color:var(--accent);flex:0 0 auto;margin:0;cursor:pointer}

.lgbtn{
  width:100%;background:var(--ink);color:#fff;border:none;border-radius:6px;padding:13px 18px;
  font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
  font-family:inherit;transition:.13s;
}
.lgbtn:hover{background:#000}
.lgbtn:active{transform:translateY(1px)}

.lgerr{background:var(--bad-bg);color:var(--bad-ink);border-radius:8px;padding:11px 14px;
  font-size:13.5px;line-height:1.5;margin-bottom:20px}
.lgerr code{background:rgba(255,255,255,.6);padding:1px 5px;border-radius:4px;font-size:13px}
.lgok{background:var(--good-bg);color:var(--good-ink);border-radius:10px;padding:16px 18px;
  font-size:13.5px;line-height:1.6;margin-bottom:20px}
.lgok p{margin:8px 0}
.lgok strong{display:block;margin-bottom:6px;font-size:14px}
.lgsecret{background:var(--surface);border:1px solid var(--line2);border-radius:8px;
  padding:12px 14px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:16px;
  font-weight:700;letter-spacing:.06em;color:var(--ink);word-break:break-all;margin:8px 0}
.lgsecret.small{font-size:11.5px;font-weight:400;letter-spacing:0;line-height:1.5}
.lghint{font-size:13.5px;color:var(--ink2);line-height:1.55;margin:0 0 18px}
.lgtiny{font-size:12px;color:var(--ink3);line-height:1.6;margin:18px 0 0}
.lgalt{margin:20px 0 0;font-size:13.5px;text-align:center}
.lgalt a{color:var(--accent-ink);text-decoration:none;font-weight:700}
.lgalt a:hover{text-decoration:underline}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}