:root{--primary-color: #34d399;--primary-dark: #059669;--secondary-color: #3b82f6;--bg-color: #f8fafc;--surface-color: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--radius-md: 12px;--radius-lg: 20px;--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Inter', sans-serif;background-color:var(--bg-color);background-image:radial-gradient(rgba(52,211,153,0.15) 1.5px, transparent 1.5px);background-size:24px 24px;color:var(--text-main);line-height:1.6;overflow-x:hidden;position:relative;z-index:0}body::before,body::after{content:'';position:fixed;width:50vw;height:50vw;max-width:600px;max-height:600px;border-radius:50%;background:rgba(52,211,153,0.07);filter:blur(80px);z-index:-1;pointer-events:none;animation:floatBlob 20s infinite alternate ease-in-out}body::before{top:-10%;left:-10%}body::after{bottom:-10%;right:-10%;background:rgba(59,130,246,0.04);animation-delay:-10s}@keyframes floatBlob{0%{transform:translate(0, 0) scale(1)}100%{transform:translate(80px, 80px) scale(1.15)}}h1,h2,h3,h4{font-family:'Outfit', sans-serif;font-weight:700;line-height:1.2;color:var(--text-main)}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.bg-light{background-color:#ffffff}.highlight{color:var(--primary-dark)}.highlight-text{color:var(--secondary-color);font-weight:600}.header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid var(--border-color);padding:16px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:'Outfit', sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary-dark)}.logo span{color:var(--text-main)}.nav{display:flex;gap:24px}.nav a{font-size:1rem;font-weight:500;color:var(--text-muted);transition:var(--transition)}.nav a:hover{color:var(--primary-dark)}.lang-switch{position:relative;display:flex;align-items:center}.lang-dropdown{position:relative;display:inline-block}.lang-dropdown .lang-btn{background:rgba(52,211,153,0.15);border:none;color:#0f766e;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.3s ease;font-weight:600;font-size:0.95rem}.lang-dropdown .lang-btn::after{content:"▼";font-size:0.6em;margin-left:2px;opacity:0.7}.lang-dropdown .lang-btn:hover{background:rgba(52,211,153,0.25);transform:translateY(-1px)}.lang-dropdown .lang-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#ffffff;border:1px solid rgba(0,0,0,0.05);border-radius:12px;padding:8px 0;list-style:none;min-width:120px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,0.1);max-height:250px;overflow-y:auto}.lang-dropdown .lang-menu::-webkit-scrollbar{width:6px}.lang-dropdown .lang-menu::-webkit-scrollbar-track{background:transparent}.lang-dropdown .lang-menu::-webkit-scrollbar-thumb{background-color:rgba(15,118,110,0.3);border-radius:10px}.lang-dropdown .lang-menu::-webkit-scrollbar-thumb:hover{background-color:rgba(15,118,110,0.6)}.lang-dropdown .lang-menu li a{display:flex;align-items:center;gap:8px;color:#334155;padding:8px 12px;text-decoration:none;transition:all 0.2s ease;font-weight:500;font-size:0.95rem}.lang-dropdown .lang-menu li a:hover{background:#f1f5f9;color:#0f766e}.lang-dropdown .lang-menu li a .fi{font-size:1.2em;border-radius:2px}.lang-dropdown.show .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}[dir="rtl"]{direction:rtl}[dir="rtl"] .logo{margin-left:auto;margin-right:0}[dir="rtl"] .nav{margin-right:auto;margin-left:0}[dir="rtl"] .lang-dropdown{margin-left:0;margin-right:20px}[dir="rtl"] .lang-dropdown .lang-menu{right:auto;left:0}.hero{padding-top:140px;padding-bottom:80px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle, rgba(52,211,153,0.15) 0%, rgba(248,250,252,0) 70%);border-radius:50%;z-index:-1}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:100px}.hero-text{flex:1}.badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.badge{padding:6px 12px;border-radius:6px;font-size:0.85rem;font-weight:600;background:var(--surface-color);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.badge-green{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.badge-yellow{color:#d97706;border-color:#fde68a;background:#fffbeb}.badge-blue{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.badge-orange{color:#ea580c;border-color:#fed7aa;background:#fff7ed}.hero h1{font-size:3.5rem;margin-bottom:16px;letter-spacing:-0.02em}.hero .subtitle{font-size:1.125rem;color:var(--text-muted);margin-bottom:40px;max-width:500px}.script-box-container{background:var(--surface-color);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:24px}.instruction-text{font-size:0.95rem;font-weight:500;margin-bottom:12px}.script-box{display:flex;flex-direction:column;gap:16px}.script-box code{background:#f1f5f9;padding:16px;border-radius:var(--radius-md);font-family:monospace;font-size:0.9rem;color:#0f172a;word-break:break-all;border:1px solid #e2e8f0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;font-family:'Inter', sans-serif}.primary-btn{background:var(--primary-color);color:#ffffff;box-shadow:0 4px 14px 0 rgba(52,211,153,0.39)}.primary-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,211,153,0.23)}.anti-steal-notice{font-size:0.85rem;color:var(--text-muted);background:#fffbeb;border:1px solid #fde68a;padding:10px 14px;border-radius:8px}.anti-steal-notice code{display:block;margin-top:4px;background:#fef3c7;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:0.85rem;color:#b45309;word-break:break-all}.hero-image{flex:1.3;display:flex;justify-content:flex-end;perspective:1000px}.ui-mockup{width:100%;max-width:400px;background:rgba(255,255,255,0.6);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.8);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:rotateY(-10deg) rotateX(5deg);transition:transform 0.5s ease}.ui-mockup:hover{transform:rotateY(0deg) rotateX(0deg)}.ui-header{background:var(--primary-color);color:white;padding:16px;font-family:'Outfit', sans-serif;font-weight:700;text-align:center}.ui-body{padding:24px}.ui-body ul{list-style:none;margin-bottom:24px}.ui-body li{margin-bottom:12px;font-weight:500;color:var(--text-main)}.ui-stats{background:#f1f5f9;padding:16px;border-radius:var(--radius-md);text-align:center;font-weight:700;color:var(--primary-dark);font-size:1.1rem}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:2.5rem;margin-bottom:16px}.section-header p{font-size:1.125rem;color:var(--text-muted)}.features-grid{display:grid;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:32px}.feature-card{background:var(--surface-color);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-card .icon{font-size:2.5rem;margin-bottom:16px}.feature-card h3{font-size:1.25rem;margin-bottom:12px}.feature-card p{color:var(--text-muted);font-size:0.95rem}.video-container{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--surface-color);padding:8px}.video-container iframe{border-radius:var(--radius-md);width:100%}.table-responsive{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;background:var(--surface-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.comparison-table th,.comparison-table td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border-color)}.comparison-table th{background:#f8fafc;font-family:'Outfit', sans-serif;font-weight:700;color:var(--text-main)}.comparison-table .highlight-col{background:rgba(52,211,153,0.05);font-weight:600}.comparison-table tr:last-child td{border-bottom:none}.compat-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px}.compat-card{background:var(--surface-color);padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center;transition:var(--transition)}.compat-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-md)}.compat-card h3{margin-bottom:12px}.compat-card .status{color:var(--primary-dark);font-weight:600;margin-bottom:8px}.compat-card .recommended{font-size:0.85rem;color:var(--text-muted)}.accordion{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.accordion-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.accordion-header{width:100%;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-family:'Outfit', sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-main);cursor:pointer;text-align:left;transition:var(--transition)}.accordion-header:hover{color:var(--primary-dark)}.accordion-header .icon{font-size:1.5rem;font-weight:400;transition:transform 0.3s ease}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content p{padding:0 24px 24px;color:var(--text-muted)}.accordion-item.active .accordion-content{max-height:200px}.accordion-item.active .icon{transform:rotate(45deg)}.footer{background:#0f172a;color:#f8fafc;padding:24px 0 12px}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:16px}.footer-brand h3{font-family:'Outfit', sans-serif;font-size:1.5rem;margin-bottom:12px;color:#ffffff}.footer-brand p{color:#94a3b8}.footer-links h4{margin-top:0;margin-bottom:16px;color:#e2e8f0}.footer-links p{color:#94a3b8;margin-bottom:8px}.footer-bottom{border-top:1px solid #334155;padding-top:12px;text-align:center;color:#64748b;font-size:0.9rem}.footer-bottom p{margin-bottom:8px}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out, transform 0.6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}.hero-image,.showcase-video{animation:float 4s ease-in-out infinite}.feature-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 25px rgba(52,211,153,0.2)}.btn:active{transform:scale(0.95)}.badge-gray{background:#e2e8f0;color:#475569}.scroll-progress-bar{position:fixed;top:0;left:0;height:4px;background:var(--primary-color);width:0%;z-index:9999;transition:width 0.1s ease-out}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:10000}.toast{background:#ffffff;color:var(--text-main);padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--primary-color);display:flex;align-items:center;gap:12px;transform:translateX(120%);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.toast.show{transform:translateX(0)}.toast.error{border-left-color:#ef4444}.toast.error .toast-icon{color:#ef4444}.toast-icon{color:var(--primary-color)}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:white;border:none;box-shadow:var(--shadow-md);cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:9998;opacity:0;transform:translateY(20px);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.scroll-top-btn.show{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top-btn:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.scroll-top-btn{bottom:20px;right:20px}}.update-timer{display:inline-flex;align-items:center;font-size:0.85rem;font-weight:500;color:var(--primary-dark);background:rgba(52,211,153,0.15);padding:6px 14px;border-radius:20px;box-shadow:0 2px 10px rgba(52,211,153,0.1)}.nexus-ui{width:100%;min-width:750px;max-width:850px;background:#1e293b;border-radius:12px;box-shadow:0 30px 60px -15px rgba(15,23,42,0.4);overflow:hidden;display:flex;font-family:'Inter', sans-serif;color:#f8fafc;transform:rotateY(-8deg) rotateX(2deg) translateX(40px);transition:transform 0.5s ease;border:1px solid rgba(255,255,255,0.1)}.nexus-ui:hover{transform:rotateY(-3deg) rotateX(1deg) translateX(40px) scale(1.02)}.nexus-sidebar{width:220px;background:#0f172a;padding:24px 20px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,0.05)}.nexus-brand{display:flex;align-items:center;gap:12px;margin-bottom:35px}.nexus-brand-icon{font-size:26px;color:var(--primary-color)}.nexus-brand-text{font-weight:700;font-size:14px;line-height:1.2;color:#f8fafc}.nexus-brand-sub{font-size:11px;color:var(--primary-color);font-weight:500}.nexus-menu-label{font-size:11px;color:#94a3b8;margin-bottom:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase}.nexus-menu-item{padding:10px 14px;border-radius:8px;color:#cbd5e1;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:0.2s;margin-bottom:4px}.nexus-menu-item:hover{background:rgba(255,255,255,0.05);color:#ffffff}.nexus-menu-item.active{background:rgba(52,211,153,0.1);color:var(--primary-color)}.nexus-user{margin-top:auto;background:#1e293b;padding:12px;border-radius:10px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,0.05)}.nexus-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);position:relative}.nexus-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--primary-color);border:2px solid #0f172a;border-radius:50%}.nexus-user-info{font-size:13px}.nexus-user-name{font-weight:700;color:#f8fafc}.nexus-user-tag{font-size:11px;color:#94a3b8}.nexus-main{flex:1;padding:35px 40px;background:transparent}.nexus-title{font-size:22px;font-weight:700;margin-bottom:28px;color:#f8fafc}.nexus-section{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#94a3b8;margin-bottom:14px;letter-spacing:0.5px}.nexus-section.active{color:#f8fafc}.nexus-section::before{content:'';width:4px;height:14px;background:var(--primary-color);border-radius:4px}.nexus-panel{background:#334155;border-radius:12px;padding:18px 20px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,0.05)}.nexus-panel-title{font-size:14px;font-weight:600;color:#f1f5f9}.nexus-dropdown{background:#1e293b;border:1px solid rgba(255,255,255,0.1);padding:10px 14px;border-radius:8px;font-size:13px;color:#cbd5e1;display:flex;align-items:center;gap:20px}.nexus-toggle{width:40px;height:22px;background:#475569;border-radius:12px;position:relative;cursor:pointer}.nexus-toggle::after{content:'';position:absolute;width:16px;height:16px;background:#f1f5f9;border-radius:50%;top:3px;left:3px;transition:0.2s}.nexus-toggle.on{background:var(--primary-color)}.nexus-toggle.on::after{background:#0f172a;left:auto;right:3px}.nexus-divider{height:1px;background:rgba(255,255,255,0.05);margin:24px 0}.nexus-btn{width:100%;background:var(--primary-color);color:#020617;font-weight:700;border:none;padding:16px;border-radius:12px;font-size:15px;cursor:pointer;font-family:'Inter', sans-serif;transition:0.2s;box-shadow:0 4px 14px 0 rgba(52,211,153,0.2)}.nexus-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,211,153,0.3)}@media (max-width: 1400px){.hero-content{gap:50px}.hero-text{flex:1.5}.hero-image{flex:1}.nexus-ui{min-width:600px;transform:rotateY(-8deg) rotateX(2deg) translateX(0)}.nexus-ui:hover{transform:rotateY(-3deg) rotateX(1deg) translateX(0) scale(1.02)}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:99999;display:flex;justify-content:center;align-items:center;transition:opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.6s cubic-bezier(0.4, 0, 0.2, 1)}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{text-align:center;animation:loaderPulse 2s infinite ease-in-out}.loader-logo{font-family:'Outfit', sans-serif;font-size:3.5rem;font-weight:800;color:var(--primary-dark);margin-bottom:24px;letter-spacing:-1px;animation:loaderGlow 2s infinite alternate}.loader-logo span{color:var(--text-main)}.loader-spinner{width:54px;height:54px;border:4px solid rgba(52,211,153,0.2);border-top-color:var(--primary-color);border-radius:50%;animation:loaderSpin 1s infinite cubic-bezier(0.68, -0.55, 0.265, 1.55);margin:0 auto}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}body.no-scroll{overflow:hidden !important}@media (max-width: 1200px){.hero-content{flex-direction:column;text-align:center;gap:60px}.hero-text{max-width:100%}.hero h1{font-size:3rem}.badges{justify-content:center}.hero .subtitle{margin:0 auto 40px}.hero-image{justify-content:center;width:100%;perspective:1000px}.nexus-ui{transform:scale(0.8) rotateY(-8deg) rotateX(2deg) translateX(0) !important;transform-origin:top center;margin:0 auto;margin-bottom:-80px}.nexus-ui:hover{transform:scale(0.82) rotateY(-3deg) rotateX(1deg) translateX(0) !important}}@media (max-width: 768px){.nav{display:none}.hero h1{font-size:2.25rem}.section{padding:60px 0}.nexus-ui{transform:scale(0.45) !important;transform-origin:top center;margin-bottom:-220px;min-width:750px}.nexus-ui:hover{transform:scale(0.45) !important}.nexus-sidebar{display:flex}}#copy-btn{position:relative;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(52,211,153,0.4)}70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}@media (max-width: 768px){.section{padding:40px 0 !important}.hero h1{font-size:2rem !important}.script-box{padding:6px}.script-box code{font-size:0.8rem;padding:12px}.btn{width:100%;justify-content:center}.nexus-ui{width:100%;min-width:600px !important;transform:scale(0.5) !important;transform-origin:top center;margin-bottom:-150px !important}}@media (max-width: 480px){.nexus-ui{transform:scale(0.45) !important;margin-bottom:-180px !important}.hero h1{font-size:1.75rem !important}}@media (max-width: 768px){.nexus-ui{min-width:650px !important;transform:scale(0.65) !important;transform-origin:top center !important;margin-bottom:-100px !important}.nexus-ui:hover{transform:scale(0.67) !important}}@media (max-width: 480px){.nexus-ui{min-width:600px !important;transform:scale(0.55) !important;transform-origin:top center !important;margin-bottom:-130px !important}.nexus-ui:hover{transform:scale(0.57) !important}}.trust-badges{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.trust-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:0.9rem;font-weight:500;color:var(--text-main);background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:default;user-select:none}.trust-badge.discord svg{color:#5865F2}.trust-badge.youtube svg{color:#FF0000}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}}.info-card{background:var(--surface-color);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.info-card h3{margin-bottom:20px;font-size:1.3rem}.compact-steps{display:flex;flex-direction:column;gap:16px}.compact-step{display:flex;align-items:center;gap:16px;background:#f8fafc;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0}.step-num{width:32px;height:32px;flex-shrink:0;background:var(--primary-color);color:white;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.safety-container{text-align:center;background:#f0fdf4;border-color:#bbf7d0}.safety-icon-large{font-size:3.5rem;margin-bottom:12px}.safety-container p{color:#15803d;font-size:0.95rem;line-height:1.6}.safety-container h3{color:#166534}.seo-text{max-width:900px;margin:0 auto;padding:32px;border-top:1px solid var(--border-color)}.seo-text h2{font-size:1.5rem;margin-bottom:16px;color:var(--text-main)}.seo-text p{color:var(--text-muted);font-size:0.95rem;line-height:1.8}.social-link{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition);padding:0 8px}.social-link:hover{color:var(--primary-color);transform:translateY(-2px)}.footer{background:#0f172a;color:#f8fafc;padding:24px 0 16px;margin-top:20px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:16px}.footer-logo{font-family:'Outfit', sans-serif;font-size:1.5rem;font-weight:800}.footer-logo span{color:var(--primary-color)}.footer-socials{display:flex;gap:16px}.footer-social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,0.1);border-radius:8px;color:white;font-weight:600;transition:var(--transition)}.footer-social-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px)}.footer-social-btn.discord:hover{background:#5865F2}.footer-social-btn.youtube:hover{background:#FF0000}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:#94a3b8;font-size:0.9rem}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}}.header-actions{display:flex;align-items:center;gap:16px}.footer-links .footer-socials{display:flex;flex-direction:column;gap:12px;margin-top:12px}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);background-image:radial-gradient(rgba(52,211,153,0.3) 1.5px, transparent 1.5px);background-size:24px 24px;background-size:30px 30px;background-position:center center;z-index:999999;display:flex;justify-content:center;align-items:center;transition:opacity 0.6s ease, visibility 0.6s ease}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:0 20px}.loader-logo-glitch{font-family:'Outfit', sans-serif;font-size:3.5rem;font-weight:800;color:var(--primary-dark);margin-bottom:20px;letter-spacing:-1px;animation:loaderGlow 2s infinite alternate}.loader-logo-glitch span{color:var(--primary-color)}.loader-terminal{font-family:monospace;color:var(--text-muted);font-size:0.95rem;margin-bottom:16px;height:20px}.loader-progress-container{width:100%;height:6px;background:rgba(0,0,0,0.05);border-radius:6px;overflow:hidden;position:relative;margin-bottom:12px}.loader-progress-bar{height:100%;width:0%;background:var(--primary-color);box-shadow:0 0 8px rgba(52,211,153,0.4);transition:width 0.1s linear;border-radius:6px}.loader-percentage{font-family:'Outfit', sans-serif;color:var(--text-main);font-size:1.1rem;font-weight:600}@keyframes loaderGlow{from{text-shadow:0 0 4px rgba(52,211,153,0.1)}to{text-shadow:0 0 12px rgba(52,211,153,0.3)}}.game-hero-banner{width:100%;max-width:500px;border-radius:20px;box-shadow:0 20px 40px rgba(52,211,153,0.2),0 0 0 1px rgba(255,255,255,0.1);animation:float 4s ease-in-out infinite;object-fit:cover;aspect-ratio:16/9}.game-hero-banner{animation:none !important;width:100%;min-width:650px;max-width:850px;border-radius:12px;box-shadow:0 30px 60px -15px rgba(15,23,42,0.4);object-fit:cover;aspect-ratio:16/9;transform:rotateY(-8deg) rotateX(2deg) translateX(0);transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),box-shadow 0.4s ease}.game-hero-banner:hover{transform:rotateY(-3deg) rotateX(1deg) translateX(40px) scale(1.02);box-shadow:0 40px 70px -15px rgba(52,211,153,0.3)}@media (max-width: 768px){.game-hero-banner{min-width:100% !important;transform:scale(0.95) rotateY(-4deg) rotateX(2deg) !important;transform-origin:center center;margin-bottom:20px}.game-hero-banner:hover{transform:scale(1) rotateY(0deg) rotateX(0deg) !important}}@media (max-width: 480px){.game-hero-banner{transform:scale(1) !important;margin-bottom:10px}}.marquee-section{padding:20px 0;overflow:hidden;position:relative;background-color:var(--surface-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-top:-30px;margin-bottom:30px}.marquee-container{display:flex;overflow:hidden;width:100%;padding:15px 0}.marquee-track{display:flex;animation:marquee 60s linear infinite;gap:20px}.marquee-track:hover{animation-play-state:paused}.marquee-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-main);transition:transform 0.3s ease;flex-shrink:0;width:170px}.marquee-item:hover{transform:scale(1.1);color:var(--primary-color)}.marquee-item img{width:150px;height:150px;border-radius:28px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin-bottom:12px;border:2px solid transparent;transition:border-color 0.3s ease}.marquee-item:hover img{border-color:var(--primary-color)}.marquee-item .m-title{font-size:1.1rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 7.5px))}}[dir="rtl"] .marquee-track{animation-name:marquee-rtl}@keyframes marquee-rtl{0%{transform:translateX(0)}100%{transform:translateX(calc(50% + 7.5px))}}