:root{--access-heading:#14213d;--access-body:#1f2937;--access-subtle:#52607a;--access-muted:#6b7280;--access-border:#d7dfec;--access-icon:#64748b;--access-surface:#fff;--access-font:"Segoe UI", "Helvetica Neue", Arial, sans-serif;font-family:var(--access-font);color:var(--access-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f7fd;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{width:100%;min-width:0;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}img,svg{max-width:100%;display:block}#root{width:100%;min-width:0;min-height:100svh}.access-code-page{--page-padding:clamp(8px, 2svh, 16px);--shell-gap:clamp(6px, 1.4svh, 14px);--card-padding-start:clamp(12px, 2.4svh, 22px);--card-padding-inline:16px;--card-padding-end:clamp(12px, 2.4svh, 20px);--card-radius:18px;--logo-section-gap:clamp(6px, 1.4svh, 10px);--logo-ring-size:clamp(52px, 11svh, 80px);--logo-badge-size:clamp(42px, 8svh, 58px);--logo-icon-size:clamp(34px, 6.5svh, 46px);--company-gap:clamp(4px, 1svh, 8px);--company-font-size:clamp(.76rem, 3.5vw, .9rem);--title-font-size:clamp(1.55rem, 7.5vw, 1.9rem);--description-gap:clamp(6px, 1.4svh, 10px);--description-font-size:clamp(.82rem, 3.7vw, .92rem);--description-line-height:1.35;--input-section-gap:clamp(10px, 2svh, 18px);--input-label-gap:4px;--input-label-font-size:.88rem;--control-height:clamp(44px, 7.5svh, 50px);--button-gap:clamp(8px, 1.6svh, 12px);--help-gap:clamp(7px, 1.5svh, 12px);--help-column-gap:8px;--help-font-size:clamp(.78rem, 3.6vw, .9rem);--help-line-height:1.3;--footer-font-size:clamp(.72rem, 3.2vw, .82rem);width:100%;min-height:100svh;padding:var(--page-padding);background:radial-gradient(circle at top,#467aff24,#0000 28%),linear-gradient(#f8fbff 0%,#eef3fb 100%);overflow-x:clip}.access-code-shell{width:100%;min-width:0;min-height:calc(100svh - (2 * var(--page-padding)));justify-content:center;align-items:center;gap:var(--shell-gap);flex-direction:column;display:flex}.access-card{width:100%;min-width:0;max-width:480px;padding:var(--card-padding-start) var(--card-padding-inline) var(--card-padding-end);border-radius:var(--card-radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #94a3b838;box-shadow:0 28px 60px #0f172a24}.logo-section,.company-name,.title-section,.description-section,.help-section,.access-footer{text-align:center}.logo-section{margin-bottom:var(--logo-section-gap)}.logo-ring{width:var(--logo-ring-size);height:var(--logo-ring-size);background:radial-gradient(circle,#4f8cff29,#fff0);border-radius:999px;place-items:center;margin:0 auto;display:grid}.logo-badge{width:var(--logo-badge-size);height:var(--logo-badge-size);background:#ffffffd9;border-radius:999px;place-items:center;display:grid;box-shadow:inset 0 1px #fffc}.logo-icon{width:var(--logo-icon-size);height:var(--logo-icon-size)}.company-name{margin:0 0 var(--company-gap);color:var(--access-muted);font-size:var(--company-font-size);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.title-section h1{font-size:var(--title-font-size);letter-spacing:-.04em;margin:0;line-height:1.05}.description-section{max-width:30ch;margin:var(--description-gap) auto 0;color:var(--access-subtle);font-size:var(--description-font-size);line-height:var(--description-line-height)}.input-section{margin-top:var(--input-section-gap)}.input-label{margin-bottom:var(--input-label-gap);color:var(--access-heading);font-size:var(--input-label-font-size);font-weight:600;display:inline-block}.input-frame{min-height:var(--control-height);border:1px solid var(--access-border);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:0 14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.input-frame:focus-within{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb29}.input-icon,.eye-toggle{color:var(--access-icon);flex:none}.field-icon{width:20px;height:20px}.access-input{width:100%;min-width:0;color:var(--access-heading);font:inherit;background:0 0;border:0;padding:0}.access-input::placeholder{color:#94a3b8}.access-input:focus{outline:none}.eye-toggle{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;transition:background-color .2s,color .2s;display:grid}.eye-toggle:hover{color:#1d4ed8;background:#2563eb14}.eye-toggle:focus-visible,.continue-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}.continue-button{width:100%;min-height:var(--control-height);margin-top:var(--button-gap);color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:0;border-radius:16px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 18px 28px #2563eb3d}.continue-button:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 20px 34px #2563eb47}.help-section{margin:var(--help-gap) 0 0;justify-content:center;align-items:center;gap:var(--help-column-gap);color:var(--access-subtle);font-size:var(--help-font-size);line-height:var(--help-line-height);display:flex}.help-icon{border:1.5px solid;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:grid}.error-message{color:#b91c1c;margin-top:12px;font-size:.95rem}.access-footer{width:100%;min-width:0;color:var(--access-muted);font-size:var(--footer-font-size);overflow-wrap:anywhere;flex:none;line-height:1.2}@media (width>=641px){.access-code-page{--page-padding:20px;--shell-gap:14px;--card-padding-start:24px;--card-padding-inline:24px;--card-padding-end:22px;--card-radius:24px;--logo-section-gap:12px;--logo-ring-size:88px;--logo-badge-size:62px;--logo-icon-size:48px;--company-gap:8px;--company-font-size:.95rem;--title-font-size:clamp(1.85rem, 4vw, 2.35rem);--description-gap:12px;--description-font-size:1rem;--description-line-height:1.5;--input-section-gap:22px;--input-label-gap:10px;--input-label-font-size:.95rem;--control-height:52px;--button-gap:14px;--help-gap:16px;--help-column-gap:10px;--help-font-size:1rem;--help-line-height:1.5;--footer-font-size:.9rem}}@media (width>=641px) and (height<=700px){.access-code-page{--page-padding:12px;--shell-gap:10px;--card-padding-start:18px;--card-padding-end:18px;--logo-section-gap:8px;--logo-ring-size:72px;--logo-badge-size:54px;--logo-icon-size:42px;--company-gap:6px;--title-font-size:2rem;--description-gap:8px;--input-section-gap:16px;--input-label-gap:6px;--control-height:48px;--button-gap:10px;--help-gap:12px}}@media (width<=1024px) and (height<=500px) and (orientation:landscape){.access-code-page{--page-padding:8px;--shell-gap:5px;--logo-ring-size:52px;--logo-badge-size:42px;--logo-icon-size:34px;--company-font-size:.72rem;--title-font-size:clamp(1.35rem, 4.5vw, 1.75rem);--description-font-size:.76rem;--description-line-height:1.25;--input-label-font-size:.8rem;--control-height:44px;--help-font-size:.74rem;--help-line-height:1.25;--footer-font-size:.7rem}.access-card{border-radius:16px;grid-template-rows:repeat(4,auto);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:5px 20px;max-width:760px;padding:12px 16px;display:grid}.logo-section{grid-area:1/1;margin:0}.company-name{grid-area:2/1;margin:0}.title-section{grid-area:3/1}.description-section{grid-area:4/1;margin:0 auto}.input-section{grid-area:1/2/span 2;width:100%;margin:0}.input-label{margin-bottom:3px}.continue-button{grid-area:3/2;margin:0}.help-section{grid-area:4/2;margin:0}}@media (prefers-reduced-motion:reduce){.input-frame,.eye-toggle,.continue-button{transition:none}.input-frame:focus-within,.continue-button:hover{transform:none}}