:root{--purple-deep:#0d0a1a;--purple-dark:#110e24;--purple-mid:#1a1433;--purple-primary:#7c3aed;--purple-bright:#9d4edd;--purple-light:#c77dff;--purple-glow:#bf5af2;--gold:#f5c842;--gold-dark:#c9a227;--gold-light:#ffe083;--white:#fff;--white-70:#ffffffb3;--white-30:#ffffff4d;--white-10:#ffffff1a;--white-05:#ffffff0d;--border:#7c3aed40;--border-gold:#f5c8424d;--shadow-purple:0 0 40px #9d4edd4d;--shadow-gold:0 0 30px #f5c84233;--font-main:"Outfit", sans-serif;--font-display:"Rajdhani", sans-serif;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background-color:var(--purple-deep);color:var(--white);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--purple-dark)}::-webkit-scrollbar-thumb{background:var(--purple-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-bright)}::selection{background:var(--purple-primary);color:var(--white)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0;position:relative}.section-tag{border:1px solid var(--border);background:var(--white-05);letter-spacing:.12em;text-transform:uppercase;color:var(--purple-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.section-tag .dot{background:var(--purple-glow);width:6px;height:6px;box-shadow:0 0 8px var(--purple-glow);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.section-title{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--purple-light), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gold-text{background:linear-gradient(135deg, var(--gold-light), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-line{background:linear-gradient(90deg, var(--purple-primary), var(--purple-light));width:80px;height:3px;box-shadow:0 0 12px var(--purple-primary);border-radius:2px;margin:1rem 0 1.5rem}.glass-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);background:linear-gradient(135deg,#7c3aed14,#110e2499);border-radius:16px}.glass-card:hover{box-shadow:var(--shadow-purple);border-color:#7c3aed80}.btn-primary{background:linear-gradient(135deg, var(--purple-primary), var(--purple-bright));color:var(--white);letter-spacing:.05em;transition:var(--transition);border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #7c3aed66}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--purple-bright), var(--purple-glow));opacity:0;transition:var(--transition);position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed99}.btn-primary span{z-index:1;position:relative}.btn-secondary{color:var(--white);letter-spacing:.05em;border:1px solid var(--border);transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--purple-light);background:var(--white-05);transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#1a1000;letter-spacing:.05em;transition:var(--transition);border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 4px 20px #f5c8424d}.btn-gold:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 30px #f5c84280}.noise-overlay{pointer-events:none;z-index:999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}#particles-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}@media (width<=768px){.container{padding:0 1.25rem}.section{padding:4rem 0}}.navbar{z-index:100;padding:1.25rem 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#0d0a1ad9;border-bottom:1px solid #7c3aed33;padding:.75rem 0;box-shadow:0 8px 32px #0006}.navbar-container{justify-content:space-between;align-items:center;gap:2rem;max-width:1280px;margin:0 auto;padding:0 2rem;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#9d4edd);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 20px #7c3aed80}.logo-text{flex-direction:column;line-height:1;display:flex}.logo-name{letter-spacing:.05em;background:linear-gradient(135deg,#c77dff,#f5c842);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:700}.logo-tag{letter-spacing:.2em;color:#ffffff80;text-transform:uppercase;font-size:.65rem;font-weight:600}.navbar-nav{flex:1;justify-content:center;align-items:center;gap:.25rem;display:flex}.nav-link{color:#ffffffb3;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#c77dff}.nav-underline{background:linear-gradient(90deg,#7c3aed,#c77dff);border-radius:1px;height:2px;position:absolute;bottom:2px;left:1rem;right:1rem;box-shadow:0 0 8px #7c3aed99}.navbar-cta{flex-shrink:0;align-items:center;gap:1rem;display:flex}.navbar-btn{padding:.625rem 1.25rem;font-size:.875rem}.mobile-toggle{color:#fff;background:#ffffff14;border:1px solid #7c3aed4d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:none}.mobile-toggle:hover{background:#7c3aed33}.mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0a1af5;border-bottom:1px solid #7c3aed33;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:fixed;top:70px;left:0;right:0}.mobile-link{color:#fffc;border-radius:10px;padding:.875rem 1rem;font-size:1rem;font-weight:500;transition:all .2s}.mobile-link:hover{color:#c77dff;background:#7c3aed26}.mobile-cta{text-align:center;justify-content:center;margin-top:1rem}@media (width<=900px){.navbar-nav{display:none}.mobile-toggle{display:flex}.navbar-btn{display:none}}@media (width<=480px){.navbar-container{padding:0 1.25rem}}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;will-change:transform;position:absolute;inset:-10%}.hero-img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{background:linear-gradient(#0d0a1a59 0%,#0d0a1a8c 40%,#0d0a1ae6 80%,#0d0a1a 100%);position:absolute;inset:0}.hero-grid{z-index:1;background-image:linear-gradient(#7c3aed0f 1px,#0000 1px),linear-gradient(90deg,#7c3aed0f 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#00000080 30% 70%,#0000);mask-image:linear-gradient(#0000,#00000080 30% 70%,#0000)}.hero-content{z-index:2;text-align:center;padding-top:6rem;padding-bottom:4rem;position:relative}.hero-badge{letter-spacing:.1em;text-transform:uppercase;color:#c77dff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7c3aed26;border:1px solid #7c3aed66;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.4rem 1.2rem;font-size:.78rem;font-weight:600;display:inline-flex}.hero-badge .dot{background:#9d4edd;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 10px #9d4edd}.hero-title{flex-direction:column;align-items:center;gap:.2rem;margin-bottom:1.5rem;display:flex}.title-line{color:#fff9;letter-spacing:.15em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:400}.title-main{letter-spacing:-.02em;filter:drop-shadow(0 0 40px #7c3aed80);margin:.15rem 0;font-family:Rajdhani,sans-serif;font-size:clamp(3.5rem,10vw,8rem);font-weight:900;line-height:.9}.title-sub{letter-spacing:.3em;align-items:center;gap:1rem;font-family:Rajdhani,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;display:flex}.title-bar{background:linear-gradient(90deg,#0000,#f5c842);border-radius:1px;width:40px;height:2px;display:block}.hero-desc{color:#ffffffa6;max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.1rem);line-height:1.7}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.hero-cta-main{padding:1rem 2.25rem;font-size:1rem}.hero-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.floating-badge{color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:#0d0a1a99;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.floating-badge:hover{border-color:var(--badge-color,#7c3aed);box-shadow:0 0 15px #7c3aed33}.badge-icon{color:var(--badge-color,#7c3aed);align-items:center;display:flex}.scroll-indicator{z-index:3;color:#fff9;cursor:pointer;background:#7c3aed26;border:1px solid #7c3aed66;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator:hover{color:#fff;background:#7c3aed4d}.hero-bottom-fade{background:linear-gradient(to bottom, transparent, var(--purple-deep));z-index:2;pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}@media (width<=768px){.hero-badges{gap:.5rem}.floating-badge{padding:.4rem .75rem;font-size:.75rem}.hero-ctas{flex-direction:column;align-items:center}}.shop{background:radial-gradient(circle at 80% 30%,#f5c8420f,#0000 32%),linear-gradient(#0000,#110e24b3);padding-top:4rem}.shop-heading{justify-content:space-between;align-items:end;gap:4rem;margin-bottom:3rem;display:flex}.shop-intro{max-width:390px;color:var(--white-70);font-size:.96rem;line-height:1.8}.shop-products-status{color:var(--white-70);text-align:center;padding:3rem 0}.shop-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1rem;display:grid}.shop-card{background:linear-gradient(155deg,#ffffff12,#110e24d1);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-height:430px;padding:1.5rem;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.shop-card:hover,.shop-card.selected{border-color:var(--purple-light);transform:translateY(-5px);box-shadow:0 16px 40px #00000040,0 0 28px #9d4edd1f}.shop-card.gold{border-color:#f5c84252}.shop-card.gold:hover,.shop-card.gold.selected,.shop-card.featured{border-color:#f5c842b8}.shop-card-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.product-icon{width:48px;height:48px;color:var(--purple-light);background:#7c3aed26;border-radius:12px;place-items:center;display:grid}.bronze .product-icon{color:#d89062;background:#d8906224}.gold .product-icon{color:var(--gold-light);background:#f5c84224}.diamond .product-icon{color:#e3c6ff;background:#c77dff29}.product-category{color:var(--white-70);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.shop-card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.65rem;font-size:1.65rem}.product-coins{flex-wrap:wrap;align-items:center;gap:.55rem;margin:-.1rem 0 .7rem;display:flex}.product-coins strong{color:var(--gold-light);font-family:var(--font-display)}.product-coins span{color:#241b02;background:var(--gold);letter-spacing:.02em;border-radius:4px;padding:.2rem .45rem;font-size:.8rem;font-weight:800}.product-description{min-height:54px;color:var(--white-70);font-size:.86rem;line-height:1.55}.product-price{color:var(--gold-light);font-family:var(--font-display);margin:1.1rem 0;font-size:1.75rem;font-weight:700}.product-price small{color:var(--white-70);font-family:var(--font-main);font-size:.7rem;font-weight:400}.product-benefits{color:#ffffffc7;gap:.55rem;margin:0 0 1.4rem;padding:0;font-size:.78rem;list-style:none;display:grid}.product-benefits li{align-items:flex-start;gap:.5rem;display:flex}.product-benefits svg{color:var(--purple-light);flex:none;margin-top:2px}.gold .product-benefits svg{color:var(--gold)}.shop-select{color:#fff;background:#7c3aed2e;border:1px solid #c77dff59;border-radius:7px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:.8rem 1rem;font-size:.84rem;font-weight:700;transition:background .2s,border-color .2s;display:flex}.shop-select:hover,.shop-select.is-selected{background:var(--purple-primary);border-color:var(--purple-light)}.gold .shop-select{color:#201705;background:var(--gold);border-color:var(--gold-light)}.gold .shop-select:hover,.gold .shop-select.is-selected{background:var(--gold-light)}.shop-ribbon{color:#221a03;background:var(--gold);letter-spacing:.08em;text-transform:uppercase;padding:.3rem 2.1rem;font-size:.62rem;font-weight:800;position:absolute;top:14px;right:-34px;transform:rotate(35deg)}.checkout-modal{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05030fc7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.checkout-modal-card{background:linear-gradient(155deg,#231941fa,#0d0a1afa);border:1px solid #f5c8426b;border-radius:14px;width:min(100%,500px);padding:2rem;position:relative;box-shadow:0 24px 80px #00000080}.checkout-modal-close{color:var(--white-70);background:0 0;border:0;border-radius:5px;place-items:center;padding:.35rem;display:grid;position:absolute;top:.8rem;right:.8rem}.checkout-modal-close:hover{color:var(--white);background:#ffffff14}.checkout-modal .checkout-copy{margin-bottom:1.5rem}.checkout-modal .checkout-email-field{min-width:0}.checkout-modal .checkout-action{justify-content:space-between;margin-top:1.5rem}.checkout-modal .shop-api-error{text-align:left}.checkout-copy,.checkout-action{align-items:center;gap:.75rem;display:flex}.checkout-email-field{gap:.25rem;min-width:220px;display:grid}.checkout-email-field span{color:var(--white-70);font-size:.68rem}.checkout-email-field input{width:100%;color:var(--white);font:inherit;background:#0d0a1ab3;border:1px solid #c77dff59;border-radius:6px;outline:none;padding:.62rem .75rem;font-size:.78rem;transition:border-color .2s,box-shadow .2s}.checkout-email-field input::placeholder{color:#fff6}.checkout-email-field input:focus{border-color:var(--purple-light);box-shadow:0 0 0 2px #c77dff1f}.checkout-email-field input[aria-invalid=true]{border-color:#ff9d9d}.checkout-email-field input[aria-invalid=true]:focus{box-shadow:0 0 0 2px #ff9d9d1f}.checkout-email-error{color:#ff9d9d!important;font-size:.68rem!important}.character-name-field{gap:.25rem;min-width:190px;display:grid}.character-name-field span{color:var(--white-70);font-size:.68rem}.character-name-field input{color:#fff;width:100%;font:inherit;background:#0d0a1ab3;border:1px solid #c77dff59;border-radius:6px;outline:none;padding:.62rem .75rem;font-size:.78rem}.character-name-field input:focus{border-color:var(--purple-light);box-shadow:0 0 0 2px #c77dff1f}.checkout-copy>svg{color:var(--gold)}.checkout-copy div{gap:.15rem;display:grid}.checkout-copy strong{font-size:.9rem}.checkout-copy span{color:var(--white-70);font-size:.75rem}.checkout-action>strong{color:var(--gold-light);font-family:var(--font-display);font-size:1.3rem}.paypal-button{color:#10264a;background:#ffc439;border-radius:6px;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.8rem;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.paypal-button:hover{background:#ffdb70;transform:translateY(-2px)}.paypal-button.disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.shop-api-error{color:#ff9d9d;text-align:right;margin:.8rem 0 0;font-size:.75rem}.paypal-mark{color:#ffc439;background:#10264a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.7rem;font-weight:900;display:grid}.shop-conditions{color:#ffffff73;text-align:center;max-width:850px;margin:1.2rem auto 0;font-size:.7rem;line-height:1.6}@media (width<=980px){.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-heading{flex-direction:column;align-items:start;gap:1rem}}@media (width<=620px){.shop{padding-top:2rem}.shop-grid{grid-template-columns:1fr}.shop-card{min-height:0}.shop-checkout{flex-direction:column;align-items:stretch}.checkout-email-field{min-width:0}.checkout-action{justify-content:space-between}.paypal-button{flex:1;justify-content:center}}.stats-section{z-index:2;margin-top:-2rem;padding:4rem 0;position:relative}.stats-bg-line{background:linear-gradient(90deg,#0000,#7c3aed4d,#0000);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.stat-card{text-align:center;border-radius:16px;padding:2rem 1.5rem;position:relative;overflow:hidden}.stat-icon{margin-bottom:.75rem;font-size:2rem;display:block}.stat-value{background:linear-gradient(135deg,#c77dff,#f5c842);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Rajdhani,sans-serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1;display:block}.stat-label{color:#ffffff8c;font-size:.875rem;font-weight:500}.stat-glow{filter:blur(10px);background:radial-gradient(#7c3aed4d,#0000);width:60%;height:40px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:1.5rem 1rem}}.features-section{position:relative;overflow:hidden}.features-glow-l{pointer-events:none;background:radial-gradient(circle,#7c3aed1f,#0000 70%);width:500px;height:500px;position:absolute;top:20%;left:-15%}.features-glow-r{pointer-events:none;background:radial-gradient(circle,#9d4edd1a,#0000 70%);width:400px;height:400px;position:absolute;bottom:10%;right:-15%}.section-header{text-align:center;max-width:650px;margin:0 auto 4rem}.section-desc{color:#ffffff8c;margin-top:.75rem;font-size:1rem;line-height:1.7}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.feature-card{cursor:default;position:relative;overflow:hidden}.feature-img-wrap{height:220px;position:relative;overflow:hidden}.feature-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-img{transform:scale(1.08)}.feature-img-overlay{position:absolute;inset:0}.feature-tag{letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:100px;padding:.3rem .8rem;font-size:.7rem;font-weight:700;position:absolute;top:1rem;right:1rem}.feature-content{padding:1.5rem}.feature-title{letter-spacing:.03em;color:#fff;margin-bottom:.625rem;font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:700}.feature-desc{color:#ffffff8c;margin-bottom:1.25rem;font-size:.875rem;line-height:1.65}.feature-items{flex-direction:column;gap:.4rem;list-style:none;display:flex}.feature-item{color:#ffffffb3;align-items:center;gap:.6rem;font-size:.8rem;font-weight:500;display:flex}.feature-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.feature-border-glow{opacity:0;pointer-events:none;border-radius:16px;transition:opacity .4s;position:absolute;inset:0}.feature-card:hover .feature-border-glow{opacity:.05}@media (width<=900px){.features-grid{grid-template-columns:1fr}.feature-img-wrap{height:200px}}.factions-section{position:relative;overflow:hidden}.factions-bg-glow{pointer-events:none;background:radial-gradient(circle,#7c3aed12,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faction-tabs{background:#ffffff0a;border:1px solid #7c3aed33;border-radius:14px;justify-content:center;gap:.5rem;width:fit-content;margin-bottom:3rem;margin-left:auto;margin-right:auto;padding:.4rem;display:flex}.faction-tab{color:#ffffff8c;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;transition:color .3s;position:relative}.faction-tab.active{color:#fff}.tab-bg{background:linear-gradient(135deg,#7c3aed80,#9d4edd4d);border:1px solid #7c3aed66;border-radius:10px;position:absolute;inset:0}.factions-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.faction-card{cursor:pointer;padding:1.75rem;transition:border-color .3s;position:relative;overflow:hidden}.faction-card:hover{border-color:var(--faction-color,#7c3aed80)}.faction-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.faction-icon-wrap{border:1px solid;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.faction-icon{font-size:1.5rem}.faction-name{letter-spacing:.05em;margin-bottom:.2rem;font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:700;line-height:1}.faction-subtitle{color:#ffffff73;font-size:.75rem;font-weight:500}.faction-members{text-align:right;flex-shrink:0;margin-left:auto}.members-count{color:#fff;font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:800;line-height:1;display:block}.members-label{color:#fff6;font-size:.7rem;font-weight:500}.faction-desc{color:#fff9;margin-bottom:1rem;font-size:.85rem;line-height:1.6}.faction-meta{color:#ffffff80;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.faction-expand{cursor:pointer;color:#fff6;font-size:.75rem;transition:color .2s}.faction-card:hover .faction-expand{color:#ffffffb3}.faction-perks{border-top:1px solid #ffffff14;margin-top:1.25rem;padding-top:1.25rem;overflow:hidden}.perks-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.25rem;display:grid}.perk-item{color:#ffffffb3;background:#ffffff0a;border:1px solid;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.78rem;font-weight:500;display:flex}.perk-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.faction-join-btn{border-radius:10px;justify-content:center;width:100%;font-size:.9rem}.faction-accent-border{height:2px;position:absolute;bottom:0;left:0;right:0}.faction-backdrop{display:none}@media (width<=768px){.factions-grid{grid-template-columns:1fr}.faction-tabs{flex-direction:column;width:calc(100% - 2.5rem)}.perks-grid{grid-template-columns:1fr}}.join-section{position:relative;overflow:hidden}.join-bg-diag{pointer-events:none;background:linear-gradient(135deg,#7c3aed0d 0%,#0000 50%,#9d4edd0a 100%);position:absolute;inset:0}.join-layout{grid-template-columns:1fr 420px;align-items:start;gap:4rem;display:grid}.steps-list{flex-direction:column;gap:0;display:flex}.step-item{gap:1.25rem;padding-bottom:2rem;display:flex;position:relative}.step-connector{opacity:.4;width:2px;height:calc(100% - 52px);position:absolute;top:52px;left:25px}.step-number-wrap{border:1px solid;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.step-emoji{font-size:1.3rem}.step-num-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.step-content{flex:1;padding-top:.75rem}.step-title{letter-spacing:.03em;margin-bottom:.375rem;font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:700}.step-desc{color:#ffffff8c;font-size:.875rem;line-height:1.6}.join-cta-col{position:sticky;top:100px}.join-cta-card{text-align:center;padding:2rem}.join-logo{border:2px solid #7c3aed66;border-radius:20px;width:90px;height:90px;margin:0 auto 1.5rem;overflow:hidden;box-shadow:0 0 30px #7c3aed4d}.join-logo-img{object-fit:cover;width:100%;height:100%}.join-card-title{margin-bottom:.75rem;font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2}.join-card-desc{color:#ffffff8c;margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.join-server-info{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.server-info-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.82rem;display:flex}.server-info-row:last-child{border-bottom:none}.info-label{color:#fff6;font-weight:500}.info-value{color:#ffffffd9;font-weight:600}.info-value.online{color:#4ade80;align-items:center;gap:.4rem;display:flex}.online-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #4ade80}.join-btns{flex-direction:column;gap:.75rem;display:flex}.join-btn-main{justify-content:center;width:100%;font-size:.95rem}.join-btn-sec{justify-content:center;width:100%;font-size:.875rem}@media (width<=1024px){.join-layout{grid-template-columns:1fr;gap:3rem}.join-cta-col{width:100%;max-width:500px;margin:0 auto;position:static}}.community-section{position:relative;overflow:hidden}.community-glow-bg{pointer-events:none;background:radial-gradient(#7c3aed14,#0000 70%);width:900px;height:400px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.social-grid{flex-direction:column;gap:1rem;margin-bottom:4rem;display:flex}.social-card{color:inherit;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;text-decoration:none;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.social-card:hover{border-color:var(--social-color,#7c3aed80)}.social-icon-wrap{border:1px solid;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.social-icon{font-size:1.5rem}.social-info{flex:1}.social-name{margin-bottom:.2rem;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:700}.social-desc{color:#ffffff80;font-size:.82rem}.social-stat{text-align:right;flex-shrink:0}.social-stat-value{font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:800}.social-arrow{color:#ffffff4d;flex-shrink:0;font-size:1.2rem;transition:all .3s}.social-card:hover .social-arrow{color:var(--social-color);transform:translate(4px)}.social-glow{opacity:0;filter:blur(30px);width:100px;height:100%;transition:opacity .4s;position:absolute;top:0;right:0}.social-card:hover .social-glow{opacity:.05}.testimonials-title{text-align:center;color:#ffffffd9;margin-bottom:2rem;font-family:Rajdhani,sans-serif;font-size:1.75rem;font-weight:700}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.testimonial-card{padding:1.75rem;position:relative}.testimonial-quote{color:#7c3aed66;margin-bottom:.5rem;font-family:Rajdhani,sans-serif;font-size:4rem;font-weight:900;line-height:.8}.testimonial-text{color:#ffffffa6;margin-bottom:1.25rem;font-size:.88rem;font-style:italic;line-height:1.65}.testimonial-author{border-top:1px solid #ffffff12;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.author-avatar{background:#7c3aed33;border:1px solid #7c3aed4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.author-name{color:#fff;font-size:.875rem;font-weight:700}.author-role{color:#ffffff73;font-size:.75rem}.testimonial-stars{letter-spacing:-.1em;margin-left:auto;font-size:.7rem}@media (width<=900px){.testimonials-grid{grid-template-columns:1fr}}@media (width<=600px){.social-card{flex-wrap:wrap}.social-stat{display:none}}.footer{background:linear-gradient(180deg, var(--purple-deep), #080612);padding:5rem 0 2rem;position:relative;overflow:hidden}.footer-glow{pointer-events:none;background:radial-gradient(#7c3aed1f,#0000 70%);width:700px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-top-line{background:linear-gradient(90deg,#0000,#7c3aed80,#f5c8424d,#7c3aed80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.footer-main{grid-template-columns:400px 1fr;gap:4rem;margin-bottom:3rem;display:grid}.footer-logo{align-items:center;gap:.875rem;margin-bottom:1.25rem;display:flex}.footer-logo-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#9d4edd);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 0 25px #7c3aed80}.footer-logo-name{letter-spacing:.05em;background:linear-gradient(135deg,#c77dff,#f5c842);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:800}.footer-logo-tag{color:#fff6;letter-spacing:.15em;text-transform:uppercase;font-size:.7rem}.footer-brand-desc{color:#ffffff73;margin-bottom:1.25rem;font-size:.875rem;line-height:1.7}.footer-status{color:#4ade80;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #4ade80}.footer-discord-btn{padding:.75rem 1.5rem;font-size:.875rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-link-title{letter-spacing:.15em;text-transform:uppercase;color:#fff6;margin-bottom:1.25rem;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:700}.footer-link-list{flex-direction:column;gap:.65rem;list-style:none;display:flex}.footer-link{color:#ffffff8c;font-size:.875rem;transition:color .25s;display:inline-block}.footer-link:hover{color:#c77dff;transform:translate(3px)}.footer-bottom{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:2rem;display:flex}.footer-copy{color:#ffffff73;font-size:.8rem}.footer-disclaimer{color:#ffffff40;font-size:.75rem}@media (width<=1024px){.footer-main{grid-template-columns:1fr;gap:2.5rem}}@media (width<=640px){.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{text-align:center;flex-direction:column}}.payment-success{z-index:1;background:radial-gradient(circle at 50% 35%,#7c3aed2e,#0000 38%),radial-gradient(circle at 50% 100%,#f5c8420f,#0000 32%);place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid;position:relative}.payment-success-brand{color:var(--white);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:700;display:inline-flex;position:absolute;top:2rem;left:2rem}.payment-success-brand-mark{width:34px;height:34px;color:var(--white);background:linear-gradient(135deg, var(--purple-primary), var(--purple-bright));border-radius:9px;place-items:center;display:grid;box-shadow:0 0 20px #7c3aed73}.payment-success-card{text-align:center;background:linear-gradient(155deg,#ffffff14,#110e24e0);border:1px solid #c77dff47;border-radius:20px;width:min(100%,590px);padding:clamp(2rem,5vw,3.5rem);box-shadow:0 24px 70px #00000059,0 0 45px #7c3aed1f}.payment-success-icon{color:#86efac;background:#4ade801a;border:1px solid #86efac59;border-radius:50%;place-items:center;width:78px;height:78px;margin:0 auto 1.5rem;display:grid;box-shadow:0 0 30px #4ade801f}.payment-error .payment-success-icon{color:#fca5a5;background:#f871711a;border-color:#fca5a559;box-shadow:0 0 30px #f871711f}.payment-error .section-tag{color:#fca5a5;border-color:#fca5a54d}.payment-error .section-tag .dot{background:#f87171;box-shadow:0 0 8px #f87171}.payment-error .payment-success-card h1 span{color:#fca5a5}.payment-error .payment-success-notice{background:#f8717114;border-color:#fca5a538}.payment-error .payment-success-notice svg{color:#fca5a5}.payment-success-card .section-tag{margin-bottom:1rem}.payment-success-card h1{font-family:var(--font-display);text-transform:uppercase;margin-bottom:1rem;font-size:clamp(2rem,6vw,3.15rem);line-height:1.05}.payment-success-card h1 span{color:var(--gold-light)}.payment-success-intro{color:var(--white-70);font-size:.95rem;line-height:1.75}.payment-success-notice{color:#ffffffb8;text-align:left;background:#7c3aed1a;border:1px solid #c77dff33;border-radius:9px;align-items:flex-start;gap:.65rem;margin:1.5rem 0;padding:.9rem 1rem;font-size:.78rem;line-height:1.5;display:flex}.payment-success-notice svg{color:var(--purple-light);flex:none;margin-top:1px}.payment-success-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;display:flex}.payment-success-actions .btn-gold{padding:.8rem 1.25rem;font-size:.85rem}.payment-success-back{color:var(--white-70);align-items:center;gap:.4rem;font-size:.82rem;transition:color .2s;display:inline-flex}.payment-success-back:hover{color:var(--white)}@media (width<=620px){.payment-success{align-items:start;padding-top:5.5rem}.payment-success-brand{top:1.25rem;left:1.25rem}.payment-success-card{padding:2rem 1.25rem}.payment-success-actions{flex-direction:column;align-items:stretch}.payment-success-actions .btn-gold{justify-content:center}}