.gate-scene{background-color:#faf8f4;background-image:radial-gradient(80% 60% at 30% 20%,#d4c3a826,#0000),radial-gradient(60% 50% at 75% 70%,#bcaa911a,#0000);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.gate-scene:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.gate-scene:after{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(#0000,#0000 39px,#bcaa9114 39px 40px);position:absolute;inset:0}.gate-card{z-index:1;-webkit-backdrop-filter:blur(20px)saturate(1.3);border-radius:var(--radius-xl);text-align:center;background:#fffcf7d9;border:1px solid #d4c3a859;width:340px;max-width:calc(100vw - 48px);padding:48px 36px 40px;animation:.7s cubic-bezier(.16,1,.3,1) both gate-arrive;position:relative;box-shadow:0 8px 40px #8c785a14,0 1px 3px #8c785a0f,inset 0 1px #ffffffb3}@keyframes gate-arrive{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.gate-card.shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both gate-shake}@keyframes gate-shake{10%,90%{transform:translate(-1.5px)}20%,80%{transform:translate(2.5px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.gate-card.entering{animation:.6s cubic-bezier(.55,0,1,.45) forwards gate-leave}@keyframes gate-leave{to{opacity:0;filter:blur(2px);transform:translateY(-24px)scale(1.02)}}.gate-ornament{color:#bcaa9180;font-size:var(--text-xs);letter-spacing:6px;justify-content:center;align-items:center;gap:14px;margin-bottom:28px;display:flex}.gate-ornament:before,.gate-ornament:after{content:"";background:linear-gradient(90deg,#0000,#bcaa9159,#0000);flex:1;height:1px}.gate-ornament-mark{border:1.5px solid #bcaa9173;border-radius:1px;width:6px;height:6px;transform:rotate(45deg)}.gate-greeting{font-family:var(--font-display), Georgia, serif;letter-spacing:5px;color:#3d3530;margin-bottom:8px;font-size:26px;font-weight:400}.gate-sub{font-family:var(--font-body), serif;font-size:var(--text-base);color:#a89a8a;letter-spacing:1px;margin-bottom:36px}.gate-input-wrap{margin-bottom:28px;position:relative}.gate-input{width:100%;font-family:var(--font-body), serif;font-size:var(--text-lg);color:#3d3530;text-align:center;letter-spacing:3px;-webkit-text-security:disc;background:0 0;border:none;border-bottom:1.5px solid #bcaa9166;outline:none;padding:10px 4px;transition:border-color .3s}.gate-input::placeholder{color:#a89a8a66;letter-spacing:8px;font-size:var(--text-base)}.gate-input:focus{border-color:#a08c6e99}.gate-btn{color:#faf6f0;min-width:120px;font-family:var(--font-body), serif;font-size:var(--text-base);letter-spacing:4px;cursor:pointer;background:#4a3f36;border:none;border-radius:100px;justify-content:center;align-items:center;padding:11px 36px;transition:background .25s,transform .15s,box-shadow .25s;display:inline-flex;box-shadow:0 2px 8px #4a3f3626}.gate-btn:hover{background:#5d5047;transform:translateY(-1px);box-shadow:0 4px 16px #4a3f3633}.gate-btn:active{transform:translateY(0);box-shadow:0 1px 4px #4a3f3626}.gate-btn:disabled{opacity:.6;cursor:default;transform:none}.gate-btn.loading{pointer-events:none}.gate-btn.loading:after{content:"";border:1.5px solid #faf6f04d;border-top-color:#faf6f0;border-radius:50%;width:14px;height:14px;margin-left:10px;animation:.6s linear infinite gate-spin}@keyframes gate-spin{to{transform:rotate(360deg)}}.gate-error{font-family:var(--font-body), serif;font-size:var(--text-base);color:#c4806e;opacity:0;letter-spacing:1px;margin-top:20px;transition:opacity .3s,transform .3s;transform:translateY(-4px)}.gate-error.visible{opacity:1;transform:translateY(0)}.gate-float{z-index:0;opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:40px;animation:20s ease-in-out infinite gate-drift;position:absolute}.gate-float:first-child{font-size:32px;animation-delay:0s;top:15%;left:12%}.gate-float:nth-child(2){font-size:44px;animation-delay:-7s;top:70%;right:10%}.gate-float:nth-child(3){font-size:28px;animation-delay:-13s;bottom:20%;left:20%}@keyframes gate-drift{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-12px)rotate(3deg)}66%{transform:translateY(8px)rotate(-2deg)}}