@font-face{font-family:"DM Sans";src:url("dmsans-variable-latin.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
:root{color-scheme:light;--access-ink:#111111;--access-mint:#18e0ab;--access-muted:#525b57;font-synthesis:none}
*{box-sizing:border-box}
/* The document owns vertical scrolling, including touch reversal and browser back. */
html{min-height:100%;scroll-behavior:auto;overflow-x:clip;overflow-y:visible;background:#fff}
body{margin:0;min-width:0;min-height:100%;height:auto;background:#fff;color:var(--access-ink);font:400 16px/1.5 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:visible}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible{outline:3px solid #2b80ff;outline-offset:5px}
body [data-access-mode="create"]{display:none}
html[data-access-mode="create"] [data-access-mode="login"]{display:none}
html[data-access-mode="create"] [data-access-mode="create"]{display:revert}
.access-layout{display:grid;min-height:100vh;min-height:100svh;background:#fff}
/* Equal outer tracks center the whole logo/button block independently of the back link. */
.access-panel{display:grid;grid-template-rows:44px 1fr 44px;min-width:0;padding:32px clamp(24px,5vw,80px)}
.access-header{display:flex;align-items:center;justify-content:flex-start;min-height:44px}
.access-home{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:650;color:var(--access-muted);white-space:nowrap}
.access-home svg{width:19px;height:19px}
.access-content{display:grid;gap:44px;width:100%;max-width:440px;place-self:center;padding:32px 0}
.access-logo{display:block;width:240px;max-width:75%;justify-self:center;line-height:0}
.access-logo img{display:block;width:100%;height:auto}
.access-actions{display:grid;gap:16px}
.access-choices{display:grid;gap:18px}
.access-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 12px;color:var(--access-muted);font-size:12px;font-weight:500;line-height:1.5;text-align:center}
.access-legal a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
.access-legal a:hover,.access-legal a:focus-visible{text-decoration:underline;color:var(--access-ink)}
.access-legal span{color:#9aa39e}
/* Home pill styling at a larger size; equal side columns center labels and align arrows. */
.access-choice{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-height:72px;padding:22px 28px;border:0;border-radius:100px;background:var(--access-ink);color:#fff;font-size:18px;font-weight:650;line-height:1.35;text-align:center;transition:background-color .32s ease-in-out,color .32s ease-in-out,border-color .32s ease-in-out}
.access-choice[data-role="manager"]{background:var(--access-mint);color:var(--access-ink)}
.access-choice[data-access-mode="create"],html[data-access-mode="create"] .access-choice[data-access-mode="login"]{display:none}
html[data-access-mode="create"] .access-choice[data-access-mode="create"]{display:grid}
.access-choice strong{grid-column:2;min-width:0;font-size:inherit;font-weight:inherit}
.access-arrow{grid-column:3;width:24px;height:24px;color:currentColor}
.access-skip{position:fixed;top:12px;left:12px;z-index:10;transform:translateY(-180%);padding:12px 18px;border-radius:100px;background:#fff}
.access-skip:focus{transform:none}
@media(hover:hover) and (pointer:fine){.access-choice:hover{background:#303030}.access-choice[data-role="manager"]:hover{background:#38e7b8}.access-home:hover{color:var(--access-ink)}}
.access-choice:active{background:#222}
.access-choice[data-role="manager"]:active{background:#20d5a5}
@media(max-width:900px){
  .access-panel{padding:20px max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
  .access-home{font-size:13px}
  .access-content{gap:36px;padding:30px 0}
  .access-logo{width:210px}
  .access-choice{min-height:64px;padding:18px 22px;font-size:17px;grid-template-columns:22px minmax(0,1fr) 22px;gap:10px}
  .access-arrow{width:22px;height:22px}
  .access-choices{gap:16px}
}
@media(max-width:360px){.access-panel{padding-inline:18px}.access-choice{grid-template-columns:20px minmax(0,1fr) 20px;gap:8px;padding-inline:18px;font-size:16px}.access-arrow{width:20px;height:20px}}
@media(max-height:600px){.access-panel{padding-block:16px}.access-content{gap:20px;padding-block:8px}.access-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}