@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#18181b;--bg-card:rgba(24,24,27,.6);--bg-card-hover:rgba(39,39,42,.8);--bg-glass:hsla(0,0%,100%,.03);--bg-glass-hover:hsla(0,0%,100%,.06);--accent-primary:#8b5cf6;--accent-secondary:#06b6d4;--accent-tertiary:#f472b6;--accent-gold:#fbbf24;--accent-success:#22c55e;--accent-warning:#f59e0b;--accent-error:#ef4444;--gradient-primary:linear-gradient(135deg,#8b5cf6,#06b6d4);--gradient-secondary:linear-gradient(135deg,#f472b6,#8b5cf6);--gradient-gold:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-dark:linear-gradient(180deg,#0a0a0b,#18181b);--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-accent:#8b5cf6;--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-hover:rgba(139,92,246,.5);--border-glow:0 0 20px rgba(139,92,246,.3);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -4px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 8px 10px -6px rgba(0,0,0,.4);--shadow-glow:0 0 40px rgba(139,92,246,.15);--shadow-glow-cyan:0 0 40px rgba(6,182,212,.15);--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 600px 600px at 20% 20%,rgba(139,92,246,.2) 0,transparent 50%),radial-gradient(ellipse 500px 500px at 80% 80%,rgba(6,182,212,.15) 0,transparent 50%),radial-gradient(ellipse 400px 400px at 50% 50%,rgba(244,114,182,.1) 0,transparent 60%);pointer-events:none;z-index:0;animation:backgroundMove 20s ease-in-out infinite}@keyframes backgroundMove{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(5%,5%) rotate(2deg)}50%{transform:translate(-5%,10%) rotate(-2deg)}75%{transform:translate(10%,-5%) rotate(1deg)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;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.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}.page{position:relative;z-index:1}.bg-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-particles .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:morphGlow 20s ease-in-out infinite}.bg-particles .orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.3) 0,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.bg-particles .orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.25) 0,transparent 70%);bottom:-15%;right:-5%;animation-delay:-7s}.bg-particles .orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(244,114,182,.2) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}.bg-particles .star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.bg-particles .star:nth-child(4){top:15%;left:20%;animation-delay:0s}.bg-particles .star:nth-child(5){top:25%;left:80%;animation-delay:-1s}.bg-particles .star:nth-child(6){top:45%;left:10%;animation-delay:-2s}.bg-particles .star:nth-child(7){top:60%;left:90%;animation-delay:-3s}.bg-particles .star:nth-child(8){top:80%;left:30%;animation-delay:-.5s}.bg-particles .star:nth-child(9){top:10%;left:60%;animation-delay:-1.5s}.bg-particles .star:nth-child(10){top:70%;left:70%;animation-delay:-2.5s}.bg-particles .star:nth-child(11){top:35%;left:45%;animation-delay:-3.5s}.navbar{position:fixed;top:0;left:0;right:0;height:72px;background:rgba(10,10,11,.7);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-bottom:1px solid hsla(0,0%,100%,.05);padding:0 var(--space-8);display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(6,182,212,.5),transparent);opacity:.5}.navbar.scrolled{background:rgba(10,10,11,.95);box-shadow:0 8px 32px rgba(0,0,0,.4);height:64px}.navbar-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary);transition:var(--transition-fast)}.navbar-logo:hover{transform:scale(1.02)}.logo-square{width:42px;height:42px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;box-shadow:var(--shadow-glow);transition:var(--transition-base)}.navbar-logo:hover .logo-square{transform:rotate(-5deg);box-shadow:0 0 30px rgba(139,92,246,.4)}.navbar-brand{font-family:var(--font-display);font-size:1.25rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.navbar-nav{display:flex;gap:var(--space-1);align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);position:relative;overflow:hidden}.nav-link,.nav-link:before{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(6,182,212,.15));opacity:0;border-radius:inherit;transform:scale(.8)}.nav-link:hover{color:var(--text-primary);transform:translateY(-3px)}.nav-link:hover:before{opacity:1;transform:scale(1)}.nav-link.active{color:var(--text-primary);background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(6,182,212,.1));border:1px solid rgba(139,92,246,.4);transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,.2),0 0 20px rgba(139,92,246,.1)}.nav-link.active:before{opacity:0}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:0 0 10px rgba(139,92,246,.5);animation:activeGlow 2s ease-in-out infinite}@keyframes activeGlow{0%,to{box-shadow:0 0 10px rgba(139,92,246,.5);width:60%}50%{box-shadow:0 0 20px rgba(139,92,246,.8);width:70%}}.navbar-actions{gap:var(--space-3)}.navbar-actions,.server-status{display:flex;align-items:center}.server-status{gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;transition:var(--transition-base);animation:statusGlow 4s ease-in-out infinite}@keyframes statusGlow{0%,to{border-color:rgba(34,197,94,.3);box-shadow:0 0 15px rgba(34,197,94,.1)}50%{border-color:rgba(34,197,94,.5);box-shadow:0 0 25px rgba(34,197,94,.2)}}.server-status:hover{transform:scale(1.05);background:rgba(34,197,94,.15)}.status-dot{width:8px;height:8px;background:var(--accent-success);border-radius:50%;box-shadow:0 0 12px var(--accent-success);animation:pulse 2s infinite;position:relative}.status-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(34,197,94,.4);animation:ripple 2s linear infinite}.status-text{color:var(--accent-success);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 10px rgba(34,197,94,.3)}.cart-icon-btn{position:relative;width:40px;height:40px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.cart-icon-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);transform:translateY(-2px)}.cart-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);display:flex;font-size:.65rem;font-weight:700;padding:0 4px}.btn,.cart-badge{align-items:center;justify-content:center}.btn{display:inline-flex;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:.875rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;position:relative;overflow:hidden}.btn,.btn:before{transition:var(--transition-fast)}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%);opacity:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px rgba(139,92,246,.3);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.2) 50%,transparent 70%);transform:translateX(-100%) rotate(45deg);transition:transform .6s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(139,92,246,.4),0 0 50px rgba(139,92,246,.2)}.btn-primary:hover:after{transform:translateX(100%) rotate(45deg)}.btn-secondary{background:linear-gradient(135deg,rgba(88,101,242,.15),rgba(114,137,218,.1));color:var(--text-primary);border:1px solid rgba(88,101,242,.4);position:relative;overflow:hidden;min-width:-moz-fit-content;min-width:fit-content}.btn-secondary:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.btn-secondary:after,.btn-secondary:hover{background:linear-gradient(135deg,rgba(88,101,242,.25),rgba(114,137,218,.2))}.btn-secondary:hover{border-color:rgba(88,101,242,.6);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(88,101,242,.3),0 0 40px rgba(88,101,242,.2)}.btn-secondary:hover:after{opacity:1}.btn-secondary svg{color:#5865f2;filter:drop-shadow(0 0 5px rgba(88,101,242,.5));flex-shrink:0}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary)}.btn-gold{background:var(--gradient-gold);color:#1a1a1a;font-weight:700}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(251,191,36,.4)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-24) var(--space-8);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,var(--bg-primary) 100%),url(https://i.redd.it/jvs9j0xke0f61.jpg);background-size:cover;background-position:50%;filter:brightness(.3) saturate(.8);z-index:-1}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-6);animation:fadeInUp .6s ease-out,borderGlow 4s ease-in-out 1s infinite;transition:var(--transition-base)}.hero-badge:hover{transform:scale(1.05);background:rgba(139,92,246,.1)}.hero-badge-dot{width:8px;height:8px;background:var(--accent-success);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px rgba(34,197,94,.5)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-6);animation:fadeInUp .6s ease-out .1s both}.hero-title-gradient{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#f472b6,#8b5cf6);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGradientFlow 8s ease infinite}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);line-height:1.7;animation:fadeInUp .6s ease-out .2s both}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:fadeInUp .6s ease-out .3s both}.hero-video-container{margin-top:var(--space-16);border-radius:var(--radius-2xl);overflow:hidden;border:1px solid rgba(139,92,246,.3);box-shadow:var(--shadow-xl),0 0 60px rgba(139,92,246,.15),0 0 120px rgba(6,182,212,.1);position:relative;max-width:900px;margin-left:auto;margin-right:auto;background:var(--bg-secondary);animation:fadeInUp .6s ease-out .4s both,borderGlow 6s ease-in-out 1s infinite;transition:var(--transition-slow)}.hero-video-container:hover{transform:scale(1.02);box-shadow:var(--shadow-xl),0 0 80px rgba(139,92,246,.25),0 0 150px rgba(6,182,212,.15)}.hero-video-container:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:.08;pointer-events:none;transition:opacity .3s ease}.hero-video-container:hover:before{opacity:.12}.hero-video-container:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:var(--radius-2xl);z-index:-1;opacity:0;transition:opacity .3s ease}.hero-video-container:hover:after{opacity:.3}.hero-video{width:100%;height:500px;display:block;border:none}.section{padding:var(--space-24) var(--space-8);position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-4);color:var(--text-primary)}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-6);gap:var(--space-6);max-width:1200px;margin:0 auto}.step-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;overflow:hidden}.step-card,.step-card:before{transition:var(--transition-base)}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:0}.step-card:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:var(--shadow-xl),var(--shadow-glow);background:var(--bg-card-hover)}.step-card:hover:before{opacity:1}.step-number{width:56px;height:56px;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:var(--space-6);box-shadow:0 8px 20px rgba(139,92,246,.3)}.step-number,.step-title{font-family:var(--font-display)}.step-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.step-icon{margin:var(--space-4) 0}.step-icon img{width:60px;height:60px;border-radius:var(--radius-lg);transition:var(--transition-base)}.step-card:hover .step-icon img{transform:scale(1.1) rotate(3deg)}.step-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;margin-bottom:var(--space-6)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.3)}50%{box-shadow:0 0 40px rgba(139,92,246,.5)}}@keyframes floatParticle{0%,to{transform:translateY(0) translateX(0) scale(1);opacity:.3}25%{transform:translateY(-30px) translateX(10px) scale(1.1);opacity:.5}50%{transform:translateY(-20px) translateX(-10px) scale(.9);opacity:.7}75%{transform:translateY(-40px) translateX(5px) scale(1.05);opacity:.4}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes borderGlow{0%,to{border-color:rgba(139,92,246,.3);box-shadow:0 0 20px rgba(139,92,246,.1)}50%{border-color:rgba(6,182,212,.5);box-shadow:0 0 35px rgba(6,182,212,.2)}}@keyframes textGradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes morphGlow{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}}@keyframes rotateHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(2.5);opacity:0}}@keyframes modalGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.login-modal-overlay{right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;padding:var(--space-4);animation:fadeIn .3s ease-out}.login-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.login-particles .particle{position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));animation:floatParticle 8s ease-in-out infinite}.login-particles .particle:first-child{top:20%;left:10%;animation-delay:0s;width:6px;height:6px}.login-particles .particle:nth-child(2){top:60%;left:80%;animation-delay:-2s;width:10px;height:10px}.login-particles .particle:nth-child(3){top:80%;left:30%;animation-delay:-4s}.login-particles .particle:nth-child(4){top:30%;left:70%;animation-delay:-6s;width:5px;height:5px}.login-particles .particle:nth-child(5){top:50%;left:20%;animation-delay:-1s;width:12px;height:12px}.login-modal{position:relative;background:linear-gradient(135deg,rgba(30,27,75,.95),rgba(15,15,35,.98));border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-2xl);padding:var(--space-10);max-width:420px;width:100%;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 60px rgba(139,92,246,.15),inset 0 1px 0 hsla(0,0%,100%,.05);animation:fadeInUp .4s ease-out;overflow:hidden}.login-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(139,92,246,.15) 0,transparent 50%);animation:modalGlow 4s ease-in-out infinite;pointer-events:none}.login-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;border:none;background:hsla(0,0%,100%,.05);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);color:var(--text-secondary);z-index:10}.login-close:hover{background:rgba(239,68,68,.2);color:#ef4444;transform:rotate(90deg)}.login-close svg{width:18px;height:18px}.login-icon{position:relative;width:80px;height:80px;margin:0 auto var(--space-6);background:linear-gradient(135deg,#5865f2,#7289da);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(88,101,242,.4),0 0 40px rgba(88,101,242,.2);animation:float 3s ease-in-out infinite}.login-icon svg{width:42px;height:42px;color:#fff}.login-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-6);max-width:320px;margin-left:auto;margin-right:auto}.login-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);color:#fca5a5;font-size:.875rem;display:flex;align-items:center;gap:var(--space-2)}.login-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-4);background:hsla(0,0%,100%,.02);border-radius:var(--radius-xl);border:1px solid hsla(0,0%,100%,.05)}.login-feature{text-align:center;padding:var(--space-3)}.login-feature svg{width:28px;height:28px;color:var(--accent-primary);margin-bottom:var(--space-2)}.login-feature span{display:block;font-size:.75rem;color:var(--text-muted);line-height:1.4}.login-btn-discord{position:relative;width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#5865f2,#7289da);border:none;border-radius:var(--radius-xl);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-3);transition:var(--transition-base);overflow:hidden;box-shadow:0 4px 20px rgba(88,101,242,.4),0 0 30px rgba(88,101,242,.2)}.login-btn-discord:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(88,101,242,.5),0 0 50px rgba(88,101,242,.3)}.login-btn-discord:active{transform:translateY(0)}.login-btn-discord svg{width:22px;height:22px}.login-btn-bg{position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;pointer-events:none}.login-terms{margin-top:var(--space-6);font-size:.75rem;color:var(--text-muted);line-height:1.5}.login-terms a{color:var(--accent-primary);text-decoration:none;transition:var(--transition-fast)}.login-terms a:hover{color:var(--accent-secondary);text-decoration:underline}@media (max-width:768px){.navbar{padding:0 var(--space-4)}.navbar-nav{display:none}.hero{padding:var(--space-16) var(--space-4)}.hero-video{height:300px}.section{padding:var(--space-16) var(--space-4)}.steps-grid{grid-template-columns:1fr}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.user-menu{position:relative}.user-avatar-btn{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast)}.user-avatar-btn:hover{border-color:var(--accent-primary);transform:scale(1.05)}.user-avatar-btn img{width:100%;height:100%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-fast);z-index:100}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.user-dropdown-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.user-dropdown-divider{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}.btn-login{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;min-width:160px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;border:none;border-radius:var(--radius-xl);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(88,101,242,.4),0 0 30px rgba(88,101,242,.15);animation:loginBtnPulse 3s ease-in-out infinite;white-space:nowrap}@keyframes loginBtnPulse{0%,to{box-shadow:0 4px 15px rgba(88,101,242,.4),0 0 30px rgba(88,101,242,.15)}50%{box-shadow:0 6px 20px rgba(88,101,242,.5),0 0 50px rgba(88,101,242,.25)}}.btn-login:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);transform:translateX(-100%) rotate(45deg);transition:transform .6s ease}.btn-login:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 30px rgba(88,101,242,.5),0 0 60px rgba(88,101,242,.3);animation:none}.btn-login:hover:before{transform:translateX(100%) rotate(45deg)}.btn-login:active{transform:translateY(-1px) scale(.98)}.btn-login svg{width:18px;height:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:bounceSubtle 2s ease-in-out infinite}.tienda-container{padding-top:120px;padding-bottom:var(--space-24);max-width:1400px;margin:0 auto;padding-left:var(--space-8);padding-right:var(--space-8)}.tienda-header{text-align:center;margin-bottom:var(--space-12)}.tienda-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-4);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tienda-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.tienda-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow-x:auto;scrollbar-width:none}.tienda-tabs::-webkit-scrollbar{display:none}.tienda-tab{flex-shrink:0;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}.tienda-tab:hover{color:var(--text-primary);background:var(--bg-glass)}.tienda-tab.active{color:#fff;background:var(--gradient-primary);box-shadow:0 4px 12px rgba(139,92,246,.3)}.tab-count{font-size:.75rem;padding:2px 8px;background:var(--bg-glass);border-radius:var(--radius-full);color:inherit}.tienda-tab.active .tab-count{background:hsla(0,0%,100%,.2)}.tienda-content{margin-top:var(--space-8)}.tienda-empty{text-align:center;padding:var(--space-16);color:var(--text-secondary)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.package-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;position:relative;animation:fadeInUp .6s ease-out backwards}.package-card:nth-child(7){animation-delay:.35s}.package-card:nth-child(8){animation-delay:.4s}.package-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:all .4s ease;transform:scaleX(0)}.package-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(139,92,246,.05),rgba(6,182,212,.05));opacity:0;transition:opacity .4s ease;pointer-events:none}.package-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--border-hover);box-shadow:var(--shadow-xl),0 0 50px rgba(139,92,246,.15),0 0 100px rgba(6,182,212,.1)}.package-card:hover:before{opacity:1;transform:scaleX(1)}.package-card:hover:after{opacity:1}.package-image{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--bg-secondary)}.package-image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:var(--transition-slow)}.package-card:hover .package-image img{transform:scale(1.08);object-position:center 20%}.package-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);font-size:48px}.package-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 60%);opacity:0;transition:var(--transition-base);display:flex;align-items:flex-end;padding:var(--space-4)}.package-card:hover .package-image-overlay{opacity:1}.package-sale-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--accent-error);color:#fff;font-size:.75rem;font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);box-shadow:0 4px 12px rgba(239,68,68,.4)}.package-body{padding:var(--space-6);flex:1 1;display:flex;flex-direction:column}.package-card h3,.package-name{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.3}.package-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:var(--space-4);flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.package-description *{margin:0;padding:0;color:inherit;font-size:inherit}.package-price-container{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.package-price{font-family:var(--font-display);font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.package-price.on-sale{background:linear-gradient(135deg,var(--accent-error),#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.package-price-original{font-size:1rem;color:var(--text-muted);text-decoration:line-through}.package-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-glass)}.package-card .btn{width:100%}.package-card>.btn,.package-card>.package-description,.package-card>.package-price-container,.package-card>h3{padding:0}.package-card>h3{margin-top:0}.package-card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--bg-card) 0,rgba(139,92,246,.1) 100%);border-color:var(--border-hover)}.package-card.featured .package-image{aspect-ratio:21/9}.btn-quick-view{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:var(--bg-card);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;border:1px solid var(--border-default);transition:var(--transition-base)}.package-card:hover .btn-quick-view{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:768px){.tienda-container{padding-top:100px;padding-left:var(--space-4);padding-right:var(--space-4)}.packages-grid{grid-template-columns:1fr}.package-card.featured{grid-column:span 1}.package-card.featured .package-image{aspect-ratio:16/10}.tienda-tabs{padding:var(--space-1)}.tienda-tab{padding:var(--space-2) var(--space-4);font-size:.8125rem}}.package-card{animation:fadeInUp .5s ease-out backwards}.package-card:first-child{animation-delay:.05s}.package-card:nth-child(2){animation-delay:.1s}.package-card:nth-child(3){animation-delay:.15s}.package-card:nth-child(4){animation-delay:.2s}.package-card:nth-child(5){animation-delay:.25s}.package-card:nth-child(6){animation-delay:.3s}.product-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-8);opacity:0;visibility:hidden;transition:var(--transition-base)}.product-modal-overlay.active{opacity:1;visibility:visible}.product-modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(20px);transition:var(--transition-base)}.product-modal-overlay.active .product-modal{transform:scale(1) translateY(0)}.product-modal-header{position:relative;padding:var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.product-modal-close{width:40px;height:40px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.product-modal-close:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.product-modal-body{padding:var(--space-8)}.product-modal-footer{padding:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-4)}.admin-dashboard-wrapper{min-height:100vh;background:var(--bg-primary)}.admin-dashboard-container{display:flex;min-height:calc(100vh - 72px)}.admin-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:var(--space-6);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto}.sidebar-header{margin-bottom:var(--space-8)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.sidebar-user-avatar{width:44px;height:44px;border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--accent-primary)}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{font-weight:600;font-size:.9375rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.75rem;color:var(--accent-primary);font-weight:500}.sidebar-nav{flex:1 1}.sidebar-nav-section{margin-bottom:var(--space-6)}.sidebar-nav-label{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 var(--space-3);margin-bottom:var(--space-2)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;transition:var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative}.sidebar-nav-item:hover{background:var(--bg-glass);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px rgba(139,92,246,.3)}.sidebar-nav-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-nav-item-badge{margin-left:auto;font-size:.6875rem;padding:2px 8px;background:var(--bg-glass);border-radius:var(--radius-full);font-weight:600}.sidebar-nav-item.active .sidebar-nav-item-badge{background:hsla(0,0%,100%,.2)}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.sidebar-logout-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);width:100%;color:var(--accent-error);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.sidebar-logout-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3)}.main-content{flex:1 1;padding:var(--space-8);overflow-y:auto;background:var(--bg-primary)}.section-header-admin{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.section-header-admin h1{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary)}.section-header-admin p{color:var(--text-secondary);margin-top:var(--space-1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden}.stat-card,.stat-card:before{transition:var(--transition-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.stat-card:hover:before{opacity:1}.stat-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.stat-card-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.stat-card-icon.success{background:linear-gradient(135deg,var(--accent-success),#16a34a)}.stat-card-icon.warning{background:linear-gradient(135deg,var(--accent-warning),#d97706)}.stat-card-icon.info{background:linear-gradient(135deg,var(--accent-secondary),#0891b2)}.stat-card-change{font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.stat-card-change.positive{background:rgba(34,197,94,.1);color:var(--accent-success)}.stat-card-change.negative{background:rgba(239,68,68,.1);color:var(--accent-error)}.stat-card-value{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:var(--space-1)}.stat-card-label{font-size:.875rem;color:var(--text-secondary)}.data-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.data-card-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.data-card-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.data-card-actions{display:flex;gap:var(--space-2)}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:var(--space-4) var(--space-6);text-align:left;border-bottom:1px solid var(--border-subtle)}.data-table th{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-glass)}.data-table td{font-size:.875rem;color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-glass)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.badge-success{background:rgba(34,197,94,.1);color:var(--accent-success);border:1px solid rgba(34,197,94,.2)}.badge-warning{background:rgba(245,158,11,.1);color:var(--accent-warning);border:1px solid rgba(245,158,11,.2)}.badge-error{background:rgba(239,68,68,.1);color:var(--accent-error);border:1px solid rgba(239,68,68,.2)}.badge-info{background:rgba(6,182,212,.1);color:var(--accent-secondary);border:1px solid rgba(6,182,212,.2)}.badge-default{background:var(--bg-glass);color:var(--text-secondary)}.badge-default,.chart-card{border:1px solid var(--border-subtle)}.chart-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-6)}.chart-card-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6)}.chart-container{height:300px;position:relative}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-weight:500;margin-bottom:var(--space-2)}.form-input,.form-label{font-size:.875rem;color:var(--text-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.form-input::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-12)}.form-select:focus{outline:none;border-color:var(--accent-primary)}.player-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-3);transition:var(--transition-fast)}.player-row:hover{border-color:var(--border-hover);background:var(--bg-glass-hover)}.player-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.player-info{flex:1 1}.player-name{font-weight:600;color:var(--text-primary);font-size:.9375rem}.player-id{font-size:.75rem;color:var(--text-muted);font-family:monospace}.player-stats{display:flex;gap:var(--space-6)}.player-stat{text-align:right}.player-stat-value{font-weight:600;color:var(--text-primary);font-size:.9375rem}.player-stat-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase}.player-actions{display:flex;gap:var(--space-2)}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-hover)}.btn-icon.danger:hover{background:rgba(239,68,68,.1);color:var(--accent-error);border-color:rgba(239,68,68,.3)}.console-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.console-modal{width:100%;max-width:800px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden}.console-header{padding:var(--space-4) var(--space-6);background:var(--bg-glass);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.console-title{font-family:var(--font-display);font-weight:600;color:var(--text-primary)}.console-body{height:400px;overflow-y:auto;padding:var(--space-4);font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.6;background:var(--bg-primary)}.console-line{padding:var(--space-1) 0;color:var(--text-secondary)}.console-line.success{color:var(--accent-success)}.console-line.error{color:var(--accent-error)}.console-line.info{color:var(--accent-secondary)}.console-input-container{display:flex;padding:var(--space-4);border-top:1px solid var(--border-subtle);gap:var(--space-3)}.console-input{flex:1 1;padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.875rem}.console-input:focus{outline:none;border-color:var(--accent-primary)}.tabs{gap:var(--space-1);padding:var(--space-1);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-6);width:-moz-fit-content;width:fit-content}.tab,.tabs{display:flex}.tab{padding:var(--space-2) var(--space-6);background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:var(--space-2)}.tab:hover{color:var(--text-primary);background:var(--bg-glass)}.tab.active{background:var(--gradient-primary);color:#fff}.search-bar{position:relative;width:100%;max-width:400px}.search-bar-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-bar-input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-12);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;transition:var(--transition-fast)}.search-bar-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1)}@media (max-width:1024px){.admin-sidebar{width:240px}}@media (max-width:768px){.admin-dashboard-container{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border-subtle)}.main-content{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr}.section-header-admin{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.empty-state{text-align:center;padding:var(--space-16)}.empty-state-icon{width:64px;height:64px;background:var(--bg-glass);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:var(--text-muted);font-size:1.5rem}.empty-state-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{color:var(--text-secondary);max-width:400px;margin:0 auto}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-6)}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease}.admin-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 24px rgba(139,92,246,.1)}.admin-card-danger{border-color:rgba(239,68,68,.3)}.admin-card-danger:hover{border-color:rgba(239,68,68,.6)}.admin-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--bg-glass);border-bottom:1px solid var(--border-subtle)}.admin-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-lg);color:#fff}.admin-card h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.admin-form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.btn-full{width:100%;justify-content:center}.health-actions{display:flex;gap:var(--space-3)}.health-actions .btn{flex:1 1;justify-content:center}.player-info-result{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.player-info-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.player-info-header .player-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem}.player-info-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.875rem;color:var(--text-primary)}.whitelist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-6)}.whitelist-card{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .2s ease}.whitelist-card:hover{border-color:var(--accent-primary)}.whitelist-avatar{width:44px;height:44px;background:var(--bg-glass);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.whitelist-info{flex:1 1;min-width:0}.whitelist-info strong{display:block;font-size:.9375rem;color:var(--text-primary);margin-bottom:2px}.whitelist-identifier{font-size:.75rem;color:var(--text-muted);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.logs-container{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.log-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .2s ease}.log-item:hover{border-color:var(--border-default)}.log-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border-radius:var(--radius-md);color:var(--text-secondary)}.log-admin .log-icon{color:var(--accent-primary)}.log-money .log-icon{color:#10b981}.log-kick .log-icon{color:#ef4444}.log-error .log-icon{color:#f59e0b}.log-content{flex:1 1;display:flex;flex-direction:column;gap:2px}.log-message{font-size:.875rem;color:var(--text-primary)}.log-time{font-size:.75rem;color:var(--text-muted)}.database-tabs{padding:var(--space-4) var(--space-6);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.database-tabs,.tab-btn{display:flex;gap:var(--space-2)}.tab-btn{align-items:center;padding:var(--space-3) var(--space-5);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:var(--bg-glass);color:var(--text-primary)}.tab-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.tab-content{padding:var(--space-6)}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.table-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.table-card:hover{border-color:var(--accent-primary);background:var(--bg-glass)}.table-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border-radius:var(--radius-md);color:var(--accent-primary)}.table-card span{font-size:.875rem;font-weight:500;color:var(--text-primary)}.query-editor{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.sql-editor{width:100%;min-height:200px;padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-family:SF Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;resize:vertical}.sql-editor:focus{outline:none;border-color:var(--accent-primary)}.query-results h3{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.empty-results{text-align:center;padding:var(--space-8);color:var(--text-muted)}.map-wrapper{display:grid;grid-template-columns:1fr 300px;grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-6)}.game-map{position:relative;width:100%;height:calc(100vh - 250px);min-height:500px;background:linear-gradient(135deg,#2d3436,#636e72);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle)}.map-overlay-info{position:absolute;top:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;justify-content:space-between;pointer-events:none}.map-player-count{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:.875rem;font-weight:500}.map-coords,.map-player-count{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full)}.map-coords{padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-family:monospace;font-size:.75rem}.map-blips{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-blip{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.blip-dot{width:12px;height:12px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 12px var(--accent-primary);animation:pulse 2s infinite}.blip-label{padding:2px 8px;background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);font-size:.625rem;font-weight:500;color:var(--text-primary);white-space:nowrap}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.map-sidebar{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.map-sidebar h3{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-5);margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.map-player-list{max-height:calc(100vh - 350px);overflow-y:auto;padding:var(--space-3)}.map-player-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background .2s ease}.map-player-item:hover{background:var(--bg-glass)}.map-player-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.map-player-info{flex:1 1;min-width:0}.map-player-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary)}.map-player-id{font-size:.6875rem;color:var(--text-muted)}.map-player-health{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#ef4444}.map-empty{padding:var(--space-8);text-align:center;color:var(--text-muted)}.map-empty p{margin-top:var(--space-2);font-size:.875rem}.resource-name{align-items:center;color:var(--text-primary)}.action-buttons,.resource-name{display:flex;gap:var(--space-2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);width:100%;max-width:480px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-subtle)}.modal-header h2{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.modal-close:hover{background:var(--bg-glass);color:var(--text-primary)}.modal-body{flex-direction:column;gap:var(--space-4)}.modal-body,.modal-footer{padding:var(--space-5);display:flex}.modal-footer{justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border-subtle)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.map-wrapper{grid-template-columns:1fr}.map-sidebar{display:none}}.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;animation:fadeIn .2s ease}.cart-sidebar{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);z-index:9999;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.cart-sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary)}.cart-sidebar-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.cart-close-btn{width:36px;height:36px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.cart-close-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-hover)}.cart-sidebar-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}.cart-empty{flex-direction:column;padding:var(--space-16) var(--space-6);text-align:center}.cart-empty,.cart-empty-icon{display:flex;align-items:center;justify-content:center}.cart-empty-icon{width:80px;height:80px;background:var(--bg-glass);border-radius:var(--radius-2xl);margin-bottom:var(--space-6);color:var(--text-muted)}.cart-empty p{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-6)}.cart-item,.cart-items{gap:var(--space-4)}.cart-item{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-4);transition:var(--transition-fast)}.cart-item:hover{border-color:var(--border-hover);background:var(--bg-glass-hover)}.cart-item-image{width:72px;height:72px;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-muted)}.cart-item-details{flex:1 1;min-width:0}.cart-item-name{font-weight:600;color:var(--text-primary);font-size:.9375rem;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-family:var(--font-display);font-size:1rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-item-remove{width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-fast);flex-shrink:0}.cart-item-remove:hover{background:rgba(239,68,68,.1);color:var(--accent-error)}.cart-sidebar-footer{padding:var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.cart-total-label{font-size:.875rem;color:var(--text-secondary)}.cart-total-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-checkout-btn{width:100%;padding:var(--space-4);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:var(--transition-fast);box-shadow:0 4px 15px rgba(139,92,246,.3)}.cart-checkout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.4)}.cart-checkout-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cart-clear-btn{width:100%;margin-top:var(--space-3);padding:var(--space-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.cart-clear-btn:hover{background:rgba(239,68,68,.1);color:var(--accent-error);border-color:rgba(239,68,68,.3)}@media (max-width:480px){.cart-sidebar{width:100vw}}.checkout-container{margin-top:100px;padding:40px;max-width:1000px;margin-left:auto;margin-right:auto}.checkout-container h1{font-family:var(--font-header);font-size:48px;color:var(--text-gold);text-align:center;margin-bottom:50px;text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 20px rgba(212,175,55,.6);letter-spacing:3px}.cart-items{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.cart-item{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;padding:25px;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.cart-item:hover{border-color:var(--border-gold);box-shadow:var(--shadow-md);transform:translateX(5px)}.cart-item span{font-family:var(--font-title);color:var(--text-secondary);font-size:18px}.cart-item button{background:var(--accent-red);border:2px solid var(--accent-red-light);color:#fff;padding:10px 20px;border-radius:4px;cursor:pointer;font-family:var(--font-body);font-weight:600;transition:var(--transition-fast)}.cart-item button:hover{background:var(--accent-red-light);transform:scale(1.05)}.checkout-container .btn-primary{width:100%;padding:20px;font-size:20px;margin-top:30px}.checkout-container .btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-container{margin-top:100px;min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(circle at 30% 50%,rgba(101,67,33,.1) 0,transparent 50%),radial-gradient(circle at 70% 50%,rgba(139,0,0,.1) 0,transparent 50%)}.login-card{background:var(--bg-card);border:3px solid var(--border-gold);border-radius:16px;padding:50px 40px;max-width:500px;width:100%;box-shadow:var(--shadow-lg),var(--shadow-glow),inset 0 0 50px rgba(212,175,55,.1);position:relative;overflow:hidden;animation:fadeIn .6s ease}.login-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.1) 0,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-card>*{position:relative;z-index:1}.login-title{font-family:var(--font-header);font-size:42px;color:var(--text-gold);text-align:center;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 20px rgba(212,175,55,.6);letter-spacing:3px}.login-subtitle{font-family:var(--font-title);font-size:18px;color:var(--text-secondary);text-align:center;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.login-card .btn-discord{width:100%;padding:18px;font-size:18px;margin-bottom:25px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.login-card .btn-discord:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-card .btn-discord:hover:after{width:300px;height:300px}.login-note{color:var(--text-muted);font-size:12px;text-align:center;line-height:1.6;font-style:italic}.login-card .error,.login-container .error{background:rgba(139,0,0,.2);border:1px solid var(--accent-red);color:var(--accent-red-light);padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-family:var(--font-body)}.login-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;min-height:100vh;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.login-modal-overlay .login-card{margin:auto;position:relative}.close-login-modal{position:absolute;top:15px;right:20px;background:transparent;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;z-index:10;transition:color .3s ease;font-family:var(--font-body);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-login-modal:hover{color:var(--accent-red);background:rgba(139,0,0,.1)}.discord-container{margin-top:100px;padding:40px;max-width:1400px;margin-left:auto;margin-right:auto}.discord-hero{text-align:center;margin-bottom:60px}.discord-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);background:linear-gradient(135deg,#5865f2,#7289da,#99aab5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;animation:fadeInUp .6s ease-out}.discord-subtitle{font-family:var(--font-body);font-size:1.125rem;color:var(--text-secondary);letter-spacing:.05em;animation:fadeInUp .6s ease-out .1s both}.discord-content{margin-top:50px}.discord-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:30px;gap:30px;margin-bottom:60px}.discord-feature{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:30px;text-align:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:fadeInUp .6s ease-out backwards}.discord-feature:first-child{animation-delay:.1s}.discord-feature:nth-child(2){animation-delay:.2s}.discord-feature:nth-child(3){animation-delay:.3s}.discord-feature:hover{transform:translateY(-10px) scale(1.02);border-color:rgba(88,101,242,.5);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 40px rgba(88,101,242,.15)}.feature-icon{font-size:48px;margin-bottom:20px;display:block}.discord-feature h3{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary);margin-bottom:15px}.discord-feature p{color:var(--text-secondary);line-height:1.8;font-size:.9375rem}.discord-cta{background:linear-gradient(135deg,rgba(88,101,242,.1),rgba(30,27,75,.8));border:1px solid rgba(88,101,242,.3);border-radius:var(--radius-2xl);padding:60px 40px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 60px rgba(88,101,242,.1);animation:fadeInUp .6s ease-out .4s both}.discord-cta h2{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);background:linear-gradient(135deg,var(--text-primary),#5865f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.discord-cta p{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.btn-discord{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#5865f2,#7289da 50%,#5865f2);background-size:200% 200%;color:#fff;font-family:var(--font-display);font-size:1.125rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(88,101,242,.4),0 0 50px rgba(88,101,242,.2);animation:discordBtnPulse 3s ease-in-out infinite}@keyframes discordBtnPulse{0%,to{box-shadow:0 8px 30px rgba(88,101,242,.4),0 0 50px rgba(88,101,242,.2);background-position:0 50%}50%{box-shadow:0 12px 40px rgba(88,101,242,.5),0 0 70px rgba(88,101,242,.3);background-position:100% 50%}}.btn-discord:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);transform:translateX(-100%) rotate(45deg);transition:transform .6s ease}.btn-discord:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 50px rgba(88,101,242,.5),0 0 80px rgba(88,101,242,.3);animation:none}.btn-discord:hover:before{transform:translateX(100%) rotate(45deg)}.btn-discord:active{transform:translateY(-2px) scale(1.02)}.btn-discord svg{width:26px;height:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:bounceSubtle 2s ease-in-out infinite}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.btn-large{padding:20px 50px;font-size:1.25rem}.btn-large svg{width:28px;height:28px}