:root{--ifx-glass:rgba(9,12,21,.78);--ifx-edge:rgba(255,255,255,.075);--ifx-glow:rgba(140,108,255,.22)}
body{background-color:#060810;background-image:radial-gradient(circle at 14% 10%,rgba(116,76,233,.13),transparent 29%),radial-gradient(circle at 88% 36%,rgba(53,210,180,.075),transparent 28%)}
body:after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.016) 50%,transparent 50.5%);background-size:84px 100%;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.site-header{top:10px;min-height:68px;border-color:rgba(255,255,255,.085);border-radius:21px;background:rgba(7,9,16,.78);box-shadow:0 18px 55px rgba(0,0,0,.31);transition:min-height .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease}
.ifx-scrolled .site-header{min-height:60px;background:rgba(6,8,14,.92);box-shadow:0 18px 60px rgba(0,0,0,.5)}
.brand__mark{position:relative;overflow:hidden}.brand__mark:after{content:"";position:absolute;inset:-50%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.35),transparent 65%);transform:translateX(-70%);animation:ifx-brand-sheen 7s ease-in-out infinite}
.nav a{position:relative;transition:color .2s ease,background .2s ease}.nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:linear-gradient(90deg,#8c6cff,#4ce3c1);transform:scaleX(0);transition:transform .25s}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}
.header-cta{min-height:44px;border-radius:13px;background:linear-gradient(135deg,#9477ff,#6543d3);box-shadow:0 13px 32px rgba(99,67,210,.3)}
.page-hero{padding-top:clamp(74px,9vw,126px);padding-bottom:clamp(44px,6vw,82px)}
.page-hero .breadcrumbs{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;color:#707b8f;font-size:.67rem;font-weight:900}.page-hero .breadcrumbs:before{content:"";width:24px;height:1px;background:#4ce3c1}
.page-hero h1{max-width:1000px;background:linear-gradient(110deg,#fff 30%,#afa1d6 105%);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero p{line-height:1.75}
.card,.panel,.product-card,.crate-card,.staff-group,.news-card,.legal-card,.form-card,.search-panel,.public-profile,.clan-card{border-color:var(--ifx-edge);background:linear-gradient(145deg,rgba(18,23,38,.91),rgba(8,11,19,.94));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.card,.panel,.product-card,.crate-card,.staff-group,.news-card,.search-panel,.clan-card{position:relative;overflow:hidden}
.card:after,.panel:after,.feature-card:after,.story-card:after,.stat-card:after{content:"";position:absolute;inset:auto -25% -90px 40%;height:150px;border-radius:50%;background:radial-gradient(circle,var(--ifx-glow),transparent 66%);pointer-events:none;opacity:.55;transition:transform .35s,opacity .35s}
.card:hover:after,.panel:hover:after,.feature-card:hover:after,.story-card:hover:after,.stat-card:hover:after{transform:scale(1.25);opacity:.85}
.button{min-height:46px;border-radius:13px;position:relative;overflow:hidden}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.15),transparent 72%);transform:translateX(-115%);transition:transform .6s}.button:hover:before{transform:translateX(115%)}
.button--ghost{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}
.section-head h2,.board-toolbar h2{line-height:1;letter-spacing:-.055em}.section-head p{line-height:1.75}
.field input,.field textarea,.field select,.board-filter select,.search-panel input{border-color:rgba(255,255,255,.09);background:#080b13;transition:border-color .2s,box-shadow .2s,background .2s}.field input:hover,.field textarea:hover,.field select:hover,.board-filter select:hover,.search-panel input:hover{border-color:rgba(140,108,255,.3)}.field input:focus,.field textarea:focus,.field select:focus,.board-filter select:focus,.search-panel input:focus{border-color:#8c6cff;background:#0a0d17;box-shadow:0 0 0 4px rgba(140,108,255,.12);outline:0}
.site-footer{position:relative;margin-top:clamp(70px,10vw,140px);background:linear-gradient(180deg,rgba(5,7,12,.72),#04050a);overflow:hidden}.site-footer:before{content:"";position:absolute;left:50%;top:-380px;width:760px;height:520px;border:1px solid rgba(140,108,255,.14);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 80px rgba(140,108,255,.018),0 0 0 160px rgba(76,227,193,.012)}
.footer-lead,.footer-grid,.footer-bottom{position:relative}.footer-grid a{transition:color .2s,transform .2s}.footer-grid a:hover{color:#fff;transform:translateX(4px)}
.ifx-network-state{background:rgba(255,255,255,.025)}
.ifx-quick-button,.ifx-back-top{border-color:rgba(255,255,255,.1);background:rgba(8,11,19,.88);backdrop-filter:blur(16px)}
.ifx-quick-button{opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,border-color .2s ease}.ifx-scrolled .ifx-quick-button{opacity:1;pointer-events:auto;transform:none}
.ifx-quick-button:hover,.ifx-back-top:hover{border-color:rgba(140,108,255,.42)}
.ifx-reveal{will-change:opacity,transform}
.rank-board,.live-strip{box-shadow:0 22px 65px rgba(0,0,0,.2)}
@keyframes ifx-brand-sheen{0%,60%{transform:translateX(-70%) rotate(14deg)}82%,100%{transform:translateX(70%) rotate(14deg)}}
@media(max-width:1100px){.site-header{gap:14px}.nav a{padding-inline:9px;font-size:.84rem}}
@media(max-width:900px){.nav{top:76px;left:8px;right:8px;gap:5px;padding:12px;border-color:rgba(255,255,255,.1);border-radius:18px;background:rgba(7,10,18,.97);box-shadow:0 28px 80px rgba(0,0,0,.6);backdrop-filter:blur(22px)}.nav a{padding:12px 14px}.nav a:after{display:none}.site-header.is-open .nav{animation:ifx-mobile-nav .24s ease both}.footer-lead{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.site-header{min-height:60px;padding:9px 12px}.brand__mark{width:35px;height:35px}.brand>span:last-child b{font-size:.82rem}.page-hero{padding-top:58px}.page-hero h1{font-size:clamp(2.9rem,14vw,4.7rem)}.page-hero:after{width:280px;height:280px}.section{padding:58px 0}.card,.product-card,.crate-card,.staff-group,.news-card{border-radius:16px}.footer-lead{padding-top:44px}}
@keyframes ifx-mobile-nav{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.brand__mark:after{animation:none}.nav,.button:before{transition:none!important}.ifx-reveal{will-change:auto}}