:root{--bg-base:#050608;--bg-surface:#0a0c10;--bg-card:#0d1116;--gradient-primary:linear-gradient(135deg,#005ce6 0%,#0088ff 100%);--gradient-text:linear-gradient(to right,#ffffff,#a8b2c1);--primary:#007bff;--primary-glow:rgba(0,123,255,0.4);--gold:#f5b041;--text-main:#f8fafc;--text-muted:#8b949e;--border-color:rgba(255,255,255,0.06);--border-hover:rgba(0,123,255,0.3);--bg-subtle:rgba(10,12,16,0.4)} *{margin:0;padding:0;box-sizing:border-box} body{font-family:'Poppins',sans-serif;font-size:15px;font-weight:400;background-color:var(--bg-base);color:var(--text-main);line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} h1,h2,h3,h4{font-weight:600;line-height:1.2;margin-bottom:0.75rem;color:#fff;letter-spacing:-0.02em} p{color:var(--text-muted);margin-bottom:1rem;font-weight:300} a{text-decoration:none;color:inherit;transition:all 0.3s ease} ul{list-style:none} main:where(p,li,td,blockquote,figcaption) a:not(.btn){color:var(--primary);text-decoration:none} main:where(p,li,td,blockquote,figcaption) a:not(.btn):hover,main:where(p,li,td,blockquote,figcaption) a:not(.btn):focus-visible{color:#38bdf8} .hero-slogan{font-size:1.1rem;text-transform:uppercase;letter-spacing:3px;color:var(--gold);text-shadow:0 0 15px rgba(245,176,65,0.4);margin-bottom:1rem} .text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .text-primary{color:var(--primary)} .text-gold{color:var(--gold)} .container{max-width:1280px;margin:0 auto;padding:0 2rem;padding-bottom:60px} .section{padding:6rem 0;position:relative;z-index:1} .section-header{text-align:center;margin-bottom:4rem;max-width:700px;margin-inline:auto} .section-header h2{font-size:2.5rem} .btn{display:inline-flex;align-items:center;justify-content:center;padding:0.7rem 1.8rem;border-radius:6px;font-weight:500;font-size:0.95rem;cursor:pointer;border:1px solid transparent;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);gap:8px} .btn-primary{background:var(--gradient-primary);color:#fff;border:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 15px rgba(0,123,255,0.2)} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow);filter:brightness(1.1)} .btn-outline{background-color:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.1);color:var(--text-main);backdrop-filter:blur(4px)} .btn-outline:hover{border-color:var(--primary);background-color:rgba(0,123,255,0.05);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,123,255,0.1)} #particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:var(--bg-base)} .hero{position:relative;padding:8rem 0 5rem;overflow:hidden} .hero::before{content:'';position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,123,255,0.15) 0%,rgba(5,6,8,0) 70%);z-index:0;pointer-events:none} .hero-content{display:flex;align-items:center;justify-content:space-between;gap:4rem;position:relative;z-index:2} .hero-text{flex:1} .hero-text h1{font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;font-weight:700} .hero-text p{font-size:1.1rem;margin-bottom:2rem;max-width:90%} .hero-subtitle{font-size:0.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:1rem} .hero-badges{display:flex;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap} .hero-badges span{display:flex;align-items:center;gap:6px;font-size:0.85rem;color:var(--text-muted);background:rgba(255,255,255,0.03);padding:4px 12px;border-radius:20px;border:1px solid var(--border-color)} .hero-badges span i{color:var(--primary)} .hero-buttons{display:flex;gap:1rem} .hero-visual{flex:1;position:relative;perspective:1000px} .visual-wrapper{position:relative;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface);padding:8px;box-shadow:0 20px 50px rgba(0,0,0,0.5),0 0 40px rgba(0,123,255,0.1);transform:rotateY(-5deg) rotateX(5deg);transition:transform 0.5s ease} .visual-wrapper:hover{transform:rotateY(0) rotateX(0)} .visual-wrapper img{width:100%;border-radius:8px;display:block} .tech-ticker{background:rgba(10,12,16,0.8);backdrop-filter:blur(10px);padding:1.5rem 0;overflow:hidden;position:relative} .tech-ticker::before,.tech-ticker::after{content:'';position:absolute;top:0;width:150px;height:100%;z-index:2} .tech-ticker::before{left:0;background:linear-gradient(to right,var(--bg-base),transparent)} .tech-ticker::after{right:0;background:linear-gradient(to left,var(--bg-base),transparent)} .ticker-track{display:flex;width:max-content;animation:ticker 30s linear infinite} .ticker-content{display:flex;gap:4rem;padding-right:4rem} .ticker-item{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:1rem;font-weight:500;opacity:0.6;transition:opacity 0.3s} .ticker-item:hover{opacity:1;color:#fff} .ticker-item i{font-size:1.4rem;color:var(--primary)} @keyframes ticker{0%{transform:translateX(0)} 100%{transform:translateX(-50%)}} .stats-banner{padding:4rem 0;border-bottom:1px solid var(--border-color);background:radial-gradient(ellipse at center,rgba(10,12,16,1) 0%,var(--bg-base) 100%)} .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center} .stat-item h2{font-size:2.8rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.2rem} .stat-item p{font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;margin:0} .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden} .feature-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 20px rgba(0,123,255,0.05)} .feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity 0.3s ease} .feature-card:hover::before{opacity:1} .feature-icon-wrapper{width:50px;height:50px;border-radius:10px;background:rgba(0,123,255,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid rgba(0,123,255,0.2)} .feature-icon-wrapper i{font-size:1.5rem;color:var(--primary)} .feature-card h3{font-size:1.25rem;margin-bottom:0.75rem} .feature-card p{font-size:0.9rem;margin:0;line-height:1.7} *{scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-base)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:rgba(0,123,255,0.3);border-radius:10px;border:2px solid var(--bg-base);transition:all 0.3s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}::-webkit-scrollbar-thumb:active{background:#38bdf8} p + ul,p + ol{margin-top:1.5rem} .electric-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);background:rgba(0,123,255,0.1);border:1px solid rgba(0,123,255,0.3);padding:6px 14px;border-radius:30px;margin-bottom:1.5rem;box-shadow:0 0 15px rgba(0,123,255,0.15)} .electric-badge iconify-icon{font-size:1.1rem} .glc-recent-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:3rem} .glc-recent-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2.5rem} .glc-recent-icon{font-size:2.5rem;color:var(--primary);margin-bottom:10px} .glc-recent-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;width:100%;max-width:1000px;margin:0 auto} .recent-user{display:flex;flex-direction:column;align-items:center;text-align:center;width:120px} .recent-user img{width:80px;height:80px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);padding:3px;margin-bottom:1rem;box-shadow:0 10px 20px rgba(0,0,0,0.3);transition:transform 0.3s ease,border-color 0.3s ease} .recent-user:hover img{transform:translateY(-5px) scale(1.05);border-color:var(--primary)} .recent-user strong{font-size:0.95rem;color:#fff;line-height:1.2;margin-bottom:0.4rem;word-wrap:break-word} .recent-user .dynamic-join-time{font-size:0.75rem;color:var(--text-muted);line-height:1.3} @media(max-width:768px){.glc-recent-grid{gap:1.5rem} .recent-user{width:100px} .recent-user img{width:65px;height:65px}} .pricing-body .uk-flag,.mega-card-right .uk-flag{width:18px !important;height:12px !important;display:inline-block !important;vertical-align:middle !important;margin:0 5px !important;border-radius:2px;box-shadow:none !important;border:none !important} .pricing-body small{display:block;width:100%;text-align:center;margin-top:15px;color:var(--text-muted);padding-bottom:25px}