*{box-sizing:border-box}html{color-scheme:dark;background:#080c19}body{margin:0;min-height:100svh;color:#edf0ee;font-family:Arial,Helvetica,sans-serif;background:#080c19;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #7cf7ed;outline-offset:5px}button:disabled{cursor:wait}::selection{background:#78eee3;color:#080c19}
.city{position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,#080c19 2%,#080c1980 35%,#080c1920 65%,#080c19e8 100%),linear-gradient(90deg,#080c1920,#080c1930 55%,#080c1980),url('/assets/access-city.png') center 70%/cover no-repeat;image-rendering:pixelated}.city:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#05091518 0 1px,transparent 1px 4px);pointer-events:none}.grid{position:fixed;inset:0;z-index:0;opacity:.1;background-image:linear-gradient(#9bf1e2 1px,transparent 1px),linear-gradient(90deg,#9bf1e2 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#000,transparent 38%)}
.access-shell{position:relative;z-index:1;width:min(1320px,100%);min-height:100svh;margin:auto;padding:32px 46px 24px;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:900;letter-spacing:2px}.brand img{image-rendering:pixelated;border:1px solid #7cf7ed44;border-radius:9px}.brand small{display:block;margin-top:5px;font:10px ui-monospace,"Courier New",monospace;letter-spacing:2px;color:#a1afbe}.private-tag{display:flex;align-items:center;gap:9px;border:1px solid #7df4e328;background:#0a192299;padding:10px 13px;font:10px ui-monospace,monospace;letter-spacing:2px;color:#9bd8cd}.private-tag i,.lock-dot{width:5px;height:5px;display:inline-block;background:#7ff0c9;box-shadow:0 0 10px #7ff0c955}
.entry-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:clamp(30px,6vw,100px);align-items:center;padding:54px 0}.eyebrow{display:flex;gap:13px;align-items:center;margin:0 0 28px;color:#b7e2dc;font:10px ui-monospace,monospace;letter-spacing:2px;line-height:1.8}.eyebrow span{color:#f4bf80;font-size:20px}.hero h1{font-size:clamp(40px,5.15vw,72px);line-height:1.04;letter-spacing:-3px;margin:0;font-weight:900;text-shadow:0 3px 24px #050915;overflow-wrap:normal}.hero h1 em{font-style:normal;color:#83f3e6;text-shadow:0 0 30px #83f3e622}.hero-copy{font-size:17px;line-height:1.7;font-weight:400;color:#c0c8cd;margin:26px 0 34px;text-shadow:0 2px 10px #000}.hero-coordinates{display:flex;gap:18px;align-items:center;font:9px ui-monospace,monospace;letter-spacing:2px;color:#94a8b2}.hero-coordinates span:first-child{padding:6px 10px;border:1px solid #b8d1d440}.hero-coordinates b{font-size:19px;color:#ff78b7;font-weight:normal}
.access-panel{position:relative;padding:25px 28px 22px;background:linear-gradient(145deg,#11202ceb,#0c1222f5);border:1px solid #82d8d15c;border-top:2px solid #a0f7e9;box-shadow:0 24px 70px #0007,inset 0 0 40px #5dd7b904;isolation:isolate}.access-panel:before,.access-panel:after{position:absolute;content:"";width:16px;height:16px;pointer-events:none}.access-panel:before{top:-2px;left:-1px;border-left:3px solid #91f6e9;border-top:3px solid #91f6e9}.access-panel:after{right:-1px;bottom:-1px;border-right:2px solid #ef88ba;border-bottom:2px solid #ef88ba}.panel-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #aac9d01c;color:#9dbbbf;font:10px ui-monospace,monospace;letter-spacing:2px}.panel-top svg{fill:none;stroke:#88e9db;stroke-width:1.4}.panel-heading{padding:27px 0 25px}.small-label{font:9px ui-monospace,monospace;letter-spacing:2px;color:#ef9bbb;margin:0 0 14px}.panel-heading h2{font-size:39px;line-height:1.13;letter-spacing:-1.4px;margin:0 0 15px;font-weight:800}.panel-heading h2 span{color:#9ce5da}.panel-heading>p:last-child{font-size:14px;line-height:1.65;color:#b1bdc7;margin:0}
#access-form>label{display:block;font:10px ui-monospace,monospace;letter-spacing:2px;color:#d4ddd9;margin-bottom:10px}.code-field{display:flex;align-items:center;min-width:0;border:1px solid #667d8c;background:#080f1d;transition:border-color .2s,box-shadow .2s}.code-field:focus-within{border-color:#8df0e2;box-shadow:0 0 0 3px #8df0e20c}.code-field input{width:100%;min-width:0;min-height:58px;border:0;background:transparent;padding:12px 15px;color:#f3e4bf;font:22px ui-monospace,"Courier New",monospace;letter-spacing:4px;border-radius:0}.code-field input:focus-visible{outline:none}.code-field input::placeholder{color:#425667;letter-spacing:6px}.code-field button{flex:none;display:grid;place-items:center;width:48px;height:48px;margin-right:4px;background:transparent;border:0;color:#9bb8c3}.code-field button:hover{color:#9df0df}.code-field button svg{fill:none;stroke:currentColor;stroke-width:1.5}.field-hint{margin:9px 0 0;font:12px ui-monospace,monospace;color:#8fa4af}.access-status{min-height:34px;margin:10px 0 6px;color:#ff9db8;font:12px/1.45 ui-monospace,monospace;overflow-wrap:anywhere}.access-status[data-state=success]{color:#9df2c9}.access-panel[data-state=error] .code-field{border-color:#ff91ad}.access-panel[data-state=success]{border-color:#8aeec5}.enter-button{width:100%;min-height:56px;border:1px solid #ffe5ae;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f0d4a2;color:#101822;font:900 12px ui-monospace,monospace;letter-spacing:1px;box-shadow:0 4px 0 #080f1c;transition:background .15s,transform .15s}.enter-button span:last-child{font-size:22px;line-height:1}.enter-button:hover{background:#a5f1e0;border-color:#c1fff1}.enter-button:active{transform:translateY(2px);box-shadow:0 2px 0 #080f1c}.enter-button:disabled{opacity:.75}.panel-bottom{display:flex;align-items:center;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid #aac9d01c;color:#89a3ad;font:8px ui-monospace,monospace;letter-spacing:1px}.panel-bottom>span:last-child{margin-left:auto;color:#e792b8}.entry-footer{display:flex;justify-content:space-between;gap:18px;color:#8498a8;font:9px ui-monospace,monospace;letter-spacing:2px;line-height:1.6}.noscript{font:12px/1.5 ui-monospace,monospace;color:#ffacbb}
@media(min-width:1100px){.access-panel{transform:translateY(10px)}}
@media(max-width:1000px){.access-shell{padding:24px 28px 20px}.entry-layout{grid-template-columns:minmax(0,1fr) 350px;gap:25px}.hero h1{font-size:clamp(35px,4.9vw,50px);letter-spacing:-2px}.access-panel{padding:23px}.eyebrow{font-size:9px;letter-spacing:1px}.hero-copy{font-size:15px}}
@media(max-width:760px){.access-shell{padding:22px 22px 18px}.private-tag{display:none}.entry-layout{grid-template-columns:1fr;gap:28px;padding:36px 0 30px;max-width:430px;width:100%;margin:auto}.hero h1{font-size:clamp(31px,7.8vw,49px);line-height:1.07;letter-spacing:-1.5px}.eyebrow{margin-bottom:15px}.hero-copy{font-size:14px;line-height:1.6;margin:17px 0 0}.hero-coordinates{display:none}.access-panel{padding:21px 22px}.panel-heading{padding:22px 0}.panel-heading h2{font-size:34px}.entry-footer{font-size:8px;letter-spacing:1px}.entry-footer>span:first-child{max-width:170px}.brand{font-size:18px}.brand small{font-size:9px;letter-spacing:1px}}
@media(max-width:360px){.access-shell{padding:18px 16px}.entry-layout{padding-top:28px;gap:24px}.access-panel{padding:19px 18px}.hero h1{font-size:29px;letter-spacing:-1.5px}.eyebrow{font-size:8px}.panel-heading h2{font-size:32px}.code-field input{font-size:19px;letter-spacing:3px;padding-left:12px}.panel-bottom{font-size:7px;letter-spacing:.6px}}
@media(orientation:landscape) and (max-height:520px){.access-shell{padding:16px 24px}.entry-layout{grid-template-columns:minmax(0,1fr) 310px;max-width:none;gap:22px;padding:24px 0}.hero h1{font-size:clamp(26px,4.4vw,40px);letter-spacing:-1.4px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:15px}.hero-copy{font-size:13px}.access-panel{padding:19px}.panel-heading h2{font-size:30px}.panel-heading{padding:18px 0}.entry-footer{font-size:8px}.hero-coordinates{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(orientation:landscape) and (max-width:760px) and (max-height:520px){.hero{display:none}.entry-layout{grid-template-columns:1fr;max-width:430px;padding:20px 0}.access-panel{width:100%}}

@media(max-width:760px) and (max-height:700px) and (orientation:portrait){.hero{display:none}.entry-layout{padding:24px 0;gap:0}.panel-heading{padding:18px 0}.panel-heading h2{font-size:30px}.panel-top{padding-bottom:14px}.panel-bottom{margin-top:18px;padding-top:14px}.entry-footer{font-size:7px}}