.beta-gate{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,#ece7dd,#d9d3c5);font-family:Instrument Sans,Inter,system-ui,sans-serif;color:#1a1f2e;display:flex;align-items:center;justify-content:center;padding:24px}.beta-gate__door{position:absolute;inset:0;background-image:radial-gradient(ellipse 36% 30% at 50% 36%,hsla(0,0%,100%,.55) 0,hsla(0,0%,100%,0) 70%),url(/beta/door.jpg);background-size:auto 100%,auto 100%;background-position:50%,50%;background-repeat:no-repeat,no-repeat;pointer-events:none}.beta-gate:after,.beta-gate:before{content:"";position:absolute;top:0;bottom:0;width:22vw;pointer-events:none;z-index:0}.beta-gate:before{left:0;background:linear-gradient(90deg,#ece7dd,hsla(40,28%,90%,0))}.beta-gate:after{right:0;background:linear-gradient(270deg,#ece7dd,hsla(40,28%,90%,0))}.beta-gate__content{position:absolute;z-index:1;top:16vh;left:50%;transform:translateX(-50%);width:min(290px,56vw);max-height:34vh;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,12px);text-align:center}.beta-gate__key{width:clamp(72px,8vw,110px);aspect-ratio:160/120;perspective:800px;filter:drop-shadow(0 4px 8px rgba(82,64,24,.35)) drop-shadow(0 1px 1px rgba(0,0,0,.3));margin-bottom:2px}.beta-gate__key svg{width:100%;height:100%;transform-style:preserve-3d;animation:beta-key-spin 5.5s linear infinite;transform-origin:50% 50%}@keyframes beta-key-spin{0%{transform:rotateY(0deg) rotateX(8deg)}50%{transform:rotateY(180deg) rotateX(-8deg)}to{transform:rotateY(1turn) rotateX(8deg)}}@media (prefers-reduced-motion:reduce){.beta-gate__key svg{animation:none}}.beta-gate__eyebrow{margin:0;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:rgba(36,32,24,.78);text-shadow:0 -1px 0 rgba(20,16,8,.4),0 1px 0 hsla(0,0%,100%,.9)}.beta-gate__headline{margin:0;font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:clamp(18px,2.4vw,24px);line-height:1.16;color:rgba(28,22,12,.82);text-shadow:0 -1px 1px rgba(20,16,8,.45),0 1px 0 hsla(0,0%,100%,.95),0 2px 1px hsla(0,0%,100%,.4);max-width:22ch}.beta-gate__footer{position:absolute;z-index:1;top:56.5vh;left:50%;transform:translate(-50%,-50%);margin:0;font-size:clamp(8px,1.1vw,11px);letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:rgba(36,32,24,.78);text-shadow:0 -1px 0 rgba(20,16,8,.45),0 1px 0 hsla(0,0%,100%,.95);white-space:nowrap}.beta-gate__form{width:100%;background:hsla(0,0%,100%,.82);border:1px solid rgba(14,20,34,.12);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 14px 32px -14px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.7)}.beta-gate__input{width:100%;box-sizing:border-box;padding:10px 42px 10px 14px;background:hsla(0,0%,100%,.95);border:1.5px solid rgba(14,20,34,.18);border-radius:10px;color:#0e1422;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.beta-gate__input::placeholder{color:rgba(14,20,34,.4)}.beta-gate__input:focus{border-color:#0fa8a8;box-shadow:0 0 0 3px rgba(15,168,168,.18)}.beta-gate__input--error{border-color:#c24a1f}.beta-gate__eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:rgba(14,20,34,.5);display:flex;align-items:center}.beta-gate__eye:hover{color:rgba(14,20,34,.85)}.beta-gate__error{margin:0;font-size:13.5px;font-weight:500;color:#b53a14;display:flex;align-items:center;gap:6px}.beta-gate__submit{padding:11px 18px;border-radius:10px;background:#0e1422;color:#f2ecdd;font-size:13px;font-weight:700;border:none;cursor:pointer;font-family:inherit;letter-spacing:.06em;text-transform:uppercase;transition:background .15s,transform .05s}.beta-gate__submit:hover:not(:disabled){background:#1a2238}.beta-gate__submit:active:not(:disabled){transform:translateY(1px)}.beta-gate__submit--idle:disabled,.beta-gate__submit--loading:disabled{background:rgba(14,20,34,.45);cursor:not-allowed}.beta-gate__submit--success,.beta-gate__submit--success:disabled{background:linear-gradient(110deg,#8c6f30,#c9a85b 18%,#f4dc95 38%,#ffefc1 50%,#f4dc95 62%,#c9a85b 82%,#8c6f30);background-size:220% 100%;color:#2a1f00;text-shadow:0 1px 0 hsla(0,0%,100%,.45);box-shadow:0 0 0 1px rgba(212,168,91,.6),0 6px 18px rgba(201,168,91,.45),inset 0 1px 0 rgba(255,245,210,.7);animation:beta-gold-sweep 1.6s linear infinite,beta-gold-pop .4s ease-out;cursor:default}@keyframes beta-gold-sweep{0%{background-position:100% 50%}to{background-position:-120% 50%}}@keyframes beta-gold-pop{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.beta-gate__submit--error,.beta-gate__submit--error:disabled{background:linear-gradient(180deg,#d14b26,#b23719);color:#ffe7dd;box-shadow:0 0 0 1px rgba(178,55,25,.6),0 4px 14px rgba(178,55,25,.35);animation:beta-jitter .55s cubic-bezier(.36,.07,.19,.97) both;cursor:not-allowed}@keyframes beta-jitter{0%,to{transform:translateX(0)}10%{transform:translateX(-8px) rotate(-.6deg)}20%{transform:translateX(8px) rotate(.6deg)}30%{transform:translateX(-7px) rotate(-.5deg)}40%{transform:translateX(7px) rotate(.5deg)}50%{transform:translateX(-5px) rotate(-.3deg)}60%{transform:translateX(5px) rotate(.3deg)}70%{transform:translateX(-3px)}80%{transform:translateX(3px)}90%{transform:translateX(-1px)}}@media (prefers-reduced-motion:reduce){.beta-gate__submit--error,.beta-gate__submit--success{animation:none}}@media (max-width:600px){.beta-gate__door{background-size:auto 100%,auto 120vh;background-position:50%,50%}.beta-gate:after,.beta-gate:before{width:4vw}.beta-gate__content{width:min(240px,60vw);top:12vh;max-height:38vh}.beta-gate__key{width:clamp(60px,15vw,86px)}.beta-gate__headline{font-size:clamp(15px,4.4vw,20px)}.beta-gate__eyebrow{font-size:9px;letter-spacing:.2em}.beta-gate__form{padding:12px;gap:8px}.beta-gate__input{font-size:14px;padding:9px 38px 9px 12px}.beta-gate__submit{font-size:12px;padding:10px 14px}.beta-gate__footer{top:46vh;font-size:clamp(7.5px,2.2vw,9.5px);letter-spacing:.12em}}