.tk-auth-gate{width:min(520px,calc(100% - 32px));padding:32px;color:#4a5060;background:var(--tk-surface,#fff);border:1px solid var(--tk-border,#e1e5ea);border-radius:24px}.tk-auth-gate::backdrop{background:rgba(12,22,32,.55)}.tk-auth-gate h2{font-size:26px;line-height:1.2;margin:16px 28px 16px 0;color:var(--tk-text,#222c3a)}.tk-auth-gate-close{float:right}.tk-auth-gate-kicker{color:#006887;font-weight:700}.tk-auth-gate-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 12px}.tk-auth-benefits{margin:32px 0;padding:24px;border-radius:20px;background:var(--tk-surface,#fff);color:var(--tk-text,#4a5060);border:1px solid var(--tk-border,#e1e5ea)}.tk-auth-benefits-scroll{overflow-x:auto}.tk-auth-benefits table{width:100%;border-collapse:collapse;font-size:14px}.tk-auth-benefits th,.tk-auth-benefits td{padding:12px;text-align:left;border-bottom:1px solid var(--tk-border,#e1e5ea)}.tk-auth-benefits thead{color:#006887}.tk-auth-benefits td:last-child{background:rgba(0,104,135,.06)}.tk-auth-benefits td svg{width:18px;height:18px;margin-right:6px;vertical-align:middle;color:#006887}.tk-auth-benefits h2{font-size:24px}.tk-auth-gate :focus-visible,.tk-auth-benefits :focus-visible{outline:3px solid #006887;outline-offset:4px}body.dark .tk-auth-gate,body.dark .tk-auth-benefits,html[data-theme="dark"] .tk-auth-gate,html[data-theme="dark"] .tk-auth-benefits{background:#18212b;color:#dbe3ea}body.dark .tk-auth-gate h2,html[data-theme="dark"] .tk-auth-gate h2{color:#f3f6f8}@media(prefers-color-scheme:dark){body:not(.light) .tk-auth-gate{color:var(--tk-text,#dbe3ea)}}@media(max-width:640px){.tk-auth-gate{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:90dvh;border-radius:24px 24px 0 0;padding:24px 20px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box}.tk-auth-gate-actions{flex-direction:column}.tk-auth-benefits{padding:16px}.tk-auth-benefits th,.tk-auth-benefits td{padding:10px 6px;font-size:12px} .tk-auth-benefits th:first-child{width:48%}}

/* Registration mirrors the frontend login split panel without altering the native form. */
.tk-register-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);width:min(1200px,calc(100% - 48px));margin:48px auto;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #15334418;background:#fff;align-items:stretch}
.tk-register-layout #login{width:auto;max-width:none;margin:0;padding:40px;box-shadow:none;border-radius:0;box-sizing:border-box}
.tk-register-benefits{background:linear-gradient(145deg,#006887,#004d65);color:white;padding:36px 24px}.tk-register-benefits .tk-auth-benefits{background:transparent;border:0;color:#fff;margin:0;padding:0}.tk-register-benefits .tk-auth-benefits h2{font-size:32px;line-height:1.2;color:#fff;margin:0 0 20px}.tk-register-benefits .tk-auth-benefits p{color:#e3f1f5;font-size:15px;line-height:1.7}.tk-register-benefits .tk-auth-benefits thead{color:#fff}.tk-register-benefits .tk-auth-benefits th,.tk-register-benefits .tk-auth-benefits td{border-color:#ffffff30;padding:12px 8px;font-size:13px}.tk-register-benefits .tk-auth-benefits td:last-child{background:#ffffff12}.tk-register-benefits .tk-auth-benefits svg{color:#a2e2ef}.tk-register-benefits .tk-auth-benefits td{white-space:nowrap}.tk-register-benefits .tk-auth-benefits th:first-child{width:50%}
@media(max-width:900px){.tk-register-layout{display:flex;flex-direction:column;width:min(600px,calc(100% - 24px));margin:20px auto}.tk-register-benefits{order:2;padding:28px 20px}.tk-register-layout #login{padding:28px 20px}.tk-register-benefits .tk-auth-benefits h2{font-size:26px}}

.tk-register-layout{position:relative;z-index:2}.tk-auth-gate{color:var(--tk-text,#4a5060)}.tk-auth-gate h2{color:var(--tk-heading,#172033)}
.tk-register-benefits .tk-auth-benefits th,.tk-register-benefits .tk-auth-benefits td{color:#fff}.tk-register-benefits .tk-auth-benefits th{font-weight:600}.tk-register-benefits .tk-auth-benefits td{font-weight:400}
@media(max-width:640px){.tk-register-benefits .tk-auth-benefits table{table-layout:fixed}.tk-register-benefits .tk-auth-benefits th,.tk-register-benefits .tk-auth-benefits td{white-space:normal;overflow-wrap:anywhere;font-size:11px;padding:10px 5px}.tk-register-benefits .tk-auth-benefits th:first-child{width:46%}.tk-register-benefits .tk-auth-benefits th:nth-child(2){width:23%}.tk-register-benefits .tk-auth-benefits th:nth-child(3){width:31%}.tk-register-benefits .tk-auth-benefits td svg{display:block;margin:0 0 4px}}

.tk-auth-benefits .tk-benefit-state{text-align:center}.tk-auth-benefits .tk-benefit-state svg{width:22px;height:22px;margin:0;vertical-align:middle}.tk-auth-benefits .tk-benefit-state.is-available svg{color:var(--tk-success,#21734b)}.tk-auth-benefits .tk-benefit-state.needs-account svg{color:var(--tk-text-muted,#78818b);opacity:.75}.tk-register-benefits .tk-benefit-state.is-available svg{color:#a8f0cf}.tk-register-benefits .tk-benefit-state.needs-account svg{color:#d1e5eb;opacity:.65}.tk-benefit-count{display:block;margin-top:4px}.tk-auth-benefits .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap}

/* One uninterrupted rule across the comparison; header follows its icon column. */
.tk-auth-benefits thead th:not(:first-child){text-align:center}
.tk-register-benefits .tk-auth-benefits td:last-child{background:transparent}
.tk-register-benefits .tk-auth-benefits tr{border-bottom:1px solid rgba(255,255,255,.22)}
.tk-register-benefits .tk-auth-benefits th,.tk-register-benefits .tk-auth-benefits td{border-bottom:0}
@media(min-width:901px){.tk-register-benefits{padding-top:64px}}
/* Tall benefit tables must start below the page margin, never above the viewport. */
body.tekeregj-modern-auth:has(.tk-register-layout){align-items:flex-start;height:auto;min-height:100vh}

/* Initial focus belongs to the dialog; visible rings stay on interactive controls. */
#tk-auth-gate:focus{outline:none}