.gateway-page{background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.gateway-bg{z-index:0;position:absolute;inset:0}.gateway-bg img{filter:blur(2px)brightness(.35)}.gateway-bg-overlay{z-index:1;background:linear-gradient(#000000b3 0%,#0006 40%,#000000d9 100%),radial-gradient(80% 60% at 50% 0,#facc150f,#0000 70%);position:absolute;inset:0}.gateway-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:480px;padding:24px;display:flex;position:relative}.gateway-logo{opacity:0;width:clamp(120px,30vw,180px);height:auto;animation:.6s ease-out .1s forwards gw-fade-in}.gateway-status{color:#ffffffb3;letter-spacing:.3px;opacity:0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;animation:.5s ease-out .4s forwards gw-fade-in;display:flex}.gateway-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gateway-status-dot.online{background:#22c55e;animation:2s ease-in-out infinite gw-pulse-green;box-shadow:0 0 8px #22c55e99}.gateway-status-dot.full{background:#ef4444;animation:2s ease-in-out infinite gw-pulse-red;box-shadow:0 0 8px #ef444499}.gateway-status-dot.connecting{background:#facc15;animation:1s ease-in-out infinite gw-pulse-yellow;box-shadow:0 0 8px #facc1566}.gateway-message{color:#fff9;opacity:0;font-size:clamp(14px,2.5vw,16px);line-height:1.6;animation:.5s ease-out .6s forwards gw-fade-in}.gateway-message strong{color:#ffffffe6;font-weight:600}.gateway-progress-wrap{opacity:0;width:100%;max-width:320px;animation:.5s ease-out .5s forwards gw-fade-in}.gateway-progress-track{background:#ffffff14;border-radius:4px;width:100%;height:4px;overflow:hidden}.gateway-progress-bar{background:linear-gradient(90deg,#facc15,#f59e0b);border-radius:4px;height:100%;transition:width .15s linear;box-shadow:0 0 12px #facc154d}.gateway-progress-label{color:#ffffff59;letter-spacing:1px;text-transform:uppercase;margin-top:10px;font-size:12px}.gateway-redirect-fallback{color:#fff9;margin-top:10px;font-size:13px}.gateway-redirect-fallback a{color:#facc15;text-underline-offset:2px;text-decoration:underline;display:inline}.gateway-full-card{opacity:0;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;padding:28px 24px;animation:.5s ease-out .3s forwards gw-fade-in;display:flex}.gateway-full-icon{font-size:40px;line-height:1}.gateway-full-title{color:#fff;font-size:clamp(18px,3vw,22px);font-weight:700}.gateway-full-desc{color:#ffffff80;font-size:14px;line-height:1.6}.gateway-full-hint{color:#facc15b3;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.gateway-waiting-dots{gap:4px;margin-left:4px;display:inline-flex}.gateway-waiting-dots span{background:#facc15b3;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite gw-bounce}.gateway-waiting-dots span:nth-child(2){animation-delay:.16s}.gateway-waiting-dots span:nth-child(3){animation-delay:.32s}.gateway-capacity{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.gateway-capacity-bar-wrap{background:#ffffff0f;border-radius:6px;width:100%;max-width:280px;height:6px;overflow:hidden}.gateway-capacity-bar{border-radius:6px;height:100%;transition:width .6s ease-out}.gateway-capacity-bar.low{background:linear-gradient(90deg,#22c55e,#4ade80)}.gateway-capacity-bar.medium{background:linear-gradient(90deg,#facc15,#f59e0b)}.gateway-capacity-bar.high{background:linear-gradient(90deg,#f97316,#ef4444)}.gateway-capacity-label{color:#ffffff80;font-size:13px}.gateway-capacity-label strong{color:#ffffffd9;font-weight:600}.gateway-footer{text-align:center;color:#fff3;z-index:1;font-size:12px;position:absolute;bottom:clamp(12px,3vh,24px);left:0;right:0}@keyframes gw-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gw-pulse-green{0%,to{box-shadow:0 0 4px #22c55e66}50%{box-shadow:0 0 12px #22c55ecc}}@keyframes gw-pulse-red{0%,to{box-shadow:0 0 4px #ef444466}50%{box-shadow:0 0 12px #ef4444cc}}@keyframes gw-pulse-yellow{0%,to{opacity:.7;box-shadow:0 0 4px #facc154d}50%{opacity:1;box-shadow:0 0 10px #facc1599}}@keyframes gw-bounce{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (max-width:480px){.gateway-content{gap:24px;padding:16px}.gateway-full-card{padding:22px 18px}.gateway-status{padding:6px 14px;font-size:12px}.gateway-capacity-bar-wrap{max-width:240px}}