@font-face{font-family:"Access Display";src:url("/fonts/sales_gamification/space-grotesk-latin.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
:root{color-scheme:light;--access-canvas:#f3f6f7;--access-ink:#17313c;--access-muted:#586d76;--access-line:#dbe4e7;--access-accent:#0c756f;--access-button:#174c4a}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
.access-page{min-height:100dvh;background:var(--access-canvas);color:var(--access-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}
button,input,select{font:inherit}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--access-accent);outline-offset:4px}
[hidden]{display:none!important}
.access-header,.access-footer{width:min(100% - 96px,1200px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.access-header{min-height:112px;border-bottom:1px solid var(--access-line)}
.access-wordmark{font:700 28px/1 "Access Display",sans-serif;letter-spacing:-1.5px}
.access-accent{color:var(--access-accent)}
.access-header-label{font-size:12px;color:var(--access-muted)}
.access-main{flex:1;display:flex;align-items:center;width:min(100% - 96px,1080px);margin:64px auto 80px}
.access-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(48px,7vw,112px);width:100%}
.access-intro{padding-block:24px}
.access-eyebrow{font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:var(--access-muted);margin:0 0 18px}
h1,h2,p{overflow-wrap:break-word}
.access-intro :is(h1,.access-login-title){font:500 clamp(38px,4.9vw,64px)/1.08 "Access Display",sans-serif;letter-spacing:-.055em;margin:0 0 24px;text-wrap:balance}
.access-lead{max-width:32ch;font-size:17px;line-height:1.7;color:var(--access-muted);margin:0}
.access-identity{display:flex;align-items:center;gap:14px;margin:40px 0 20px;padding-top:28px;border-top:1px solid var(--access-line);max-width:340px}
.access-presence{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--access-accent);box-shadow:0 0 0 5px #e0ece9}
.access-identity strong{display:block;font-size:14px;font-weight:600;line-height:1.8}
.access-label{display:block;font-size:11px;font-weight:500;line-height:1.6;color:var(--access-muted)}
.access-note{max-width:34ch;font-size:13px;line-height:1.7;color:var(--access-muted);margin:0}
.access-panel{min-width:0;border:1px solid #e3e9eb;border-radius:20px;background:#fff;padding:40px;box-shadow:0 20px 48px -32px rgb(23 49 60 / 22%)}
.access-key{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#edf4f2;color:var(--access-accent);margin-bottom:30px}
.access-key svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.access-panel .access-eyebrow{margin-bottom:10px}
.access-panel h2{font:500 clamp(24px,2.2vw,30px)/1.22 "Access Display",sans-serif;letter-spacing:-.035em;margin:0 0 14px}
.access-description{font-size:14px;line-height:1.7;color:var(--access-muted);margin:0 0 28px;max-width:48ch}
.access-button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid transparent;border-radius:9px;background:var(--access-button);color:#fff;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;text-align:left;cursor:pointer;transition:background-color 160ms,transform 160ms}
.access-button:hover{background:#103b39}
.access-button:active{transform:translateY(1px)}
.access-button>span{font-size:20px;line-height:1;font-weight:400;flex-shrink:0}
.access-button:disabled{opacity:.65;cursor:wait}
.access-button-secondary{background:#fff;border-color:var(--access-line);color:var(--access-ink)}
.access-button-secondary:hover{background:#f3f7f6}
.access-divider{display:flex;align-items:center;gap:12px;color:var(--access-muted);font-size:11px;line-height:1.6;margin:24px 0 16px}
.access-divider::before,.access-divider::after{content:"";flex:1;height:1px;background:var(--access-line)}
.access-hint{margin:12px 0 0;color:var(--access-muted);font-size:12px;line-height:1.7}
.access-panel-footer{border-top:1px solid var(--access-line);padding-top:22px;margin-top:28px}
.access-panel-footer p{font-size:11px;color:var(--access-muted);line-height:1.7;margin:12px 0 0}
.access-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;font-weight:600;text-decoration:none;color:var(--access-button)}
.access-link:hover{text-decoration:underline;text-underline-offset:4px}
.access-feedback{font-size:13px;line-height:1.7;color:#285550;background:#edf5f2;border-left:3px solid #44867b;border-radius:3px 8px 8px 3px;margin-top:24px;padding:13px 16px}
.access-feedback p{margin:0}
.access-feedback[data-state="error"]{color:#8c3b30;background:#fff3ef;border-color:#b2604f}
.access-feedback[data-state="pending"]{color:#755718;background:#faf5e9;border-color:#b38c3d}
.access-feedback[data-state="busy"]{color:var(--access-muted);background:#f2f5f6;border-color:#a5b8c0}
.access-receipt{border:1px solid var(--access-line);border-radius:8px;margin-top:14px;padding:15px 16px;font-size:12px;line-height:1.6}
.access-receipt summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
.access-receipt summary::-webkit-details-marker{display:none}
.access-receipt[open] summary>span{transform:rotate(45deg)}
.access-receipt p{margin:16px 0;color:var(--access-muted)}
.access-receipt dl{margin:0}
.access-receipt dt{font-size:11px;color:var(--access-muted);margin-top:14px}
.access-receipt dd{margin:4px 0 0}
.access-receipt code{display:block;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:var(--access-ink);user-select:all}
.access-target{padding:16px;background:#f4f7f7;border:1px solid var(--access-line);border-radius:8px;margin-bottom:24px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.access-target strong{display:block;font-weight:600;margin:2px 0 10px}
.access-target p{font-size:12px;color:var(--access-muted);margin:12px 0 0}
.access-steps{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:24px}
.access-steps li{display:flex;gap:18px;align-items:flex-start}
.access-steps li>span{font:12px/1.8 ui-monospace,monospace;color:var(--access-accent);padding-top:1px}
.access-steps strong{font-size:13px;font-weight:600;line-height:1.6}
.access-steps p{font-size:12px;color:var(--access-muted);line-height:1.7;margin:4px 0 0}
.access-footer{min-height:64px;border-top:1px solid var(--access-line);font-size:11px;color:var(--access-muted)}
.access-skip{position:absolute;top:12px;left:24px;z-index:1;padding:12px;background:#fff;transform:translateY(-200%)}
.access-skip:focus{transform:translateY(0)}
@media(max-width:900px){.access-header,.access-footer{width:calc(100% - 56px)}.access-main{width:calc(100% - 56px);margin-block:40px 56px}.access-grid{gap:36px}.access-panel{padding:30px}.access-intro :is(h1,.access-login-title){font-size:46px}}
@media(max-width:700px){.access-header{min-height:80px}.access-main{max-width:500px;display:block;margin-block:30px 44px}.access-grid{grid-template-columns:1fr;gap:28px}.access-intro{padding:0 4px}.access-intro :is(h1,.access-login-title){font-size:38px;max-width:14ch;margin-bottom:16px}.access-intro :is(h1,.access-login-title) br{display:none}.access-lead{font-size:15px;max-width:42ch}.access-eyebrow{margin-bottom:12px}.access-identity{margin:22px 0 12px;padding-top:20px;max-width:none}.access-note{max-width:none;font-size:12px}.access-panel{border-radius:16px;padding:28px}.access-key{width:44px;height:44px;margin-bottom:24px}.access-panel h2{font-size:27px}.access-steps{gap:14px;margin-top:24px}.access-footer{min-height:62px}.access-wordmark{font-size:25px}}
@media(max-width:380px){.access-header,.access-main,.access-footer{width:calc(100% - 32px)}.access-panel{padding:24px 20px}.access-intro :is(h1,.access-login-title){font-size:34px}.access-header-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.control-workspace{width:100%;align-self:flex-start}
.control-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:36px}
.control-heading h1{font:500 clamp(32px,4vw,46px)/1.15 "Access Display",sans-serif;letter-spacing:-.045em;margin:0 0 16px}
.control-heading .access-description{max-width:65ch;margin:0}
.control-operator{min-width:165px;padding-top:4px}
.control-operator strong{display:block;font-size:13px;line-height:1.8;margin:3px 0 12px}
.control-session{position:sticky;top:12px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#faf5e9;border:1px solid #dcc790;border-radius:14px;padding:24px;margin-bottom:24px;color:#584214}
.control-session h2{font-size:18px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.control-session h2 span{font-weight:400}.control-session p{font-size:12px;line-height:1.7;margin:8px 0 0;overflow-wrap:anywhere}.control-session .access-eyebrow{margin:0 0 6px;color:#755718}
.control-session form{flex-shrink:0;max-width:280px}.control-exit{background:#654e24}.control-exit:hover{background:#4c3919}.control-countdown{font-variant-numeric:tabular-nums;font-weight:650}
.control-action{margin-bottom:24px}.control-action .access-button{max-width:420px}.control-action .access-target>p:first-child{margin-top:0}
.control-search{padding:32px}.control-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.control-section-heading h2{margin-bottom:0}.control-step{font-size:11px;color:var(--access-muted);white-space:nowrap}
.control-fields{display:grid;grid-template-columns:1fr 1fr 1.7fr auto;gap:16px;align-items:end}.control-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;min-width:0}.control-fields input,.control-fields select{width:100%;min-width:0;height:48px;padding:10px 12px;border:1px solid #b5c7cd;border-radius:8px;background:#fff;color:var(--access-ink);font-size:14px}.control-fields input::placeholder{color:var(--access-muted);font-size:12px}.control-fields .access-button{min-height:48px;min-width:116px;justify-content:center}
.control-results{margin-top:28px}.control-results #message{font-size:13px;line-height:1.7;color:var(--access-muted);overflow-wrap:anywhere}.control-empty{padding:28px;border:1px dashed #bdcdd1;border-radius:12px;font-size:13px;line-height:1.7;color:var(--access-muted);text-align:center}
.control-results #results{display:grid;gap:16px}.control-results #results>section{padding:28px;border:1px solid var(--access-line);border-radius:14px;background:#fff;min-width:0}.control-results h2{font:500 19px/1.5 "Access Display",sans-serif;letter-spacing:-.02em;margin:0 0 18px;overflow-wrap:anywhere}.control-results form+form{margin-top:10px}.control-results button{display:block;width:100%;min-height:48px;border:1px solid var(--access-line);border-radius:8px;background:#f4f8f7;color:var(--access-button);font-size:13px;font-weight:600;text-align:left;line-height:1.6;padding:12px 16px;cursor:pointer;overflow-wrap:anywhere}.control-results button:hover{border-color:#44867b;background:#edf5f2}
@media(max-width:900px){.control-fields{grid-template-columns:1fr 1fr}.control-section-heading{align-items:flex-start}.control-step{display:none}.control-heading{gap:24px}.control-session{align-items:flex-start;flex-direction:column;gap:16px}.control-session form{max-width:none;width:100%}}
@media(max-width:700px){.control-heading{flex-direction:column;gap:22px;margin-bottom:28px}.control-heading h1{font-size:34px}.control-operator{border-left:2px solid #a5c7be;padding:0 0 0 14px}.control-operator .access-link{font-size:12px}.control-search{padding:24px}.control-fields{grid-template-columns:1fr;gap:18px}.control-section-heading h2{font-size:25px}.control-results #results>section{padding:20px}.control-session{top:0;padding:18px;margin-inline:-4px}.control-action .access-button{max-width:none}}