:root{--primary:#00a6ff;--primary-dark:#0080cc;--primary-glow:#00a6ff66;--accent:red;--accent-glow:#f006;--bg:#060810;--bg-2:#0a0d1a;--bg-3:#0f1526;--glass:#ffffff0a;--glass-border:#ffffff14;--glass-hover:#ffffff12;--text:#fff;--text-muted:#ffffff80;--text-dim:#ffffff4d;--success:#0f8;--warning:#fa0;--danger:#f33;--font-display:"Orbitron",sans-serif;--font-body:"Rajdhani",sans-serif;--font-mono:"Share Tech Mono",monospace;--radius:12px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#060810;background:var(--bg);color:#fff;color:var(--text);font-family:Rajdhani,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0d1a;background:var(--bg-2)}::-webkit-scrollbar-thumb{background:#00a6ff;background:var(--primary);border-radius:3px}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius)}.glass,.glass-lg{background:#ffffff0a;background:var(--glass)}.glass-lg{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg)}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Orbitron,sans-serif;font-family:var(--font-display);font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.05em;outline:none;overflow:hidden;padding:10px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#00a6ff,#0080cc);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 0 20px #00a6ff66;box-shadow:0 0 20px var(--primary-glow);color:#fff}.btn-primary:hover{box-shadow:0 0 35px #00a6ff66;box-shadow:0 0 35px var(--primary-glow);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,red,#c00);box-shadow:0 0 20px #f006;box-shadow:0 0 20px var(--accent-glow);color:#fff}.btn-danger:hover{box-shadow:0 0 35px #f006;box-shadow:0 0 35px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);color:#fff;color:var(--text)}.btn-ghost:hover{background:#ffffff12;background:var(--glass-hover);border-color:#00a6ff;border-color:var(--primary);color:#00a6ff;color:var(--primary)}.btn-discord{background:#5865f2;box-shadow:0 0 20px #5865f266;color:#fff}.btn-discord:hover{box-shadow:0 0 35px #5865f299;transform:translateY(-2px)}.btn-sm{font-size:11px;padding:7px 16px}.btn-lg{font-size:15px;padding:14px 32px}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.input{background:#0000004d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--text);font-family:Rajdhani,sans-serif;font-family:var(--font-body);font-size:15px;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.input:focus{border-color:#00a6ff;border-color:var(--primary);box-shadow:0 0 0 3px #00a6ff66;box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:#ffffff4d;color:var(--text-dim)}select.input option{background:#0a0d1a;background:var(--bg-2);color:#fff;color:var(--text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes cursorBlink{0%,to{border-color:#00a6ff;border-color:var(--primary)}50%{border-color:#0000}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{text-shadow:0 0 20px #00a6ff66;text-shadow:0 0 20px var(--primary-glow)}50%{text-shadow:0 0 40px #00a6ff66,0 0 80px #00a6ff66;text-shadow:0 0 40px var(--primary-glow),0 0 80px var(--primary-glow)}}.page-enter{animation:fadeInUp .5s ease forwards}.slide-left{animation:slideInLeft .4s ease forwards}.slide-right{animation:slideInRight .4s ease forwards}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff14;border-top-color:#00a6ff;border:3px solid var(--glass-border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.loading-overlay{align-items:center;animation:fadeIn .3s ease;background:#060810;background:var(--bg);display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:9999}.badge{align-items:center;border-radius:20px;display:inline-flex;font-family:Orbitron,sans-serif;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.badge-primary{background:#00a6ff26;border:1px solid #00a6ff4d;color:#00a6ff;color:var(--primary)}.badge-success{background:#00ff881a;border:1px solid #00ff884d;color:#0f8;color:var(--success)}.badge-warning{background:#ffaa001a;border:1px solid #ffaa004d;color:#fa0;color:var(--warning)}.badge-danger{background:#ff33331a;border:1px solid #ff33334d;color:#f33;color:var(--danger)}.grid-bg{background-image:linear-gradient(#00a6ff08 1px,#0000 0),linear-gradient(90deg,#00a6ff08 1px,#0000 0);background-size:40px 40px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{animation:fadeInUp .3s ease;background:#0a0d1a;background:var(--bg-2);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:100%}.divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);background:linear-gradient(90deg,#0000,var(--glass-border),#0000);height:1px;margin:20px 0}.card-hover{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card-hover:hover{border-color:#00a6ff4d;box-shadow:0 8px 40px #00a6ff26;transform:translateY(-4px)}.tab-btn{background:#0000;border:1px solid #0000;border-radius:8px;color:#ffffff80;color:var(--text-muted);cursor:pointer;font-family:Orbitron,sans-serif;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.05em;padding:8px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tab-btn.active,.tab-btn:hover{color:#00a6ff;color:var(--primary)}.tab-btn.active{background:#00a6ff26;border-color:#00a6ff4d}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00a6ff);background:linear-gradient(135deg,#fff 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hide-mobile{display:flex!important}.show-mobile{display:none!important}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.btn{font-size:12px;padding:12px 20px}.btn-lg{font-size:13px;padding:14px 24px}.btn-sm{font-size:11px;padding:9px 14px}.section-title{font-size:22px!important}.modal{margin:10px;padding:20px}.modal-overlay{align-items:flex-end;padding:12px}.tab-btn{font-size:11px;padding:8px 12px}.input{font-size:16px;padding:14px 16px}.glass{border-radius:10px}.glass-lg{border-radius:14px}.grid-bg{background-image:none}nav .nav-links{display:none}.mobile-menu-btn{display:flex!important}.store-grid{gap:12px!important;grid-template-columns:1fr 1fr!important}.store-tabs{justify-content:flex-start!important;overflow-x:auto;padding-bottom:8px}}@media(max-width:768px){.store-tabs::-webkit-scrollbar{height:2px}}@media(max-width:480px){.store-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.checkout-grid{grid-template-columns:1fr!important}.receipt-sticky{position:relative!important;top:auto!important}.hero-grid{gap:16px!important;grid-template-columns:1fr!important;padding:90px 16px 40px!important}.hero-left{order:2}.hero-center{order:1}.hero-right{display:none!important}.hero-title{font-size:28px!important}.hero-btns{justify-content:center!important}.gamemodes-grid{gap:12px!important;grid-template-columns:1fr 1fr!important}.welcome-section{padding:40px 16px!important}}@media(max-width:480px){.gamemodes-grid{grid-template-columns:1fr!important}.hero-title{font-size:24px!important}}@media(max-width:768px){.cart-grid{grid-template-columns:1fr!important}.cart-item{flex-wrap:wrap}.orders-table{font-size:13px}.profile-grid{grid-template-columns:1fr!important}.admin-header{overflow-x:auto}.admin-nav{display:none}.admin-grid{grid-template-columns:1fr!important}}.welcome-section{overflow:hidden;padding:80px 24px;position:relative}.welcome-section:before{background:radial-gradient(circle,#00a6ff0f 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.typewriter-text{animation:typewriter 3s steps(40) .5s both,cursorBlink .8s step-end infinite;border-right:2px solid #00a6ff;border-right:2px solid var(--primary);display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap}.stat-card{animation:countUp .6s ease both;padding:20px;text-align:center}.stat-number{animation:glowPulse 3s ease-in-out infinite;color:#00a6ff;color:var(--primary);font-family:Orbitron,sans-serif;font-family:var(--font-display);font-size:36px;font-weight:900}