@font-face{font-family:Golos;src:url('/_access/golos.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Golos,Arial,sans-serif;color:#f0e6d5;background:#211f1b;color-scheme:dark;font-synthesis:none;--gold:#e3c89c;--muted:#c4b8a6}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.entry{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,32%);align-items:center;padding:70px 7.5% 70px 4%;overflow:hidden;background:#211f1b}
.architecture{position:absolute;z-index:-1;inset:0 24% 0 0;overflow:hidden}.architecture img{width:100%;height:100%;object-fit:cover;object-position:46% 54%;filter:brightness(.79) saturate(.8)}
.architecture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#211f1b00 42%,#211f1b70 69%,#211f1b 100%),linear-gradient(0deg,#211f1b70,transparent 27%,transparent 75%,#211f1b20)}
.access{grid-column:2;position:relative;width:100%;max-width:480px;justify-self:end;padding:30px 0}.brand{padding-bottom:45px;border-bottom:1px solid #796449;margin-bottom:37px}.brand>img{display:block;width:66px;height:66px;margin-bottom:30px;border-radius:7px}.brand h1{margin:0;font-weight:450;font-size:clamp(32px,3vw,52px);line-height:1.14;letter-spacing:-.035em;text-wrap:balance}
label{display:block;font-size:14px;font-weight:450;margin-bottom:14px;color:var(--muted)}.code-field{display:flex;align-items:center;border:1px solid #8c7758;background:#29251f;transition:border-color .2s,box-shadow .2s}.code-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
/* The shared field carries input focus; avoid a second frame before the eye button. */
.code-field input:focus{outline:none}
input{width:100%;min-width:0;min-height:60px;padding:16px 19px;border:0;background:transparent;color:#f5e9d6;letter-spacing:.05em;font-size:18px}input::placeholder{color:#bbaf9d;font-size:16px;letter-spacing:0}input[aria-invalid="true"]{box-shadow:inset 0 -2px #d5a18b}
#reveal-code{display:grid;place-items:center;flex:none;width:54px;height:58px;border:0;background:transparent;color:var(--muted)}#reveal-code svg{width:23px;height:23px}#reveal-code:hover{color:#fff1d9;background:#362f26}
#access-message{font-size:13px;line-height:1.55;color:#e3b6a2;min-height:21px;margin:12px 0 23px;overflow-wrap:anywhere}
.enter{width:100%;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 21px;background:var(--gold);color:#30281e;border:0;font-size:16px;font-weight:500;transition:background .18s,transform .18s}.enter svg{width:23px;height:23px;transition:transform .2s}.enter:hover{background:#f0d9b5}.enter:hover svg{transform:translateX(3px)}.enter:active{transform:translateY(1px)}.enter:disabled{background:#bba582}.enter[aria-busy="true"] svg{opacity:.4}
:where(button,a):focus-visible{outline:2px solid #f0d9b5;outline-offset:5px}#reveal-code:focus-visible{outline-offset:-5px}.logout{margin-top:22px;background:transparent;border:0;padding:12px 0;color:var(--muted);font-size:13px;min-height:44px}.logout:hover{color:var(--gold)}#session-message,noscript{color:#e3b6a2;font-size:13px;line-height:1.5}
@media(forced-colors:active){.code-field:focus-within{outline:2px solid Highlight;outline-offset:2px}}
@media(min-width:1700px){.entry{grid-template-columns:minmax(0,1fr) 34%;padding-right:10%}.access{max-width:480px}.architecture{right:25%}}
@media(max-width:1050px) and (min-width:701px){.entry{grid-template-columns:minmax(0,1fr) 390px;padding-right:5%}.architecture{right:28%;}.architecture img{object-position:42% 50%}.access{max-width:360px}.brand h1{font-size:38px}}
@media(max-width:700px){.entry{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 26px max(32px,env(safe-area-inset-bottom));min-height:100svh;overflow:clip}.architecture{position:relative;inset:auto;z-index:0;width:calc(100% + 52px);height:34svh;min-height:190px;max-height:340px;margin-bottom:-12px;flex:none}.architecture img{object-fit:cover;object-position:50% 48%}.architecture::after{background:linear-gradient(0deg,#211f1b 0%,#211f1b00 45%)}.access{width:100%;max-width:440px;padding:0;z-index:1}.brand{display:flex;align-items:center;gap:17px;padding:0 0 26px;margin-bottom:27px}.brand>img{width:52px;height:52px;margin:0;flex:none}.brand h1{font-size:30px;letter-spacing:-.03em;line-height:1.13}.enter{min-height:58px}input{font-size:17px}#access-message{margin-bottom:20px}}
@media(max-width:360px){.entry{padding-inline:20px}.architecture{width:calc(100% + 40px);min-height:170px}.brand h1{font-size:26px}.brand>img{width:44px;height:44px}.brand{gap:13px}.enter{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}