:root{--primary-black: #0a0a0a;--carbon-dark: #121212;--carbon-medium: #1a1a1a;--carbon-light: #2a2a2a;--metal-dark: #3a3a3a;--metal-light: #4a4a4a;--kui-crimson: #ff004e;--kui-forever: #007fa9;--discord-color: #5865F2;--text-primary: #ffffff;--text-secondary: #c0c0c0;--text-dim: #888888}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,sans-serif;background:var(--primary-black);color:var(--text-primary);overflow-x:hidden}#bg-overlay{position:fixed;inset:0;z-index:-1;background:linear-gradient(to bottom,#000000b8,#0000008c,#000000d9),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2240%22 height=%2240%22%3E%3Cpath d=%22M0 39h40M39 0v40%22 stroke=%22rgba(255,255,255,0.025)%22/%3E%3C/svg%3E")}h1,h2,h3,.orbitron{font-family:Orbitron,sans-serif}.header{position:fixed;top:0;width:100%;background:#080808d9;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,0,78,.2);z-index:1000;padding:12px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 40px #000000b3;transition:background .25s ease}.header.scrolling{background:#080808f7;backdrop-filter:none}.logo{display:flex;align-items:center;text-decoration:none;cursor:pointer;transition:all .35s;border-radius:10px;padding:4px}.logo img{height:56px;width:auto;object-fit:contain;filter:drop-shadow(0 0 0px transparent);transition:all .35s}.logo:hover img{filter:drop-shadow(0 0 14px rgba(255,0,78,.9)) drop-shadow(0 0 30px rgba(255,0,78,.5));transform:scale(1.08)}.logo:active img{filter:drop-shadow(0 0 22px rgba(255,0,78,1)) drop-shadow(0 0 50px rgba(255,0,78,.7)) brightness(1.3);transform:scale(.97)}.nav-menu{display:flex;list-style:none;gap:16px;align-items:center;margin-left:auto}.nav-btn{background:#ff004e14;border:1px solid rgba(255,0,78,.5);color:#fff;padding:10px 22px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s;cursor:pointer}.nav-btn:hover{background:var(--kui-crimson);border-color:var(--kui-crimson);box-shadow:0 0 18px #ff004e8c}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;background:#0a0a0afa;backdrop-filter:blur(8px);border:1px solid rgba(255,0,78,.4);border-radius:6px;list-style:none;padding:8px 0;min-width:210px;max-height:420px;overflow-y:auto;box-shadow:0 12px 40px #000000e6,0 0 20px #ff004e1a}.dropdown-menu.show{display:block}.dropdown-menu li a{display:flex;align-items:center;gap:10px;padding:11px 22px;color:#ddd;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.5px;transition:background .2s,color .2s,transform .2s}.dd-mod-icon{width:28px;height:18px;border-radius:3px;object-fit:cover;flex:none}.dropdown-menu li a:hover{background:#ff004e26;color:var(--kui-crimson);transform:translate(6px)}.dropdown-menu::-webkit-scrollbar{width:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:#ff004e66;border-radius:2px}.discord-btn{display:flex;align-items:center;gap:8px;background:#ff004e14;border:1px solid rgba(255,0,78,.5);color:#fff;text-decoration:none;padding:10px 22px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s}.discord-btn:hover{background:var(--kui-crimson);border-color:var(--kui-crimson);box-shadow:0 0 18px #ff004e8c}.discord-btn svg{width:18px;height:18px;fill:#fff}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:#ff004e14;border:1px solid rgba(255,0,78,.5);border-radius:4px;padding:13px 11px;cursor:pointer;transition:all .3s;z-index:1002}.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}.hamburger:hover{background:var(--kui-crimson);border-color:var(--kui-crimson);box-shadow:0 0 18px #ff004e8c}.nav-backdrop{position:fixed;inset:0;z-index:999;background:#0009;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s}.nav-backdrop.show{opacity:1;pointer-events:auto}@media(max-width:920px){.header{padding:12px 16px}.hamburger{display:inline-flex}.nav-menu{position:fixed;top:0;right:0;height:100vh;width:min(320px,85vw);flex-direction:column;align-items:stretch;gap:10px;padding:90px 16px 30px;background:#0a0a0afa;border-left:1px solid rgba(255,0,78,.4);box-shadow:-10px 0 40px #000000e6;transform:translate(100%);transition:transform .35s ease;overflow-y:auto;z-index:1001;margin:0}.nav-menu.open{transform:translate(0)}.dropdown{width:100%}.nav-btn{width:100%;text-align:center}.nav-menu li a.nav-btn{display:block;width:100%;text-align:center}.dropdown-menu{position:static;display:none;min-width:0;width:100%;max-height:none;border:none;border-left:2px solid rgba(255,0,78,.4);background:transparent;box-shadow:none;border-radius:0;margin-top:6px;padding:4px 0 4px 10px;overflow:visible}.dropdown-menu.show{display:block}.discord-btn{width:100%;justify-content:center}}.container{max-width:1200px;margin:0 auto;padding:110px 20px 80px}section{margin-bottom:100px}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:34px;text-transform:uppercase;letter-spacing:4px;margin-bottom:14px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.15)}.section-subtitle{font-size:17px;color:var(--text-secondary);max-width:700px;margin:0 auto}.panel{background:#0c0c0ce6;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:40px}.panel-logo{width:90px;height:90px;object-fit:contain;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(255,0,78,.3))}.panel-logo-forever{width:90px;height:90px;object-fit:contain;margin-bottom:20px;filter:drop-shadow(0 4px 18px rgba(0,127,169,.55)) drop-shadow(0 0 8px rgba(0,127,169,.3))}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media(max-width:768px){.hero-grid{grid-template-columns:1fr}}.hero-title{font-size:24px;margin-bottom:12px;color:#fff}.hero-desc{font-size:16px;color:var(--text-secondary);margin-bottom:28px;line-height:1.65}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-family:Orbitron,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:2px;padding:16px 32px;border-radius:5px;border:none;transition:all .3s;cursor:pointer;width:100%}.btn-retail{background:var(--kui-crimson);box-shadow:0 4px 16px #ff004e59}.btn-retail:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff004ea6}.btn-forever{background:#007fa9;box-shadow:0 4px 16px #007fa973}.btn-forever:hover{transform:translateY(-2px);box-shadow:0 8px 28px #007fa9bf}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.module-card{background:#121212ed;border:1px solid rgba(255,255,255,.06);padding:20px 22px;border-radius:7px;text-decoration:none;color:var(--text-primary);transition:background .28s,border-color .28s,transform .28s,box-shadow .28s;display:flex;align-items:center;gap:18px;content-visibility:auto;contain-intrinsic-size:auto 114px}.module-card:hover{background:#ff004e12;border-color:#ff004e59;transform:translateY(-3px);box-shadow:0 6px 24px #0009,0 0 12px #ff004e26}.mod-icon{width:72px;height:72px;object-fit:contain;flex-shrink:0;transition:filter .3s,transform .3s}.module-card:hover .mod-icon{filter:brightness(1.14);transform:scale(1.06)}.mod-icon-fallback{width:72px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:var(--kui-crimson)}.module-card .mod-content{display:flex;flex-direction:column;gap:5px}.module-card .module-name{font-size:17px;font-weight:700;letter-spacing:1px;color:#fff;display:flex;align-items:center;gap:8px}.module-card .module-desc{font-size:14px;color:var(--text-secondary);line-height:1.45}.tag-retail{font-size:9px;background:var(--kui-crimson);color:#fff;padding:2px 6px;border-radius:3px;font-family:Orbitron,sans-serif;letter-spacing:1px;text-transform:uppercase}.tag-forever{font-size:9px;background:var(--kui-forever);color:#fff;padding:2px 6px;border-radius:3px;font-family:Orbitron,sans-serif;letter-spacing:1px;text-transform:uppercase}::selection{background:#ff004e59;color:#fff}@keyframes ripple-out{0%{transform:scale(0);opacity:.6}to{transform:scale(3.5);opacity:0}}@keyframes border-pulse{0%,to{box-shadow:0 0 #ff004e00;border-color:var(--kui-crimson)}50%{box-shadow:0 0 0 4px #ff004e2e,0 0 18px #ff004e59}}@keyframes border-pulse-blue{0%,to{box-shadow:0 0 #007fa900;border-color:#007fa9}50%{box-shadow:0 0 0 4px #007fa938,0 0 18px #007fa966}}@keyframes scan-line{0%{top:0%;opacity:.6}to{top:100%;opacity:0}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes click-pop{0%{transform:scale(1)}40%{transform:scale(.95)}80%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.download-btn,.nav-btn,.discord-btn{position:relative;overflow:hidden}.ripple-circle{position:absolute;border-radius:50%;width:10px;height:10px;background:#ffffff59;pointer-events:none;transform:scale(0);animation:ripple-out .55s ease-out forwards}.download-btn{position:relative;overflow:hidden;transition:all .3s}.download-btn:after{content:"";position:absolute;top:-25%;bottom:-25%;left:-60%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-130%) skew(-20deg);opacity:0;pointer-events:none}.download-btn:hover:after{opacity:1;animation:btn-shine 1.1s linear infinite}@keyframes btn-shine{0%{transform:translate(-130%) skew(-20deg)}to{transform:translate(430%) skew(-20deg)}}.btn-retail{background-color:#d60043;background-image:linear-gradient(110deg,#ff004e,#ff4080 55%,#ff004e)}.btn-retail:hover{transform:translateY(-3px);box-shadow:0 10px 32px #ff004eb3,0 0 0 1px #ff004e66}.btn-retail:active{animation:click-pop .25s ease}.btn-forever{background-color:#00628a;background-image:linear-gradient(110deg,#007fa9,#1fa8db 55%,#007fa9)}.btn-forever:hover{transform:translateY(-3px);box-shadow:0 10px 32px #007fa9b3,0 0 0 1px #007fa966}.btn-forever:active{animation:click-pop .25s ease}.store-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px}.store-btn{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);border:1px solid rgba(255,255,255,.18);padding:9px 18px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:all .3s}.store-btn:hover{color:#fff;border-color:var(--kui-crimson);background:#ff004e1a;box-shadow:0 0 14px #ff004e59}.store-btn svg{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.panel-logo,.panel-logo-forever{animation:logo-float 4s ease-in-out infinite}.panel:hover .panel-logo{filter:drop-shadow(0 6px 20px rgba(255,0,78,.55)) drop-shadow(0 0 12px rgba(255,0,78,.3));animation:logo-float 2.5s ease-in-out infinite}.panel:hover .panel-logo-forever{filter:drop-shadow(0 6px 22px rgba(0,127,169,.7)) drop-shadow(0 0 12px rgba(0,127,169,.4));animation:logo-float 2.5s ease-in-out infinite}.module-card{position:relative;overflow:hidden}.module-card:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,0,78,.8),transparent);top:-4px;transition:top 0s;opacity:0}.module-card:hover:after{top:-4px;opacity:1;animation:scan-line .6s ease-out forwards}.module-card:active{transform:scale(.97) translateY(-1px);background:#ff004e21;border-color:#ff004e8c;box-shadow:0 0 20px #ff004e38,inset 0 0 12px #ff004e0f}.nav-btn:active,.discord-btn:active{transform:scale(.96);box-shadow:0 0 24px #ff004eb3}.nav-btn:focus-visible,.discord-btn:focus-visible{outline:2px solid rgba(255,0,78,.8);outline-offset:3px}@keyframes card-shine{0%{left:-80%}to{left:130%}}@keyframes slot-blink{0%,to{opacity:.45}50%{opacity:.9}}@keyframes badge-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.catalog-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:36px;flex-wrap:wrap}.catalog-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:9px 22px;border-radius:30px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.catalog-tab:hover{transform:translateY(-2px) scale(1.05);color:#fff;border-color:#ffffff4d}.catalog-tab.active{background:#ff004e26;border-color:var(--kui-crimson);color:#fff;animation:border-pulse 2.2s ease-in-out infinite}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pcard{background:#0e0e0eed;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:26px 24px 20px;position:relative;overflow:hidden;cursor:pointer;transition:transform .28s cubic-bezier(.34,1.56,.64,1),border-color .28s,box-shadow .28s;content-visibility:auto;contain-intrinsic-size:auto 240px}.pcard:before{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:skew(-15deg);pointer-events:none;transition:none}.pcard:hover:before{animation:card-shine .55s ease forwards}.pcard:hover{transform:translateY(-5px) scale(1.02);border-color:#ff004e73;box-shadow:0 12px 36px #000000b3,0 0 20px #ff004e24}.pcard:active{transform:scale(.97) translateY(-2px)}.pcard.official{border-color:#ff004e38;background:linear-gradient(145deg,#14080ceb,#0e0e0ee0)}.pcard.official:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--kui-crimson),transparent)}.pcard.community-slot{border-style:dashed;border-color:#ffffff1a;background:#08080880;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;text-align:center;cursor:default}.slot-icon{font-size:32px;margin-bottom:10px;animation:slot-blink 2.4s ease-in-out infinite}.slot-label{font-family:Orbitron,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#ffffff40}.pcard-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.pcard-avatar{width:48px;height:48px;border-radius:8px;background:#ff004e1f;border:1px solid rgba(255,0,78,.3);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.pcard-name{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#fff;letter-spacing:.5px}.pcard-author{font-size:12px;color:var(--text-dim);margin-top:2px}.pcard-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.pcard-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ptag{font-size:10px;font-family:Orbitron,sans-serif;padding:3px 8px;border-radius:3px;letter-spacing:.8px;text-transform:uppercase;font-weight:700}.ptag-role-healer{background:#00d26426;color:#00d264;border:1px solid rgba(0,210,100,.3)}.ptag-role-tank{background:#0070de26;color:#0070de;border:1px solid rgba(0,112,222,.3)}.ptag-role-dps{background:#c8323226;color:#e05555;border:1px solid rgba(200,50,50,.3)}.ptag-style{background:#ffffff0f;color:#aaa;border:1px solid rgba(255,255,255,.1)}.ptag-official{background:#ff004e2e;color:var(--kui-crimson);border:1px solid rgba(255,0,78,.4);animation:badge-pop .4s ease both}.pcard-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#ff004e14;border:1px solid rgba(255,0,78,.3);color:var(--kui-crimson);font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:10px;border-radius:5px;cursor:pointer;transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.pcard-copy:hover{background:#ff004e2e;transform:translateY(-2px);box-shadow:0 6px 18px #ff004e4d}.pcard-copy:active{transform:scale(.95)}.pcard-copy.copied{background:#00c86426;border-color:#00c86466;color:#00c864}.catalog-cta{text-align:center;margin-top:40px;padding:28px 24px;background:#ff004e0a;border:1px dashed rgba(255,0,78,.2);border-radius:10px}.catalog-cta p{color:var(--text-secondary);font-size:15px;margin-bottom:16px}.catalog-cta strong{color:#fff}.panel{transition:border-color .3s,box-shadow .3s}.panel:hover{border-color:#ffffff1f;box-shadow:0 0 30px #00000080,0 0 1px #ffffff0d}.lang-slot{display:flex;align-items:center;margin-left:14px}
