:root{--ns-pink:#ff2f92;--ns-pink-light:#ff67b2;--ns-pink-dark:#c8176c;--ns-black:#050406;--ns-black-2:#09070b;--ns-surface:rgba(18,12,19,.72);--ns-surface-2:rgba(27,16,28,.82);--ns-border:rgba(255,255,255,.075);--ns-border-pink:rgba(255,47,146,.28);--ns-glow:rgba(255,47,146,.35);--ns-success:#55e6a5;--ns-warning:#ffc75c;--ns-danger:#ff5d78}
body{background:var(--ns-black);color:#f8f3f7}
::selection{background:rgba(255,47,146,.35);color:#fff}
a{color:inherit}
.site-header{background:transparent}
.site-header.scrolled{background:rgba(5,4,7,.78);border-bottom-color:rgba(255,47,146,.12);box-shadow:0 12px 55px rgba(0,0,0,.38),0 1px 0 rgba(255,47,146,.04)}
.brand-mark{background:linear-gradient(145deg,rgba(255,47,146,.14),rgba(255,47,146,.025));border-color:rgba(255,47,146,.35);box-shadow:0 0 25px rgba(255,47,146,.12),inset 0 0 18px rgba(255,47,146,.05)}
.brand-text strong{background:linear-gradient(90deg,#fff,#ff8ac4);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-text small{color:var(--ns-pink-light);text-shadow:0 0 15px rgba(255,47,146,.5)}
.nav-link:hover,.nav-link.active{background:rgba(255,47,146,.055);color:#fff}
.nav-link.active:after{box-shadow:0 0 15px var(--ns-pink),0 0 30px rgba(255,47,146,.4)}
.icon-button:hover,.menu-button:hover{background:rgba(255,47,146,.09);border-color:rgba(255,47,146,.35);box-shadow:0 0 25px rgba(255,47,146,.09)}
.profile-button:hover{background:rgba(255,47,146,.08);border-color:rgba(255,47,146,.35);box-shadow:0 0 25px rgba(255,47,146,.08)}
.avatar{background:radial-gradient(circle at 35% 25%,rgba(255,103,178,.35),rgba(255,47,146,.04) 65%);border-color:rgba(255,47,146,.3);box-shadow:inset 0 0 18px rgba(255,47,146,.08)}
.hero{isolation:isolate}
.hero:before{content:"";position:absolute;top:5%;right:18%;width:280px;height:280px;border-radius:50%;background:rgba(255,47,146,.07);filter:blur(100px);pointer-events:none;z-index:-1;animation:themeGlow 9s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;bottom:4%;left:12%;width:180px;height:180px;border-radius:50%;background:rgba(190,0,255,.035);filter:blur(80px);pointer-events:none;z-index:-1;animation:themeGlowReverse 13s ease-in-out infinite alternate}
.hero h1{background:linear-gradient(180deg,#fff 0%,#f6e9f0 50%,#ff5aa8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 15px 80px rgba(255,47,146,.1)}
.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,103,178,.55);text-shadow:0 0 50px rgba(255,47,146,.18)}
.hero-title{color:#fff}
.hero-description{color:#938993}
.eyebrow{background:linear-gradient(90deg,rgba(255,47,146,.09),rgba(255,47,146,.025));box-shadow:inset 0 0 25px rgba(255,47,146,.035),0 0 30px rgba(255,47,146,.04)}
.primary-button{position:relative;overflow:hidden;background:linear-gradient(135deg,#ff3a97,#d81873);box-shadow:0 10px 35px rgba(255,47,146,.2),inset 0 1px 0 rgba(255,255,255,.18)}
.primary-button:before{content:"";position:absolute;top:0;bottom:0;left:-80%;width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-18deg);animation:buttonSweep 4s ease-in-out infinite}
.primary-button:hover{box-shadow:0 18px 50px rgba(255,47,146,.32),0 0 30px rgba(255,47,146,.12)}
.secondary-button{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.secondary-button:hover{background:rgba(255,47,146,.07);box-shadow:0 15px 40px rgba(0,0,0,.25),inset 0 0 20px rgba(255,47,146,.04)}
.hero-ring-one{border-color:rgba(255,47,146,.18);box-shadow:0 0 30px rgba(255,47,146,.035)}
.hero-ring-two{border-color:rgba(255,103,178,.1);box-shadow:0 0 25px rgba(255,47,146,.025)}
.hero-core{background:radial-gradient(circle at 50% 45%,rgba(255,47,146,.2),rgba(255,47,146,.045) 48%,transparent 72%);border-color:rgba(255,103,178,.35);box-shadow:0 0 80px rgba(255,47,146,.15),0 0 160px rgba(255,47,146,.055),inset 0 0 55px rgba(255,47,146,.09)}
.hero-core:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,103,178,.12);border-radius:50%;animation:coreRing 5s linear infinite}
.hero-core:after{content:"";position:absolute;inset:-20px;border:1px solid rgba(255,47,146,.045);border-radius:50%;animation:coreOuter 7s linear infinite}
.core-star{color:#ff8ac4;text-shadow:0 0 15px var(--ns-pink),0 0 30px rgba(255,47,146,.5)}
.server-command,.activity-panel,.ranking-panel,.online-panel,.staff-panel,.cta-panel{background:linear-gradient(145deg,rgba(25,16,27,.78),rgba(8,6,10,.8));border-color:rgba(255,255,255,.075);box-shadow:0 30px 90px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
.server-command:after,.activity-panel:after,.ranking-panel:after,.online-panel:after,.staff-panel:after,.cta-panel:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 25%,transparent 70%,rgba(255,47,146,.025))}
.server-icon,.quick-icon,.category-icon,.activity-icon,.notification-icon{box-shadow:inset 0 0 20px rgba(255,47,146,.04),0 0 25px rgba(255,47,146,.035)}
.server-icon{background:linear-gradient(145deg,rgba(255,47,146,.14),rgba(255,47,146,.035));border-color:rgba(255,47,146,.3);color:#ff75b6}
.server-state{color:#bdb3bb}
.state-dot.online{box-shadow:0 0 15px rgba(85,230,165,.6),0 0 30px rgba(85,230,165,.12)}
.capacity-track{background:rgba(255,255,255,.045);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.capacity-track span{background:linear-gradient(90deg,#a9145c,#ff2f92,#ff72b8);box-shadow:0 0 20px rgba(255,47,146,.42)}
.quick-card{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-color:rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.quick-card:hover{background:linear-gradient(145deg,rgba(255,47,146,.075),rgba(255,255,255,.015));box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 0 25px rgba(255,47,146,.025)}
.forum-category{background:linear-gradient(145deg,rgba(24,16,27,.82),rgba(8,6,10,.76));border-color:rgba(255,255,255,.07);box-shadow:0 20px 65px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.025)}
.forum-category:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,47,146,.28),transparent);opacity:.5}
.forum-category:hover{box-shadow:0 30px 80px rgba(0,0,0,.3),0 0 40px rgba(255,47,146,.035),inset 0 1px 0 rgba(255,103,178,.08)}
.category-icon{background:linear-gradient(145deg,rgba(255,47,146,.07),rgba(255,255,255,.018));border-color:rgba(255,255,255,.08)}
.forum-category:hover .category-icon{box-shadow:0 0 25px rgba(255,47,146,.1),inset 0 0 20px rgba(255,47,146,.05)}
.category-status{background:rgba(255,47,146,.04);box-shadow:0 0 15px rgba(255,47,146,.04)}
.activity-item:hover{background:linear-gradient(90deg,rgba(255,47,146,.035),transparent)}
.activity-icon{background:rgba(255,47,146,.07);color:#ff75b6}
.online-panel,.staff-panel{box-shadow:0 25px 70px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025)}
.orbit-ring{border-color:rgba(255,47,146,.22);box-shadow:0 0 25px rgba(255,47,146,.04)}
.orbit-ring:before,.orbit-ring:after{background:#ff65af;box-shadow:0 0 14px #ff2f92,0 0 28px rgba(255,47,146,.45)}
.orbit-center{background:radial-gradient(circle,rgba(255,47,146,.22),rgba(255,47,146,.035) 65%,transparent);box-shadow:0 0 50px rgba(255,47,146,.15),inset 0 0 30px rgba(255,47,146,.08)}
.staff-avatar{background:radial-gradient(circle at 30% 25%,rgba(255,103,178,.25),rgba(255,47,146,.035));border-color:rgba(255,47,146,.28);box-shadow:0 0 20px rgba(255,47,146,.05)}
.staff-status{color:var(--ns-success);text-shadow:0 0 10px rgba(85,230,165,.25)}
.event-card{background:linear-gradient(145deg,rgba(25,16,27,.8),rgba(8,6,10,.78));border-color:rgba(255,255,255,.07);box-shadow:0 22px 65px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.event-card:before{content:"";position:absolute;right:-90px;bottom:-100px;width:230px;height:230px;border-radius:50%;background:rgba(255,47,146,.045);filter:blur(45px);transition:transform .5s var(--ease),opacity .5s}
.event-card:hover:before{transform:scale(1.3);opacity:1}
.event-status{background:rgba(85,230,165,.045);box-shadow:0 0 18px rgba(85,230,165,.035)}
.ranking-panel{background:linear-gradient(145deg,rgba(24,16,27,.8),rgba(8,6,10,.8))}
.ranking-tabs{background:rgba(0,0,0,.12)}
.ranking-tab.active{box-shadow:0 0 20px rgba(255,47,146,.06),inset 0 0 15px rgba(255,47,146,.03)}
.ranking-item{transition:background .25s var(--ease)}
.ranking-item:hover{background:rgba(255,47,146,.025)}
.ranking-item:first-child{background:linear-gradient(90deg,rgba(255,47,146,.045),transparent)}
.ranking-item:first-child .ranking-position{text-shadow:0 0 18px rgba(255,47,146,.4)}
.ranking-score{text-shadow:0 0 14px rgba(255,47,146,.2)}
.stat-card{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-color:rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.stat-card:hover{border-color:rgba(255,47,146,.22);box-shadow:0 20px 55px rgba(0,0,0,.2),0 0 30px rgba(255,47,146,.035)}
.stat-card strong{text-shadow:0 0 25px rgba(255,47,146,.12)}
.cta-panel{background:radial-gradient(circle at 50% 0,rgba(255,47,146,.08),transparent 38%),linear-gradient(145deg,rgba(24,15,27,.82),rgba(8,6,10,.82))}
.cta-panel:before{background:radial-gradient(circle at 50% 0,rgba(255,47,146,.1),transparent 42%)}
.cta-panel h2{background:linear-gradient(90deg,#fff,#ff6db1,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:textShimmer 7s linear infinite}
.cta-panel p{color:#918690}
.cta-glow{opacity:.1;box-shadow:0 0 100px rgba(255,47,146,.18)}
.site-footer{background:linear-gradient(180deg,rgba(7,5,8,.7),rgba(4,3,5,.95));border-top-color:rgba(255,47,146,.09)}
.footer-brand .brand-mark{box-shadow:0 0 30px rgba(255,47,146,.1)}
.footer-links a:hover{color:#ff75b6;text-shadow:0 0 12px rgba(255,47,146,.18)}
.search-dialog,.modal-card{background:linear-gradient(145deg,rgba(19,12,21,.97),rgba(7,5,9,.98));border-color:rgba(255,47,146,.25);box-shadow:0 40px 130px rgba(0,0,0,.62),0 0 50px rgba(255,47,146,.035)}
.search-input-wrap{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.08)}
.search-input-wrap:focus-within{border-color:rgba(255,47,146,.38);box-shadow:0 0 35px rgba(255,47,146,.08),inset 0 0 20px rgba(255,47,146,.025)}
.search-filter.active{box-shadow:0 0 20px rgba(255,47,146,.07)}
.notification-panel{background:linear-gradient(145deg,rgba(17,11,19,.98),rgba(7,5,9,.99));border-color:rgba(255,47,146,.25);box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 40px rgba(255,47,146,.035)}
.notification-item.unread{box-shadow:inset 3px 0 0 rgba(255,47,146,.55)}
.notification-item:hover{background:rgba(255,47,146,.035)}
.modal-icon{background:radial-gradient(circle,rgba(255,47,146,.16),rgba(255,47,146,.035));box-shadow:0 0 50px rgba(255,47,146,.12),inset 0 0 25px rgba(255,47,146,.05)}
.toast{background:linear-gradient(145deg,rgba(19,12,21,.96),rgba(7,5,9,.98));box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 25px rgba(255,47,146,.025)}
.toast.success{box-shadow:0 20px 60px rgba(0,0,0,.45),inset 3px 0 0 rgba(85,230,165,.55)}
.toast.error{box-shadow:0 20px 60px rgba(0,0,0,.45),inset 3px 0 0 rgba(255,93,120,.55)}
.mini-spinner{box-shadow:0 0 14px rgba(255,47,146,.18)}
@keyframes themeGlow{0%{transform:translate3d(0,0,0) scale(1);opacity:.7}100%{transform:translate3d(-40px,35px,0) scale(1.18);opacity:1}}
@keyframes themeGlowReverse{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(35px,-25px,0) scale(1.15)}}
@keyframes buttonSweep{0%,45%{left:-80%}70%,100%{left:130%}}
@keyframes coreRing{to{transform:rotate(360deg)}}
@keyframes coreOuter{to{transform:rotate(-360deg)}}
@keyframes textShimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@media(max-width:800px){.hero:before{right:0;width:220px;height:220px;filter:blur(75px)}.hero:after{left:0;width:150px;height:150px;filter:blur(65px)}.primary-button:before{animation-duration:5s}.cta-panel h2{animation:none}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.primary-button:before,.hero-core:before,.hero-core:after,.cta-panel h2{animation:none}}