.servers-page{width:100%;min-height:100vh;position:relative;background-color:var(--dark-bg);overflow-x:hidden}.servers-page:after{content:"";position:absolute;inset:0;background:url(/assets/cooltexturebetter-CAEghH47.png) center/cover no-repeat;opacity:.2;z-index:1;pointer-events:none}.server-title-splatter{position:absolute;top:0;left:0;z-index:2;width:100vw;overflow:hidden}.server-title-splatter img{display:block;width:clamp(900px,150vw,1200px);height:auto;margin:0;padding:0;mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.2) 85%,transparent 95%),linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,.8) 70%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.2) 90%,transparent 100%);-webkit-mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.2) 85%,transparent 95%),linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,.8) 70%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.2) 90%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in;clip-path:polygon(5% 15%);transition:none;will-change:clip-path,transform,filter}.servers-title{position:relative;z-index:10;padding:40px;margin-top:0}.servers-title-text{font-size:6rem;font-weight:800;text-transform:uppercase;line-height:1.1;margin:0;color:#fff;text-shadow:0 0 5px rgba(255,71,87,.8),0 0 10px rgba(255,71,87,.6),0 0 15px rgba(255,71,87,.4),0 0 20px rgba(255,71,87,.2),2px 2px 4px rgba(0,0,0,.3);position:relative}.servers-title-text:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;filter:blur(6px);opacity:.25;color:#ffffffb3}.support-ad{position:relative;z-index:15;padding:0 40px;margin-bottom:10px}.support-ad-content{font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.5);background-color:#000000b3;padding:8px 16px;border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-block;position:relative}.support-ad-content:before{content:"";position:absolute;inset:-1px;border-radius:9px;padding:1px;background:conic-gradient(from var(--angle),transparent 0deg,transparent 45deg,rgba(255,71,87,.9) 90deg,rgba(255,71,87,1) 135deg,rgba(255,71,87,.9) 180deg,transparent 225deg,transparent 270deg,transparent 315deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1;animation:shine-border 3s linear infinite}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes shine-border{0%{--angle: 0deg}to{--angle: 360deg}}.support-ad-text{color:#ffffffe6;font-size:1rem;font-weight:600;line-height:1.3;display:block;white-space:nowrap}.support-link{color:#fff;font-weight:700;text-shadow:0 0 5px rgba(255,71,87,.8),0 0 10px rgba(255,71,87,.6),0 0 15px rgba(255,71,87,.4),0 0 20px rgba(255,71,87,.2),1px 1px 2px rgba(0,0,0,.8);text-decoration:none;transition:all .3s ease}.support-link:hover{color:#ff4757;text-shadow:0 0 8px rgba(255,71,87,1),0 0 15px rgba(255,71,87,.8),0 0 25px rgba(255,71,87,.6),0 0 35px rgba(255,71,87,.4),1px 1px 2px rgba(0,0,0,.8)}@media(max-width:1400px){.servers-title-text{font-size:5rem}}@media(max-width:1200px){.servers-title-text{font-size:4.5rem}}@media(max-width:900px){.servers-title-text{font-size:4rem}}.pc-only-notice{display:none;text-align:center;padding:20px 40px;margin-top:20px;font-size:1rem;color:#fffc;background-color:#80808026;border:1px solid rgba(128,128,128,.3);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:10}.steam-icon-inline{width:1em;height:1em;vertical-align:-.125em;margin-right:.25em;display:inline-block;filter:brightness(0) invert(1)}.total-playercount{text-align:left;margin-top:20px;font-size:1.2rem;color:#ffffffe6;position:relative;z-index:10}.total-playercount-text{font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.5);background-color:#000000b3;padding:8px 16px;border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-block}.total-playercount-text.loading{color:#fff9}.total-playercount-text.online{color:#fff}.total-playercount-text.offline{color:#ffffff80}.current-count{color:#fff;font-weight:700;text-shadow:0 0 5px rgba(255,71,87,.8),0 0 10px rgba(255,71,87,.6),0 0 15px rgba(255,71,87,.4),0 0 20px rgba(255,71,87,.2),1px 1px 2px rgba(0,0,0,.8)}.server-browser{position:relative;z-index:10;margin-top:20px;padding:40px 0;width:100%}.server-list{display:flex;flex-direction:column;gap:15px;width:100%;padding:0 40px;box-sizing:border-box}.server-item{background-color:#1e1e1e99;border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden;width:100%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.server-item:after{content:"";position:absolute;top:0;right:-20%;bottom:0;width:80%;background:url(/assets/homigrad-render2-BkqrtXBE.jpg) center center/cover no-repeat;mask:linear-gradient(to right,transparent 0%,transparent 10%,rgba(255,255,255,.1) 15%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.3) 25%,rgba(255,255,255,.4) 30%,rgba(255,255,255,.5) 35%,rgba(255,255,255,.6) 40%,rgba(255,255,255,.7) 45%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.95) 60%,rgba(255,255,255,1) 65%);-webkit-mask:linear-gradient(to right,transparent 0%,transparent 10%,rgba(255,255,255,.1) 15%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.3) 25%,rgba(255,255,255,.4) 30%,rgba(255,255,255,.5) 35%,rgba(255,255,255,.6) 40%,rgba(255,255,255,.7) 45%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.95) 60%,rgba(255,255,255,1) 65%);opacity:.3;z-index:0;pointer-events:none}.server-content{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;position:relative}.server-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;flex:1;position:relative;z-index:2}.server-name-display{font-size:1.2rem;font-weight:700;color:#f5f5f5;text-transform:uppercase;letter-spacing:1px}.server-players-display{font-size:.9rem;font-weight:500;color:#a8a8a8;letter-spacing:.5px}.server-gamemode-display{font-size:.85rem;font-weight:500;color:#a8a8a8;letter-spacing:.5px;margin-top:2px}.server-map-display{font-size:.85rem;font-weight:500;color:#a8a8a8;letter-spacing:.5px}.server-offline-message{font-size:.9rem;font-weight:500;color:#ff6b6b;letter-spacing:.5px;margin-top:5px;font-style:italic}.server-players-display span{color:#4caf50;font-weight:600;transition:color .3s ease}.server-players-display span.nearly-full{color:#ff6b00}.server-players-display span.getting-full{color:#4caf50}.server-gamemode-display span{color:#4caf50;font-weight:600}.server-wrapper{display:flex;align-items:stretch;gap:20px;width:100%;box-sizing:border-box}.server-wrapper .server-item{flex:1}.server-wrapper .server-join-btn{background-color:#2ecc7126;color:#f5f5f5;border:2px solid rgba(46,204,113,.4);border-radius:12px;padding:0 45px;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #2ecc7126,inset 0 0 10px #2ecc711a;min-width:180px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;align-self:stretch}.server-wrapper .server-join-btn:hover{color:#2ecc71;background-color:#2ecc7133;border-color:#2ecc7199;box-shadow:0 6px 20px #2ecc7133,inset 0 0 15px #2ecc7133;text-shadow:0 0 10px rgba(46,204,113,.5);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.server-wrapper .server-join-btn:disabled,.server-wrapper .server-join-btn[style*="pointer-events: none"]{background:#80808080;border-color:#8080804d;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none;text-shadow:none}.server-item.nearly-full:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 300px 100% at -50px center,rgba(255,107,0,.25) 0%,rgba(255,107,0,.15) 40%,rgba(255,107,0,.05) 70%,transparent 100%);z-index:1;pointer-events:none;border-radius:16px}.server-item.getting-full:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 300px 100% at -50px center,rgba(76,175,80,.25) 0%,rgba(76,175,80,.15) 40%,rgba(76,175,80,.05) 70%,transparent 100%);z-index:1;pointer-events:none;border-radius:16px}.server-item.offline{background-color:#141414b3;border-color:#ffffff1a;opacity:.7}.server-item.offline:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 300px 100% at -50px center,rgba(255,107,107,.15) 0%,rgba(255,107,107,.08) 40%,rgba(255,107,107,.02) 70%,transparent 100%);z-index:1;pointer-events:none;border-radius:16px}.server-loading{text-align:center;padding:40px;font-size:1.2rem;color:#ffffffb3}.right-buttons{position:absolute;right:40px;top:40px;display:flex;flex-direction:column;gap:15px;z-index:15}.right-btn{background-color:#1e1e1ed9;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:12px 16px;color:#fff;font-family:Oxanium,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;min-width:160px;text-shadow:1px 1px 2px rgba(0,0,0,.8);display:flex;align-items:center;gap:12px}.btn-icon{width:36px;height:36px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.btn-icon img{width:20px;height:20px;filter:brightness(0) invert(1);transition:all .3s ease}.btn-text{flex:1;text-align:left}.right-btn:hover{background-color:#ff6b0033;border-color:#ff6b0099;transform:translate(-5px);box-shadow:0 0 15px #ff6b004d,0 0 30px #ff6b001a}.right-btn:hover .btn-icon{background-color:#ff6b004d;border-color:#ff6b0080;transform:scale(1.05)}.right-btn:hover .btn-icon img{filter:brightness(0) invert(1);transform:scale(1.1)}.right-btn:active{transform:translate(-3px)}@media(max-width:768px){.support-ad{display:none}.servers-title{padding:20px}.servers-title-text{font-size:3rem;text-align:center}.total-playercount{text-align:center;margin:15px 20px}.total-playercount-text{font-size:1rem;display:block;width:100%}.pc-only-notice{display:block;margin:20px;padding:15px 20px;font-size:.9rem}.server-browser{padding:20px 0}.server-list{padding:0 20px}.server-wrapper .server-join-btn{display:none!important}.right-buttons{position:fixed;transform:none;flex-direction:row;justify-content:center;gap:10px;inset:auto 0 0;width:100%;background-color:#1212124d;border-radius:0;padding:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.right-btn{flex:1;min-width:auto;padding:12px 16px;font-size:.9rem;gap:8px;justify-content:center}.btn-icon{display:none}.btn-text{text-align:center}.right-btn:hover{transform:translateY(-2px)}}@media(max-width:480px){.servers-title{padding:15px}.servers-title-text{font-size:2.5rem;text-align:center}.total-playercount{text-align:center;margin:10px 15px}.total-playercount-text{font-size:.9rem;padding:6px 12px;display:block;width:100%}.pc-only-notice{display:block;margin:15px;padding:12px 16px;font-size:.85rem}.server-browser{padding:15px 0}.server-list{padding:0 15px}.server-item{padding:15px}.server-wrapper{gap:12px}.server-wrapper .server-join-btn{display:none!important}.right-buttons{right:0;left:0;bottom:0;gap:8px;width:100%;background-color:#1212124d;border-radius:0;padding:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.right-btn{padding:10px 12px;font-size:.8rem;min-width:80px;gap:6px;justify-content:center}.btn-icon{display:none}.btn-text{text-align:center}}@media(max-width:375px){.servers-title{padding:10px}.servers-title-text{text-align:center}.total-playercount{text-align:center;margin:8px 10px}.total-playercount-text{font-size:.8rem;padding:4px 8px;display:block;width:100%}.pc-only-notice{display:block;margin:10px;padding:10px 12px;font-size:.8rem}.server-browser{padding:10px 0}.server-list{padding:0 10px}.server-item{padding:12px}.server-wrapper .server-join-btn{display:none!important}.right-buttons{right:0;left:0;bottom:0;gap:6px;width:100%;background-color:#1212124d;border-radius:0;padding:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.right-btn{padding:8px 10px;font-size:.75rem;gap:4px;justify-content:center}.btn-icon{display:none}.btn-text{text-align:center}}.hosting-notification{position:fixed;bottom:20px;right:20px;background-color:#1e1e1ee6;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,71,87,.3);box-shadow:0 8px 32px #0009,0 0 20px #ff475733;z-index:1000;max-width:350px;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(100px)}.hosting-notification.show{animation:slideUp .5s ease forwards}.hosting-notification:hover{transform:translateY(-5px);box-shadow:0 12px 40px #000000b3,0 0 25px #ff47574d}.notification-header{display:flex;align-items:center;padding:16px 20px;gap:12px;position:relative;background-color:#0000004d;border-radius:12px 12px 0 0}.notification-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-icon img{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(100%)}.notification-title{flex:1;font-size:1rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.notification-arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.notification-arrow img{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(70%)}.hosting-notification.expanded .notification-arrow{transform:rotate(180deg)}.notification-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.hosting-notification.expanded .notification-content{max-height:300px}.notification-body{padding:16px 20px 20px;border-top:1px solid rgba(255,71,87,.2);background-color:#28282866;border-radius:0 0 12px 12px}.affiliate-text{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.physgun-logo{height:2.5em;width:auto;vertical-align:middle;margin-right:8px;display:inline-block}.affiliate-description{font-size:.85rem;color:#fffc;line-height:1.4;margin-bottom:16px}.discount-highlight{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0}.discount-badge{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #dc262666}.discount-text{font-size:.85rem;color:#fff;font-weight:600}.copy-code{cursor:pointer;padding:2px 6px;border-radius:4px;background:#ff475733;border:1px solid rgba(255,71,87,.4);transition:all .3s ease;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.copy-code:hover{background:#ff47574d;border-color:#ff475799;transform:scale(1.05);box-shadow:0 2px 8px #ff47574d}.copy-code:active{transform:scale(.95)}.copy-code.copied{background:#4caf504d;border-color:#4caf5099;animation:copySuccess .6s ease}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.affiliate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.3)}.affiliate-btn:hover{background:linear-gradient(135deg,#1a73e8,#1557b0);transform:translateY(-2px);box-shadow:0 6px 20px #4285f466;color:#fff}.affiliate-btn .btn-icon{width:16px;height:16px;background:none;border-radius:0;border:none;box-shadow:none}.affiliate-btn .btn-icon img{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(100%)}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hosting-notification{display:none}}@media(max-width:480px){.hosting-notification{display:none}}.mobile-affiliate-ad{display:none;width:100%;margin-top:20px;margin-bottom:80px;padding:0 40px;position:relative;z-index:10;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;box-sizing:border-box}.mobile-affiliate-card{background:linear-gradient(135deg,#1e1e1ef2,#282828f2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d,0 1px #ffffff1a inset;transition:all .3s ease}.mobile-affiliate-card:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0006,0 1px #ffffff1a inset}.mobile-ad-badge{display:flex;justify-content:center;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.mobile-ad-label{font-size:1.1rem;font-weight:600;color:#ffffffe6;text-transform:none;letter-spacing:.2px;text-align:center}.mobile-ad-content{display:flex;flex-direction:column;gap:16px;padding:20px}.mobile-ad-main{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mobile-ad-logo{display:flex;align-items:center;justify-content:center}.mobile-physgun-logo{height:48px;width:auto;display:block;max-width:200px}.mobile-ad-subtitle{font-size:1rem;color:#ffffffe6;margin:0;line-height:1.2;font-weight:500}.mobile-ad-promo{display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;flex-wrap:wrap}.mobile-promo-text{font-size:.9rem;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mobile-discount-text{font-size:.9rem;color:#ff4757;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mobile-ad-cta{display:flex;justify-content:center;align-items:center}.mobile-copy-code{background:#ff475726;border:1px solid rgba(255,71,87,.3);border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:700;color:#ff4757;cursor:pointer;transition:all .2s ease;font-family:monospace;letter-spacing:.5px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;text-transform:uppercase}.mobile-copy-code:hover,.mobile-copy-code:active{background:#ff475740;border-color:#ff475780;transform:scale(1.02)}.mobile-copy-code.copied{background:#4caf5040;border-color:#4caf5080;color:#4caf50;animation:mobileCodeCopySuccess .4s ease}@keyframes mobileCodeCopySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mobile-cta-btn{background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px;transition:all .2s ease;cursor:pointer;width:90%;justify-content:center;box-shadow:0 3px 12px #4285f44d;text-transform:uppercase;letter-spacing:.5px}.mobile-cta-btn:hover,.mobile-cta-btn:active{background:linear-gradient(135deg,#1a73e8,#1557b0);transform:translateY(-1px);box-shadow:0 4px 12px #4285f466;color:#fff}.mobile-cta-btn svg{transition:transform .2s ease}.mobile-cta-btn:hover svg{transform:translate(2px)}@media(max-width:768px){.mobile-affiliate-ad{display:block;padding:0 20px}}@media(max-width:480px){.mobile-affiliate-ad{margin-bottom:100px;padding:0 15px}.mobile-ad-badge{padding:12px 14px}.mobile-ad-label{font-size:1rem}.mobile-ad-content{padding:16px;gap:14px}.mobile-ad-main{gap:8px}.mobile-physgun-logo{height:40px;max-width:180px}.mobile-ad-subtitle{font-size:.9rem}.mobile-ad-promo{gap:6px}.mobile-promo-text,.mobile-discount-text{font-size:.85rem}.mobile-copy-code{font-size:.85rem;padding:5px 10px}.mobile-cta-btn{padding:10px 20px;font-size:.9rem;width:90%}}@media(max-width:375px){.mobile-affiliate-ad{margin-bottom:120px;padding:0 10px}.mobile-ad-badge{padding:10px 12px}.mobile-ad-label{font-size:.95rem}.mobile-ad-content{padding:14px;gap:12px}.mobile-ad-main{gap:6px}.mobile-physgun-logo{height:36px;max-width:160px}.mobile-ad-subtitle{font-size:.85rem}.mobile-ad-promo{gap:4px;flex-direction:column}.mobile-promo-text,.mobile-discount-text{font-size:.8rem}.mobile-copy-code{font-size:.8rem;padding:4px 8px}.mobile-cta-btn{padding:8px 16px;font-size:.85rem;width:90%}}.join-guide-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.join-guide-popup.show{opacity:1;visibility:visible}.popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer}.popup-content{position:relative;background:#141414b3;border-radius:16px;padding:0;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0006;transform:scale(.9) translateY(20px);transition:all .3s ease;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.popup-body{padding:24px;max-height:calc(80vh - 160px);overflow-y:auto;overflow-x:hidden}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-track{background:#ffffff0d;margin:0}.popup-body::-webkit-scrollbar-thumb{background:#fff3}.popup-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.join-guide-popup.show .popup-content{transform:scale(1) translateY(0)}.popup-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border-radius:16px 0 0}.popup-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.popup-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#ffffff1a}.popup-close:hover{background:red;transform:scale(1.1)}.popup-close img{width:20px;height:20px;filter:invert(1)}.section-title{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 16px}.requirements-section{margin-bottom:32px}.requirements-list{display:flex;flex-direction:column;gap:16px}.requirement-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.requirement-item:hover{background:#ffffff14;border-color:#fff3;transform:translate(4px)}.requirement-icon{width:48px;height:48px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.requirement-icon img{width:24px;height:24px;filter:invert(1)}.requirement-item:nth-child(2) .requirement-icon{background:#1b2838}.requirement-item:nth-child(2) .requirement-icon img{filter:invert(1)}.requirement-item:nth-child(3) .requirement-icon{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.3.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20384%20384'%20style='enable-background:new%200%200%20384%20384;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%230081FF;}%20.st1{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M343.92,384c-101.6,0-203.2,0-304.8,0c-0.89-0.44-1.84-0.31-2.79-0.38c-4.51-0.36-8.61-2.07-12.56-4.13%20c-5.9-3.07-10.84-7.31-14.92-12.54c-3.93-5.04-6.73-10.65-8.17-16.9c-0.39-1.68-0.31-3.41-0.41-5.12c-0.02-0.34,0.09-0.74-0.27-1%20C0,242.64,0,141.36,0,40.08c0.43-0.67,0.25-1.44,0.27-2.15c0.11-4.64,1.57-8.92,3.63-12.97C9.22,14.48,17.25,6.88,28.25,2.46%20c3.36-1.35,6.81-2.09,10.4-2.27C39.13,0.16,39.67,0.6,40.08,0C141.92,0,243.76,0,345.6,0c0.71,0.77,1.68,0.36,2.49,0.42%20c1.92,0.15,3.74,0.64,5.53,1.25c7.31,2.46,13.58,6.56,18.82,12.2c5.39,5.8,9.12,12.5,10.9,20.25c0.38,1.66,0.29,3.37,0.39,5.06%20c0.02,0.32-0.07,0.67,0.26,0.9c0,101.28,0,202.56,0,303.84c-0.58,0.8-0.35,1.76-0.34,2.59c0.03,2.7-0.63,5.24-1.53,7.71%20c-4.23,11.55-11.88,20.12-22.8,25.73c-3.13,1.61-6.42,2.91-9.96,3.43c-1.52,0.22-3.04,0.26-4.56,0.33%20C344.48,383.73,344.15,383.68,343.92,384z'/%3e%3cpath%20class='st1'%20d='M235.57,221.91c-2.84,3.4-5.68,7.51-9.22,10.88c-7.2,6.84-16.2,10.41-25.77,12.49%20c-11.53,2.51-23.13,2.18-34.76,0.61c-14.52-1.95-27.27-7.83-38.38-17.22c-9.35-7.91-16.06-17.8-20.84-29.04%20c-4.88-11.46-7.4-23.51-8.68-35.81c-1.85-17.78-0.99-35.42,4.33-52.6c4.37-14.11,11.01-27,21.08-38.03%20C135,60.4,149.18,52.08,166.1,48.59c9.46-1.95,19.01-1.95,28.57-0.4c17,2.77,30.13,11.49,39.75,25.68c0.25,0.32,1.19,1.72,1.19,1.72%20s0-4.78,0-6.83c-0.01-5.16,0-16.51,0-16.51s1.09,0,1.35,0c15.28-0.05,49.97-0.01,49.97-0.01s-0.01,1.96-0.01,4.28%20c0,64.4,0.09,128.8-0.05,193.19c-0.04,20.36-5.79,39-18.84,54.95c-10.15,12.4-23.25,20.57-38.25,25.85%20c-14.6,5.14-29.7,6.91-45.08,6.26c-16.81-0.71-32.99-4.35-47.75-12.64c-22.22-12.49-35.72-31.22-39.07-56.78%20c-0.45-3.39-0.56-6.84-0.69-10.26c-0.01-0.21-0.07-1.31-0.07-1.31s1.04,0,1.26,0c15.24-0.07,30.48-0.08,45.72-0.03%20c0.18,0,0.9,0.01,0.9,0.01s-0.01,0.96-0.01,1.12c0.16,8.86,2.62,16.86,8.77,23.44c4.59,4.91,10.26,8.16,16.7,9.89%20c14.96,4.03,29.59,3.19,43.49-3.98c12.5-6.45,20.4-16.54,21.3-30.85c0.67-10.79,0.27-21.66,0.34-32.49%20C235.57,222.35,235.57,221.79,235.57,221.91z'/%3e%3cpath%20class='st0'%20d='M150.77,149.82c-0.3-11.79,0.93-23.37,5.55-34.35c5.43-12.89,14.91-20.74,28.9-22.88%20c9.67-1.48,19.08-0.85,27.99,3.47c8.9,4.32,14.39,11.7,17.99,20.64c3.53,8.75,5.33,17.94,5.46,27.31c0.12,8.38,0.09,16.89-1.2,25.14%20c-2.59,16.57-14.09,32.08-31.73,36.4c-16.09,3.94-32.69-2.23-42.28-15.81c-6.74-9.53-9.85-20.21-10.66-31.68%20C150.61,155.33,150.77,152.57,150.77,149.82z'/%3e%3c/svg%3e") center/contain no-repeat;background-size:40px 40px}.requirement-item:nth-child(3) .requirement-icon img{display:none}.requirement-text{display:flex;flex-direction:column;gap:4px}.requirement-text strong{color:#fff;font-size:1rem;font-weight:600}.requirement-text span{color:#ffffffb3;font-size:.9rem}.requirement-text span a{color:#66b3ff;text-decoration:none;transition:color .2s ease}.requirement-text span a:hover{color:#9cf;text-decoration:underline}.steps-section{margin-bottom:32px}.steps-list{display:flex;flex-direction:column;gap:16px}.step-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.step-item:hover{background:#ffffff14;border-color:#fff3;transform:translate(4px)}.step-number{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.step-content{display:flex;flex-direction:column;gap:4px}.step-content strong{color:#fff;font-size:1rem;font-weight:600}.step-content span{color:#ffffffb3;font-size:.9rem}.popup-footer{background:#ffffff0d;padding:20px 24px;border-radius:0 0 16px 16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.footer-note{color:#ffffffe6;font-size:.9rem}.footer-note strong{color:#fff}.discord-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#7289da26;color:#f5f5f5;border:1px solid rgba(114,137,218,.3);border-radius:6px;padding:.7rem 1.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #7289da33;white-space:nowrap;text-overflow:ellipsis;min-width:fit-content;text-transform:uppercase;letter-spacing:.5px;width:fit-content;gap:8px;font-family:Oxanium,sans-serif}.discord-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(114,137,218,.4) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity .5s}.discord-btn:hover{background-color:#7289da33;transform:translateY(-2px);box-shadow:0 6px 20px #7289da4d;border-color:#7289da80;color:#7289da}.discord-btn:active{transform:translateY(0)}.discord-btn:active:after{transform:scale(0);opacity:.3;transition:0s}.discord-btn svg{width:20px;height:20px;fill:currentColor;transition:transform .3s ease}.discord-btn:hover svg{transform:scale(1.1)}@media(max-width:768px){.popup-content{width:95%;max-height:90vh}.popup-header{padding:20px 20px 16px}.popup-title{font-size:1.3rem}.popup-body{padding:20px}.requirements-list,.steps-list{gap:12px}.requirement-item,.step-item{padding:12px}.requirement-icon{width:40px;height:40px}.requirement-icon img{width:20px;height:20px}.step-number{width:36px;height:36px;font-size:1rem}.popup-footer{flex-direction:column;gap:12px;text-align:center;padding:16px 20px}}@media(max-width:480px){.popup-content{width:98%;margin:1%}.popup-header{padding:16px 16px 12px}.popup-title{font-size:1.2rem}.popup-body{padding:16px}.requirements-section,.steps-section{margin-bottom:24px}.section-title{font-size:1.1rem;margin-bottom:12px}.requirement-item,.step-item{padding:10px;gap:12px}.requirement-icon{width:36px;height:36px}.requirement-icon img{width:18px;height:18px}.step-number{width:32px;height:32px;font-size:.9rem}.requirement-text strong,.step-content strong{font-size:.9rem}.requirement-text span,.step-content span{font-size:.8rem}.popup-footer{padding:12px 16px}.footer-note{font-size:.8rem}.discord-btn{padding:8px 12px;font-size:.8rem}}