.gate{position:relative;display:grid;align-items:center;min-height:100dvh;padding:clamp(16px,6vh,64px) var(--gutter);overflow:hidden;background:var(--night)}.gate-scene{position:absolute;inset:0}.gate-art{width:100%;height:100%;max-width:none;object-fit:cover;object-position:72% 55%;animation:gate-settle 2.6s var(--ease-out) both}.gate-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fbe7c8,#f6c453);opacity:0;animation:gate-dusk 1.9s var(--ease-out) both}.gate-scene:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgb(28 24 71/.55),rgb(28 24 71/0) 60%)}@keyframes gate-settle{0%{scale:1.07}}@keyframes gate-dusk{0%{opacity:.75}}.gate-card{position:relative;z-index:2;width:min(100%,470px);margin-left:clamp(0px,5vw,96px);padding:36px clamp(24px,4vw,40px) 30px;border-radius:var(--radius-lg);background:rgb(28 24 71/.74);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 30px 80px -30px rgb(10 8 30/.8),inset 0 0 0 1px rgb(255 255 255/.12);overflow:hidden;animation:gate-rise .9s var(--ease-out) .5s both}.gate-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--gradient)}@keyframes gate-rise{0%{opacity:0;translate:0 26px}}.gate-card img{width:88px;height:88px;margin-bottom:18px}.gate-card h1{margin:0;font-size:clamp(34px,3vw + 18px,48px);line-height:1.05}.gate-ribbon{height:44px;margin:10px 0 14px;--ribbon-delay:0.9s;--ribbon-duration:1.5s}.gate-lead{color:var(--on-dark-2)}.gate-form{display:grid;gap:16px;margin-top:8px}.gate-form .btn{justify-self:start}.gate-error{display:flex;align-items:flex-start;gap:8px;margin:0;padding:12px 14px;border-radius:12px;background:rgb(246 196 83/.14);color:var(--sun);font-size:var(--fs-fine);font-weight:700}.gate-form .field[data-state=error] input{border-color:var(--sun)}.gate-fine{margin:22px 0 0;font-size:var(--fs-fine);color:var(--on-dark-2)}.gate-unlock{position:fixed;inset:0;z-index:10;pointer-events:none}.gate-unlock span{position:absolute;inset:0;background:var(--gradient);animation:gate-wipe .7s var(--ease-out) both}@keyframes gate-wipe{0%{clip-path:inset(0 100% 0 0)}}@media (max-width:699px){.gate{align-items:start}.gate-card{margin:0}.gate-scene:before{background:linear-gradient(180deg,rgb(28 24 71/.6),rgb(28 24 71/0) 75%)}}