/* Approved Login/Signup palette (closerkit.css) */
#ck-desktop-entry{
  --slate:#2d3748;      /* heading / primary text */
  --muted:#64748b;      /* supporting text — 4.76:1 on white */
  --teal:#0d9488;       /* primary */
  --teal-dark:#0b827a;  /* primary hover */
  --panel:#f4f7f9;      /* page background */
  --border-lt:#e6ecf0;  /* card border */
  --border:#cbd5e0;     /* secondary button border */
  --btn-teal:#0b827a;        /* Continue button — 4.68:1 with white text */
  --btn-teal-hover:#0a716a;  /* Continue hover — 5.5:1 with white text */
  --tint:#e6f6f4; --wash:#f0fdf9;
}
#ck-desktop-entry,#ck-desktop-entry *,#ck-desktop-entry *::before,#ck-desktop-entry *::after{box-sizing:border-box}

#ck-desktop-entry{font-family:"Hanken Grotesk",system-ui,sans-serif;background:var(--panel);color:var(--slate);-webkit-font-smoothing:antialiased}
#ck-desktop-entry a{color:var(--teal);text-underline-offset:2px}
#ck-desktop-entry a:hover{color:var(--teal-dark)}
#ck-desktop-entry :focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:8px}

#ck-desktop-entry .page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,48px) clamp(12px,4vw,32px)}
#ck-desktop-entry .stack{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:24px}
#ck-desktop-entry .logo{height:26px;width:auto;display:block}

#ck-desktop-entry .card{width:100%;background:#fff;border:1px solid var(--border-lt);border-radius:16px;
  box-shadow:0 18px 50px rgba(45,55,72,.08);
  padding:clamp(24px,7vw,40px) clamp(20px,6vw,36px);display:flex;flex-direction:column;gap:20px}
#ck-desktop-entry .card[hidden]{display:none}
#ck-desktop-entry .intro{display:flex;flex-direction:column;gap:12px}
#ck-desktop-entry h1{margin:0;font-size:clamp(22px,6vw,26px);line-height:1.2;font-weight:700;letter-spacing:-.015em;color:var(--slate);text-wrap:balance}
#ck-desktop-entry p{margin:0;font-size:16px;line-height:1.55;color:var(--muted);text-wrap:pretty}
#ck-desktop-entry .note{background:var(--wash);border:1px solid var(--tint);border-radius:12px;padding:16px}
#ck-desktop-entry .note p{color:var(--slate)}
#ck-desktop-entry .note strong{font-weight:700;color:var(--slate);overflow-wrap:anywhere}

#ck-desktop-entry .actions{display:flex;flex-direction:column;gap:10px}
#ck-desktop-entry .btn{min-height:44px;padding:10px 16px;font:inherit;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;width:100%}
#ck-desktop-entry .btn--primary{color:#fff;background:var(--btn-teal);border:1px solid var(--btn-teal)}
#ck-desktop-entry .btn--primary:hover{background:var(--btn-teal-hover);border-color:var(--btn-teal-hover)}
#ck-desktop-entry .btn--secondary{color:var(--slate);background:#fff;border:1px solid var(--border)}
#ck-desktop-entry .btn--secondary:hover{background:var(--panel);border-color:var(--muted)}

#ck-desktop-entry .status{margin:-8px 0 0;min-height:21px;font-size:14px;line-height:1.5;color:var(--muted);text-align:center}
@media (prefers-reduced-motion:reduce){#ck-desktop-entry *{transition:none!important}}

#ck-desktop-entry{position:fixed;inset:0;z-index:100000;background:var(--panel);overflow:auto;font-size:16px;color:var(--slate)}
#ck-desktop-entry[hidden]{display:none!important}
#ck-desktop-entry .page{width:100%;min-height:100%;}
#ck-desktop-entry .btn:disabled{cursor:wait;opacity:.75}

/* State announcement focuses a non-interactive heading; button keyboard focus retains the approved ring. */
#ck-desktop-entry h1:focus-visible{outline:none}