/* ====================================================== Dream City Role Play Version 1.0 Part 1 Theme : Dark + Glass + Neon Blue ====================================================== */ :root{ --primary:#1ea7ff; --primary-light:#54c3ff; --background:#050505; --background2:#0c0c0c; --card:rgba(255,255,255,.05); --glass:rgba(255,255,255,.08); --border:rgba(255,255,255,.09); --text:#ffffff; --text2:#c8c8c8; --shadow:0 0 40px rgba(30,167,255,.18); --navbar-bg:rgba(15,15,15,.55); --navbar-bg-scrolled:rgba(5,5,5,.85); --navbar-border:rgba(255,255,255,.08); } /* ================================================== LIGHT THEME OVERRIDE Toggled by adding data-theme="light" to . Every component already uses var(--...) so this one block re-themes the entire site automatically. ================================================== */ :root[data-theme="light"]{ --primary:#0f7fd6; --primary-light:#1ea7ff; --background:#f4f6f9; --background2:#ffffff; --card:rgba(244,246,249,.85); --glass:rgba(244,246,249,.92); --border:rgba(16,20,24,.12); --text:#101418; --text2:#4a5560; --shadow:0 0 40px rgba(15,127,214,.12); --navbar-bg:rgba(255,255,255,.65); --navbar-bg-scrolled:rgba(255,255,255,.85); --navbar-border:rgba(15,25,40,.10); } html{ transition:background-color .3s ease; } body,.navbar,.dash-topbar,.auth-card,.dash-card,.dash-panel,.product-card, .list-row,.stat-card,.modal-card,.news-card,.faction-card,.team-card{ transition:background-color .3s ease, border-color .3s ease, color .3s ease; } *{ margin:0; padding:0; box-sizing:border-box; font-family:'Poppins',sans-serif; scroll-behavior:smooth; } /* Persian text needs a font that actually supports the script - Poppins has no Persian glyphs at all. */ body.lang-fa *{ font-family:'Vazirmatn','Poppins',sans-serif; } html{ overflow-x:hidden; } body{ background:var(--background); color:var(--text); overflow-x:hidden; min-height:100vh; } /* Scroll */ ::-webkit-scrollbar{ width:8px; } ::-webkit-scrollbar-track{ background:transparent; } ::-webkit-scrollbar-thumb{ background:var(--border); border-radius:20px; } ::-webkit-scrollbar-thumb:hover{ background:var(--primary); } /* Links */ a{ text-decoration:none; color:var(--text); } /* Buttons */ button{ border:none; outline:none; cursor:pointer; } /* Background */ .bg-glow{ position:fixed; top:-200px; right:-250px; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle, rgba(30,167,255,.22), transparent 70%); filter:blur(60px); z-index:-2; } body::before{ content:""; position:fixed; left:-300px; bottom:-250px; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle, rgba(30,167,255,.15), transparent 70%); filter:blur(80px); z-index:-2; } /* Sections */ section{ width:100%; padding:120px 120px; } /* Container */ .container{ width:100%; max-width:1450px; margin:auto; } /* Titles */ .section-title{ font-size:48px; font-weight:700; margin-bottom:25px; color:#ffffff; } .section-subtitle{ font-size:18px; color:#cfcfcf; margin-bottom:70px; } /* Animation */ .fade{ opacity:0; transform:translateY(40px); transition:.8s; } .fade.show{ opacity:1; transform:translateY(0); } /* ====================================================== NAVBAR ======================================================*/ .navbar{ position:fixed; top:20px; left:24px; right:24px; width:auto; height:78px; display:flex; align-items:center; justify-content:space-between; padding:0 36px; background:var(--navbar-bg); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid var(--navbar-border); border-radius:50px; box-shadow:0 15px 40px rgba(0,0,0,.35); transition:.35s; z-index:99999; } .navbar.scrolled{ top:14px; height:68px; background:var(--navbar-bg-scrolled); box-shadow: 0 15px 45px rgba(0,0,0,.5), 0 0 30px rgba(30,167,255,.10); } .logo{ display:flex; align-items:center; gap:15px; cursor:pointer; user-select:none; } .logo img{ width:56px; height:56px; object-fit:contain; transition:.35s; } .logo:hover img{ transform:rotate(-5deg) scale(1.08); filter:drop-shadow(0 0 12px #1ea7ff); } .logo span{ font-size:26px; font-weight:700; letter-spacing:.5px; color:var(--text); transition:.3s; } .logo:hover span{ color:var(--primary); } /* ========================= */ nav{ display:flex; align-items:center; gap:40px; } nav a{ position:relative; font-size:15px; font-weight:500; color:var(--text2); transition:.35s; padding:8px 0; } nav a:hover{ color:var(--primary); } nav a::after{ content:""; position:absolute; left:0; bottom:-4px; width:0; height:2px; background:var(--primary); transition:.35s; border-radius:50px; } nav a:hover::after{ width:100%; box-shadow: 0 0 15px var(--primary); } /* ========================= */ .login-btn{ padding:12px 26px; border-radius:50px; background:linear-gradient(135deg,var(--primary),#8b7bff); border:1px solid transparent; color:#fff; font-weight:600; font-size:14px; transition:.35s; box-shadow:0 6px 20px rgba(30,167,255,.28); } .login-btn:hover{ transform:translateY(-3px); box-shadow: 0 10px 28px rgba(30,167,255,.45); } /* ========================= */ .mobile-menu{ display:none; font-size:30px; cursor:pointer; } /* ========================= */ @media(max-width:1200px){ .navbar{ left:16px; right:16px; padding:0 26px; } nav{ gap:25px; } .nav-online-badge{ display:none; } } /* ========================= */ @media(max-width:950px){ nav{ display:none; } nav.open{ display:flex; flex-direction:column; position:absolute; top:88px; right:0; left:0; background:var(--background,#050505); padding:20px 30px; gap:18px; z-index:999; border-radius:24px; box-shadow:0 15px 30px rgba(0,0,0,.5); } .login-btn{ display:none; } .nav-play-btn{ display:none; } .mobile-menu{ display:block; color:var(--text); } .navbar{ left:10px; right:10px; top:12px; padding:0 18px; } .logo span{ font-size:20px; } .logo img{ width:45px; height:45px; } } /* ========================= */ @keyframes glowLogo{ 0%{ filter:drop-shadow(0 0 0px #1ea7ff); } 50%{ filter:drop-shadow(0 0 20px #1ea7ff); } 100%{ filter:drop-shadow(0 0 0px #1ea7ff); } } .logo img{ animation:glowLogo 4s infinite; } /* ====================================================== HERO SECTION ======================================================*/ .hero{ position:relative; display:flex; align-items:center; justify-content:space-between; min-height:100vh; padding:140px 120px 80px; overflow:hidden; } /* ========================= */ .hero::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient( 90deg, rgba(5,5,5,.95) 0%, rgba(5,5,5,.78) 45%, rgba(5,5,5,.30) 100% ); z-index:-1; } /* ========================= */ .hero-text{ max-width:700px; z-index:2; } .hero-text h4{ color:var(--primary); font-size:18px; letter-spacing:4px; margin-bottom:20px; text-transform:uppercase; } .hero-text h1{ font-size:86px; font-weight:800; line-height:92px; margin-bottom:25px; color:#ffffff; } .hero-text h1 span{ color:var(--primary); text-shadow: 0 0 25px rgba(30,167,255,.45); } .hero-text p{ font-size:20px; line-height:34px; color:#cfcfcf; margin-bottom:45px; max-width:600px; } /* ========================= */ .hero-buttons{ display:flex; gap:20px; flex-wrap:wrap; } .hero-buttons a{ display:flex; align-items:center; justify-content:center; width:200px; height:58px; border-radius:15px; font-weight:600; color:#ffffff; transition:.35s; } .hero-buttons a:first-child{ background:linear-gradient( 90deg, #1ea7ff, #0e79ff ); box-shadow: 0 0 30px rgba(30,167,255,.30); } .hero-buttons a:first-child:hover{ transform:translateY(-6px); box-shadow: 0 0 45px rgba(30,167,255,.55); } .hero-buttons a:last-child{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(15px); } .hero-buttons a:last-child:hover{ border-color:var(--primary); background:rgba(30,167,255,.08); } /* ========================= */ .server-card{ width:360px; padding:35px; border-radius:24px; background:rgba(255,255,255,.05); backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.08); box-shadow: 0 0 35px rgba(30,167,255,.12); transition:.35s; } .server-card:hover{ transform:translateY(-8px); box-shadow: 0 0 60px rgba(30,167,255,.22); } .server-card h2{ font-size:22px; margin-bottom:30px; color:#ffffff; } .item{ display:flex; justify-content:space-between; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:16px; color:#b8b8b8; } .item:last-child{ border:none; } .item strong{ color:var(--primary); } /* ========================= */ .hero-glow{ position:absolute; right:-150px; top:50%; transform:translateY(-50%); width:550px; height:550px; border-radius:50%; background: radial-gradient(circle, rgba(30,167,255,.30), transparent 70%); filter:blur(70px); z-index:-2; animation:glowMove 6s ease-in-out infinite; } /* ========================= */ @keyframes glowMove{ 0%{ transform:translateY(-50%) scale(1); } 50%{ transform:translateY(-48%) scale(1.08); } 100%{ transform:translateY(-50%) scale(1); } } /* ========================= */ @media(max-width:1100px){ .hero{ flex-direction:column; justify-content:center; text-align:center; gap:60px; padding:160px 40px 80px; } .hero-text{ max-width:100%; } .hero-text h1{ font-size:60px; line-height:70px; } .hero-buttons{ justify-content:center; } .server-card{ width:100%; max-width:420px; } } @media(max-width:700px){ .hero-text h1{ font-size:42px; line-height:50px; } .hero-text p{ font-size:17px; line-height:28px; } .hero-buttons a{ width:100%; } } /*====================================================== VIDEO BACKGROUND ======================================================*/ .hero-video{ position:fixed; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-10; } .hero-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg, rgba(5,5,5,.92), rgba(5,5,5,.72), rgba(5,5,5,.88)); z-index:-9; } /*====================================================== MOUSE GLOW ======================================================*/ .cursor-glow{ position:fixed; width:320px; height:320px; border-radius:50%; background: radial-gradient(circle, rgba(30,167,255,.18), transparent 70% ); pointer-events:none; z-index:999; filter:blur(35px); transform:translate(-50%,-50%); transition: left .08s linear, top .08s linear; } /*====================================================== PRELOADER ======================================================*/ #preloader{ position:fixed; top:0; left:0; width:100%; height:100%; background:var(--background); display:flex; justify-content:center; align-items:center; z-index:999999; transition:1s; } .loader{ width:80px; height:80px; border-radius:50%; border:4px solid rgba(255,255,255,.1); border-top:4px solid var(--primary); animation:spin 1s linear infinite; } @keyframes spin{ 100%{ transform:rotate(360deg); } } /*====================================================== SCROLL DOWN ======================================================*/ .scroll-down{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; font-size:13px; letter-spacing:2px; opacity:.7; color:#ffffff; } .scroll-down span{ width:2px; height:35px; background:white; animation:scrollMove 1.8s infinite; } @keyframes scrollMove{ 0%{ transform:translateY(0); opacity:1; } 100%{ transform:translateY(18px); opacity:0; } } /* ====================================================== PART 7 ABOUT ====================================================== */ .team-section{ padding:140px 120px; position:relative; z-index:1; } .about{ position:relative; z-index:1; padding:140px 120px; } .about-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:70px; } .about-card{ background:var(--card); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.08); border-radius:24px; padding:45px; transition:.35s; overflow:hidden; position:relative; } .about-card::before{ content:""; position:absolute; top:-120px; right:-120px; width:220px; height:220px; background:radial-gradient(circle, rgba(30,167,255,.18), transparent 70%); transition:.45s; } .about-card:hover{ transform:translateY(-10px); border-color:var(--primary); box-shadow:0 0 45px rgba(30,167,255,.18); } .about-card:hover::before{ transform:scale(1.4); } .about-card h3{ font-size:26px; margin-bottom:18px; } .about-card p{ color:var(--text2); line-height:30px; } /* ====================================================== STATISTICS ====================================================== */ .statistics{ padding:120px; } .stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px; margin-top:70px; } .stat-card{ background:var(--card); backdrop-filter:blur(18px); border-radius:22px; border:1px solid rgba(255,255,255,.08); padding:45px; text-align:center; transition:.35s; } .stat-card:hover{ transform:translateY(-8px); border-color:#1ea7ff; box-shadow:0 0 40px rgba(30,167,255,.20); } .stat-card h2{ font-size:54px; color:var(--primary); margin-bottom:15px; font-weight:700; } .stat-card p{ color:var(--text2); font-size:18px; } /* ====================================================== FEATURES ====================================================== */ .features{ padding:130px 120px; } .feature-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:70px; } .feature-card{ background:var(--card); backdrop-filter:blur(18px); border-radius:24px; border:1px solid rgba(255,255,255,.08); padding:45px; transition:.35s; position:relative; overflow:hidden; } .feature-card::after{ content:""; position:absolute; left:-120px; top:-120px; width:250px; height:250px; border-radius:50%; background:radial-gradient(circle, rgba(30,167,255,.12), transparent 70%); transition:.45s; } .feature-card:hover::after{ transform:scale(1.4); } .feature-card:hover{ transform:translateY(-10px); border-color:var(--primary); box-shadow:0 0 45px rgba(30,167,255,.18); } .feature-icon{ font-size:52px; margin-bottom:25px; } .feature-card h3{ font-size:24px; margin-bottom:15px; } .feature-card p{ color:var(--text2); line-height:30px; } /* ====================================================== RESPONSIVE ====================================================== */ @media(max-width:1200px){ .about-grid{ grid-template-columns:repeat(2,1fr); } .stats-grid{ grid-template-columns:repeat(2,1fr); } .feature-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:768px){ .about, .statistics, .features{ padding:90px 25px; } .about-grid, .stats-grid, .feature-grid{ grid-template-columns:1fr; } .section-title{ font-size:36px; } .section-subtitle{ font-size:16px; } .about-card, .stat-card, .feature-card{ padding:30px; } .stat-card h2{ font-size:42px; } } /* ====================================================== PART 8 FACTIONS ====================================================== */ .factions{ padding:140px 120px; position:relative; overflow:hidden; } .faction-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:70px; } .faction-card{ position:relative; height:460px; border-radius:26px; overflow:hidden; background:#111; border:1px solid rgba(255,255,255,.08); transition:.4s; box-shadow:0 15px 45px rgba(0,0,0,.35); } .faction-card img{ width:100%; height:100%; object-fit:cover; transition:.6s; } .faction-card::before{ content:""; position:absolute; inset:0; background:linear-gradient( 180deg, rgba(0,0,0,.05), rgba(0,0,0,.82) ); z-index:1; } .faction-card::after{ content:""; position:absolute; top:-150px; right:-120px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle, rgba(30,167,255,.18), transparent 70%); transition:.45s; z-index:2; } .faction-card:hover{ transform:translateY(-12px); border-color:var(--primary); box-shadow: 0 0 45px rgba(30,167,255,.22), 0 20px 60px rgba(0,0,0,.5); } .faction-card:hover::after{ transform:scale(1.4); } .faction-card:hover img{ transform:scale(1.12); } .faction-content{ position:absolute; left:0; bottom:0; width:100%; padding:35px; z-index:3; } .faction-content h3{ font-size:26px; margin-bottom:15px; color:#ffffff; font-weight:700; } .faction-content p{ color:#d2d2d2; line-height:28px; margin-bottom:22px; } .faction-content a{ display:inline-flex; align-items:center; justify-content:center; padding:13px 28px; border-radius:14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(18px); transition:.35s; font-weight:600; } .faction-content a:hover{ background:var(--primary); box-shadow: 0 0 25px rgba(30,167,255,.45); transform:translateY(-3px); } .faction-card:hover h3{ color:var(--primary); transition:.35s; } /* ---------- Badge ---------- */ .faction-badge{ position:absolute; top:22px; left:22px; z-index:4; padding:10px 18px; border-radius:30px; font-size:13px; font-weight:600; letter-spacing:1px; background:rgba(0,0,0,.45); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.12); } /* ---------- Glow ---------- */ .faction-glow{ position:absolute; bottom:-140px; left:50%; transform:translateX(-50%); width:260px; height:260px; background:radial-gradient(circle, rgba(30,167,255,.18), transparent 70%); filter:blur(45px); opacity:0; transition:.45s; pointer-events:none; } .faction-card:hover .faction-glow{ opacity:1; } /* ---------- Responsive ---------- */ @media(max-width:1200px){ .faction-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:768px){ .factions{ padding:90px 25px; } .faction-grid{ grid-template-columns:1fr; } .faction-card{ height:380px; } .faction-content{ padding:25px; } .faction-content h3{ font-size:22px; } } /*===================================================== PART 9 NEWS SECTION =====================================================*/ .news{ padding:140px 120px; position:relative; } .news-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:70px; } .news-card{ background:var(--card); backdrop-filter:blur(20px); border-radius:24px; overflow:hidden; border:1px solid rgba(255,255,255,.08); transition:.4s; } .news-card:hover{ transform:translateY(-12px); border-color:var(--primary); box-shadow:0 0 45px rgba(30,167,255,.22); } .news-card img{ width:100%; height:240px; object-fit:cover; transition:.5s; } .news-card:hover img{ transform:scale(1.08); } .news-content{ padding:28px; } .news-content span{ display:inline-block; padding:8px 18px; border-radius:40px; background:#1ea7ff22; color:var(--primary); font-size:13px; font-weight:600; margin-bottom:18px; } .news-content h3{ font-size:26px; margin-bottom:15px; } .news-content p{ color:var(--text2); line-height:28px; margin-bottom:20px; } .news-content a{ color:var(--primary); font-weight:600; transition:.3s; } .news-content a:hover{ letter-spacing:1px; } /*===================================================== LEADERBOARD =====================================================*/ .leaderboard{ padding:140px 120px; } .leaderboard-table{ margin-top:70px; background:var(--card); backdrop-filter:blur(20px); border-radius:25px; overflow:hidden; border:1px solid rgba(255,255,255,.08); } .leaderboard table{ width:100%; border-collapse:collapse; } .leaderboard thead{ background:rgba(30,167,255,.15); } .leaderboard th{ padding:24px; text-align:left; font-size:17px; } .leaderboard td{ padding:22px; border-top:1px solid rgba(255,255,255,.05); color:var(--text2); transition:.3s; } .leaderboard tbody tr{ transition:.3s; } .leaderboard tbody tr:hover{ background:rgba(30,167,255,.08); } .leaderboard tbody tr:hover td{ color:var(--text); } /*===================================================== TOP 3 STYLE =====================================================*/ .leaderboard tbody tr:nth-child(1){ background:rgba(255,215,0,.08); } .leaderboard tbody tr:nth-child(2){ background:rgba(200,200,200,.06); } .leaderboard tbody tr:nth-child(3){ background:rgba(205,127,50,.08); } .leaderboard tbody tr:nth-child(1):hover{ background:rgba(255,215,0,.18); } .leaderboard tbody tr:nth-child(2):hover{ background:rgba(200,200,200,.15); } .leaderboard tbody tr:nth-child(3):hover{ background:rgba(205,127,50,.16); } /*===================================================== RESPONSIVE =====================================================*/ @media(max-width:1100px){ .news-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:768px){ .news{ padding:90px 25px; } .leaderboard{ padding:90px 15px; } .news-grid{ grid-template-columns:1fr; } .leaderboard-table{ overflow:auto; } .leaderboard table{ min-width:700px; } .news-card img{ height:210px; } } /* ====================================================== PART 10 GALLERY ====================================================== */ .gallery{ padding:140px 120px; } .gallery-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:25px; margin-top:70px; } .gallery-grid img{ width:100%; height:280px; object-fit:cover; border-radius:20px; cursor:pointer; transition:.45s; border:1px solid rgba(255,255,255,.08); } .gallery-grid img:hover{ transform:scale(1.05); box-shadow:0 0 40px rgba(30,167,255,.25); border-color:var(--primary); } /* ====================================================== FAQ ====================================================== */ .faq{ padding:140px 120px; } .faq-grid{ display:grid; grid-template-columns:1fr; gap:25px; margin-top:60px; } .faq-card{ background:var(--card); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:30px; transition:.35s; } .faq-card:hover{ transform:translateY(-5px); border-color:var(--primary); box-shadow:0 0 30px rgba(30,167,255,.18); } .faq-card h3{ font-size:22px; margin-bottom:15px; } .faq-card p{ color:var(--text2); line-height:30px; } /* ====================================================== DISCORD ====================================================== */ .discord-section{ padding:140px 120px 0; position:relative; z-index:2; } .discord-card{ padding:80px; text-align:center; background: linear-gradient(135deg,rgba(30,167,255,.16),rgba(124,58,237,.14) 45%,rgba(255,95,162,.12)), linear-gradient(135deg,#131316,#1c1a20); border-radius:32px; border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(20px); position:relative; overflow:hidden; margin-bottom:-130px; z-index:5; box-shadow: 0 40px 90px rgba(0,0,0,.55), 0 0 70px rgba(30,167,255,.18), 0 0 120px rgba(124,58,237,.12); transition:.4s; } .discord-card::before{ content:""; position:absolute; top:-180px; right:-180px; width:350px; height:350px; border-radius:50%; background:radial-gradient(circle, rgba(30,167,255,.28), transparent 70%); } .discord-card h2{ font-size:48px; margin-bottom:20px; background:linear-gradient(90deg,#54c3ff,#8b7bff 55%,#ff5fa2); -webkit-background-clip:text; background-clip:text; color:transparent; } .discord-card p{ font-size:20px; color:#c5c5c5; margin-bottom:10px; } /* ====================================================== FOOTER ====================================================== */ .footer{ margin-top:0; padding:220px 120px 40px; background:linear-gradient(180deg,#0a0a0c,#080808); border-top:1px solid rgba(255,255,255,.06); position:relative; z-index:1; } .footer-grid{ display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:60px; } .footer-logo{ width:90px; margin-bottom:20px; } .footer h3{ margin-bottom:18px; font-size:20px; color:#ffffff; } .footer a{ display:block; margin-bottom:12px; color:#c5c5c5; transition:.3s; } .footer a:hover{ color:var(--primary); padding-left:8px; } .footer p{ color:#bdbdbd; line-height:28px; } .footer hr{ border:none; height:1px; background:rgba(255,255,255,.08); margin:40px 0; } .copyright{ text-align:center; color:#888; font-size:15px; } /* ====================================================== RESPONSIVE ====================================================== */ @media(max-width:1200px){ .gallery-grid{ grid-template-columns:repeat(2,1fr); } .footer-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:768px){ .gallery, .faq, .discord-section, .footer{ padding:90px 25px; } .gallery-grid{ grid-template-columns:1fr; } .discord-card{ padding:45px 25px; margin-bottom:0; } .discord-card h2{ font-size:34px; } .discord-card p{ font-size:17px; } .footer{ padding-top:90px; } .footer-grid{ grid-template-columns:1fr; text-align:center; } .footer-logo{ margin:auto auto 20px; } .footer a:hover{ padding-left:0; } } /* ====================================================== PART 10 GALLERY ====================================================== */ .gallery{ padding:140px 120px; } .gallery-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:25px; margin-top:70px; } .gallery-grid img{ width:100%; height:280px; object-fit:cover; border-radius:20px; cursor:pointer; transition:.45s; border:1px solid rgba(255,255,255,.08); } .gallery-grid img:hover{ transform:scale(1.05); box-shadow:0 0 40px rgba(30,167,255,.25); border-color:var(--primary); } /* ====================================================== FAQ ====================================================== */ .faq{ padding:140px 120px; } .faq-grid{ display:grid; grid-template-columns:1fr; gap:25px; margin-top:60px; } .faq-card{ background:var(--card); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:30px; transition:.35s; } .faq-card:hover{ transform:translateY(-5px); border-color:var(--primary); box-shadow:0 0 30px rgba(30,167,255,.18); } .faq-card h3{ font-size:22px; margin-bottom:15px; } .faq-card p{ color:var(--text2); line-height:30px; } /* ====================================================== DISCORD ====================================================== */ .discord-section{ padding:140px 120px 0; position:relative; z-index:2; } .discord-card{ padding:80px; text-align:center; background: linear-gradient(135deg,rgba(15,127,214,.10),rgba(124,58,237,.08) 45%,rgba(255,95,162,.08)), linear-gradient(135deg,#131316,#1c1a20); border-radius:32px; border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(20px); position:relative; overflow:hidden; margin-bottom:-130px; z-index:5; box-shadow: 0 40px 90px rgba(0,0,0,.35), 0 0 70px rgba(15,127,214,.16), 0 0 120px rgba(124,58,237,.10); transition:.4s; } .discord-card::before{ content:""; position:absolute; top:-180px; right:-180px; width:350px; height:350px; border-radius:50%; background:radial-gradient(circle, rgba(30,167,255,.28), transparent 70%); } .discord-card h2{ font-size:48px; margin-bottom:20px; background:linear-gradient(90deg,#54c3ff,#8b7bff 55%,#ff5fa2); -webkit-background-clip:text; background-clip:text; color:transparent; } .discord-card p{ font-size:20px; color:#c5c5c5; margin-bottom:10px; } /* ====================================================== FOOTER ====================================================== */ .footer{ margin-top:0; padding:220px 120px 40px; background:linear-gradient(180deg,#0a0a0c,#080808); border-top:1px solid rgba(255,255,255,.06); position:relative; z-index:1; } .footer-grid{ display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:60px; } .footer-logo{ width:90px; margin-bottom:20px; } .footer h3{ margin-bottom:18px; color:#ffffff; font-size:20px; } .footer a{ display:block; margin-bottom:12px; color:#c5c5c5; transition:.3s; } .footer a:hover{ color:var(--primary); padding-left:8px; } .footer p{ color:#bdbdbd; line-height:28px; } .footer hr{ border:none; height:1px; background:rgba(255,255,255,.08); margin:40px 0; } .copyright{ text-align:center; color:#888; font-size:15px; } /* ====================================================== RESPONSIVE ====================================================== */ @media(max-width:1200px){ .gallery-grid{ grid-template-columns:repeat(2,1fr); } .footer-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:768px){ .gallery, .faq, .discord-section, .footer{ padding:90px 25px; } .gallery-grid{ grid-template-columns:1fr; } .discord-card{ padding:45px 25px; margin-bottom:0; } .discord-card h2{ font-size:34px; } .discord-card p{ font-size:17px; } .footer{ padding-top:90px; } .footer-grid{ grid-template-columns:1fr; text-align:center; } .footer-logo{ margin:auto auto 20px; } .footer a:hover{ padding-left:0; } } /*===================================================== PART 12 PREMIUM EFFECTS ======================================================*/ /* Smooth Scroll */ html{ scroll-behavior:smooth; } /* Selection */ ::selection{ background:#1ea7ff; color:#fff; } /* Custom Scrollbar */ ::-webkit-scrollbar{ width:8px; } ::-webkit-scrollbar-track{ background:transparent; } ::-webkit-scrollbar-thumb{ background:var(--border); border-radius:20px; } ::-webkit-scrollbar-thumb:hover{ background:var(--primary); } /* Glow Animation */ @keyframes glow{ 0%{ box-shadow:0 0 10px rgba(30,167,255,.15); } 50%{ box-shadow: 0 0 35px rgba(30,167,255,.45), 0 0 70px rgba(30,167,255,.15); } 100%{ box-shadow:0 0 10px rgba(30,167,255,.15); } } /* Floating */ @keyframes floating{ 0%{ transform:translateY(0px); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0px); } } /* Fade Up */ @keyframes fadeUp{ from{ opacity:0; transform:translateY(40px); } to{ opacity:1; transform:translateY(0); } } /* Pulse */ @keyframes pulse{ 0%{ transform:scale(1); } 50%{ transform:scale(1.04); } 100%{ transform:scale(1); } } /* Hero */ .hero-text h1{ animation:fadeUp 1s ease; } .hero-text p{ animation:fadeUp 1.4s ease; } .hero-buttons{ animation:fadeUp 1.8s ease; } .server-card{ animation:floating 6s infinite; } /* Cards */ .about-card, .feature-card, .faction-card, .news-card, .stat-card, .discord-card, .faq-card{ animation:glow 6s infinite; } /* Hover */ .about-card:hover, .feature-card:hover, .news-card:hover, .stat-card:hover, .faq-card:hover, .discord-card:hover{ transform:translateY(-10px) scale(1.02); } /* Hero Buttons */ .hero-buttons a{ transition:.35s; } .hero-buttons a:hover{ transform:translateY(-5px); } /* Logo */ .logo img{ transition:.5s; } .logo:hover img{ transform:rotate(360deg); } /* Footer */ .footer{ position:relative; overflow:hidden; } .footer::before{ content:""; position:absolute; left:-250px; bottom:-250px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle, rgba(30,167,255,.18), transparent 70%); filter:blur(40px); } /* Discord */ .discord-card::after{ content:""; position:absolute; right:-80px; bottom:-80px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(255,95,162,.30),rgba(124,58,237,.18) 60%,transparent 75%); filter:blur(45px); } /* Gallery */ .gallery-grid img:hover{ filter:brightness(1.15); } /* News */ .news-card:hover h3{ color:var(--primary); } /* Statistics */ .stat-card h2{ text-shadow: 0 0 20px rgba(30,167,255,.35); } /* Buttons */ .login-btn, .play{ animation:pulse 3s infinite; } /* Performance */ img{ user-select:none; -webkit-user-drag:none; } *{ -webkit-tap-highlight-color:transparent; } /*========================== PRELOADER ==========================*/ #preloader{ position:fixed; top:0; left:0; width:100%; height:100%; background:var(--background); display:flex; justify-content:center; align-items:center; z-index:999999; transition:.8s; } .preloader-box{ text-align:center; position:relative; } .logo-loader{ position:relative; width:280px; height:280px; margin:0 auto; animation:floatLogo 2s ease-in-out infinite; filter:drop-shadow(0 0 35px rgba(30,167,255,.5)); } .logo-base, .logo-shine{ position:absolute; inset:0; width:100%; height:100%; } .logo-base{ object-fit:contain; opacity:.15; filter:grayscale(1) brightness(1.1); } .logo-shine{ -webkit-mask-image:url('data:image/png;base64,UklGRjwmAABXRUJQVlA4TC8mAAAvXUFXEFUHI7dtIzn/f3dRWe0sx4hQ4LaNMt4x9O4R+W4el27ljJu79drKZuom66rabpvx7lMWlUDarbiLwSlXPS2i126Dkdfb5FVjEg1cTKHhRw1HtpbuSXrAhOFPCCxsWTBUP7wAsWutYvnB/EMO3ez/V0vKPbN6cHd3d3d3d3d3d5fI3d3d3d3d3d1tZlZGgjtz75xz5fmjMyGeE9OE5xSgMRmRTgunByTXdJsY0om3BbQOIh4qoJytAPnVgJVAB1AEz9DBlkFEBy4Zz2Ye0oJTww9S2vAeyKlgCyCjAIu2BJwG1go5TXyRaHuhD029ASJCQkogJiNcLWRDwh/SBQnCSDKz0n/FwiOQtPH9O39yBAEgIMe2bV+syjaqpLdt2/YfVOYDZm/bTtY7NwF6rv1bbklu3vfd+5w6dQq6mKGZuaaZ1cw108zM3cMMomaqHjUNNNMwNvPwNDN39XQXNXcxk+icU3X2e85+9sn0pPoAzMwMEX4AlnowFUWMUYd6xIy91hbFWmcp4xIzVCjWXoqYmSFjTaiIWWqtEjNDqIhZf0HGeMQKuUIxRNRSzHAMETPXNzC9ufNZawuyCY0RM9t/M0ZUk5vZHoxMbUFFZjv1WmVmHPoEZjqRmb3XLHNIx/SYndLfzCQY+gpmEsUtzMyQTWRml5khYj6eXH7NEQ5sQ7b9BbweM0aiOMICtu3n127/t3nLts3ZjLNRs41mu9m2kXEsY3Zu++Va5s/4fn9ffe53AmKi/R/t/2j/7/qtRqKDZLWVjMzqGeogTWkZvU/icr5x2v8SsjSd7RzZ0VtDPyFL9jp/9Y5s0zSdBCze9pCqqu2n6hYJWbk9yoiLK3MvTVZYETZL1dUmI2Yajra6CjPb/5/aWECSLiK9unIa77uwLjbiO3gcQIm6MgxmzauDKtihyBhqJVj9mMlSsRz2q864SeuTYKUbTpx+0tgQpYUi0Zp5gpVuPEE2VcQa2F6VNlQmVOlm4+RRDewf86oi12q9Eqp0qwk/EewDJfg2n2tGCVW6w8Q/EBfBFx+2RPdMoJK6xxQFiMtg35hZ4phuJUxZjiHTlxOuhd1jNbal44kJUz5n0B4bkMpi5yhLiqQcImEqxblo4U6kShgbrztiueaWMKX1jYhcSo7oHwcrYUaJHiwTpDT9HOcPQCHWwqSYB0tq0233JUjdbqvPK3KIOA12hQpCtrtpCVKaS+dZtQVA2C12hGqk83TNMCFKaiNHLBVAOBeGQ1UMW67ZJ0T59DmTNgEizovmce7wfHEwSEVp/cL2LyAHJFoCDeCS2QgkZoatoDSzHI/WYohOBmqlo6bk8NWJ6qxOq57kD+3sQ00hyuqoMrk9kHjpnHhfPWk9HWHbrSJSSm2AqpNxQNVx4VX1pA8I37WwlJRSarNL9ZchwM1y9SnlZOt2HbzdOJotjuqTgUGd88BBlXIqagSPWy6i2fy4o3dQf+WtRqty0gyyHF5DZauoW13u6Bo0Uu27o9ZfNWk6ms8IObUIUJStL9UkHYGm4o/GYNWk62beuIJURf9zFUlboNnLv4AyWjFZesA2PjxvTJUlrYMXIJCoTLLVkmbSzrkyFMZUedIqrCUJJXmbrpaaZ1syX5NNMWx+qTRpDbR0CSV9m6aUfOnHTpxfk9TDJpcKLm3CKpT0mRqjkKXTfRtJVTlCFT1lLzPpFLxULZS0TFJI0mk95OPyjFAxEi2DUpKewEvWgkmfsQrJaTbg9Q3pmqineY/ikn7BixJIUhuqjKRhPfTt8jSpekScCMkwHPiBxAxQRVak545iKzC2qleqjWeSYjrwbPwIoEsRJbc8aaYvNXkB9YR2eygOS4In57NGkxKSTqM+t6zQUJ2QqnesjHpRDjYERuOFRoUKSik4ZKq4ipQQ9XUhFaBW3MZ9c+cK9WNF2gx/oERTHYKI9QPXUAzahsUdcCm96vFlsG6F+fNwP5iwRCVMCCcmAWBv16yEHb13TtehIveVvyOB/FaU+PtBswUhapA2t8uEG6n3ymLZy7SpH65eV5slAFFSEgXQMr62WEubOZQnzFqOXhmN2/IbatkMT1cWVaNqEVSxvjccvT9UA+y12WHn4UkrpbmmqxkbVk7HcPcI7/R+6f11+jz77LM/Ha/TQ6dTp12nTadFp1mnUadBp16nVqdGp1qnSqdSp1ynTKdUpyQ5Ja/pFP+pU5QmTTEURVgsxcVTXgo1bXr0PHaQOWNumOLy3Cmrl1eT1+LBFkCxRqPAgbEBuJOPj+qxyZA24F8YAyOnt7yu59ODPdreu13+2GP5Ak1LdBxAsr6iorqKJpD/EQbyL0OGDEH8/Wu//QL5Hczvj4L5tcceQfy4LIjvTwTxLYivBx4YxJdgvjwczGfnh1PzLTU/U/OnLl2XO2lyMkS5GsRGaBvpsQCwutD1ecsTkz6tv2GbfnwrG/u+s6PcWSuXkJTVVuMbCAREREAXAuwqnJXrUXy8CLSKh4EVVZlDuKdtF70izD3brK6Ojx4/i2hlWUW2LkFCQiRFRISIBIiIIIzujBnD6XbOmDFjTueMLgNiUhDbgIGhUR1iktJ/4VnJZIdlpgmdHdlO2ux1JdS/7w2VOXPmzJlTPBTXw5cNw6zAikLXV1I8qZBhkT2w2zPjfl28qyIHYAOaxJPF9PDeQingwuLIQO4xS71/mG+RnRO8X6m7Ok9EhEQqfiekI/aM4EUFAiPlHMJTko+deVK/d+esK88KJOUWCXG/yIQM2A9gVTrPFp9nJD9WzukjxCzdXU0AAYjuAeGAPz7YI44Ik1Q6PLgnbOuGuWdsM3FlaQMiIkXKPYK9EO44HBcqygpd3tT6ekIamQVGjF5e/JOJSLlRfG+9INgBXkzsoSMiSHo+RZPQ2ShH5uTtmwYEoRuB0Ix4x6NPCVGB9BH/sbinKw2zdrfuXlSFB4hPJVs8TGsIdoLXFfPLM8y3PB1H7yyTxs5+QQHAPkYEtgVvs90BLrXf9Ffnnq00LLs+vli7DYAIX0JEYq/ICO8fagGzKyIXWZ5NSkujd5xZlrGV2xUoVkUr8ObD8rCrkD4yNFPu0Z5ye+v3XvOTBbgfEF/73xy96e8RYs/SiIWWJ2M5nfq7sZrcJiI3Q0rB2/aPpODGZwDrCkVidRPuwaZEjt1u9oYMgHK7RKoKtoOje1vHKgB74mZHsOXBbFJw5R6rawg2ALmhwInjLby58fHAXoktcOW3cY9Vvmj3F1aWk1KkfCwRigOeJM4k6Uxmhg1HHK5I9+Yeq8zoNVbCC4Jyx0gH3CkaJjX8fwcEMa0kcpnW02PxZRlb7Ot7FOh+iAhb7BgNg0f/YLcPUJxr/c4pc081Jf+svVfUJETkfkBAWYyBZt6mI+FtBWxE+v/u8JKeit6njRWLtAaEe4K1sTUkJR39g5UHiBbb/OcI9XEP9VE73bGKBIQbIkJ7EbSPYHDzQ7YQ4oAn0R6xQuvDPVRDr7tDJZSClBsG4Z8GuRAMZsG3PSBCYFpp5m3NuYeq6/d2fB21cE+BhxkZDZOCv3pPsAECu5XnOPTbuIfqMCh6upQKkZR7JSIk+/k7g9eb1BVuCQT4Z5XlO/GxuIs1nUTJaLpu0VPrqQOo3C0hihcrhvwIBs9kTKwLgeCftivXwc24q7VehoNuymZpPe1dR2ULcEONPl4faJjkbRUz4oiAUJlM1px1k6bPXe7LPrGzXcfxx1I621BCDqSiR4RejxAB/PcwKFqCgeDmV3XjSAAbCtsWpZ+bxl0vI0bvtqTwtLv9L19bc4p3C1TuBRHEh/3b2eD1ejvGBz2ijQSrcX1nOoaHuBl124m+nnESmmx/S+Yfu0S9APeBaKAa5sMvywqvN5gT42F9AADa8yvbvfmnJTelptfPy2tqgoN/+FtZPOcqOLw6mf8rt8ECATbADOgGbxHU4W32NovCRgC445Osyr5C1+MmTSwYtT4zP+9KYYTtX33siRJuFb6DW2lx3EO2hXcMJgXP5GvOj0YACPay2r4SwgaFuFlDYYv3L/2sWy5f7FdpZHTA3u0IEecUL0VESikiIqSoCC+2OH5WlziTYGpq8FJGwiLwAyKKzYgOysNyWe6g2I4xrWWMmLJWrKbMtyLEUFbNzFyf74yM4kWIqF6UUkSEWAcCQYgKWA5T4D+3jqapqd6mzf7TeKQ4EYCI8Alna62VUwF0po0xsdTcRv1Sm9gn/s2wY6gsPvPyID9n9F6EUQFarIPj7gG3MQTaxNGDSanB1Ka3MAZZgFQmACAEfpe9dXX/JGzkjTHm1u27SPyH9rp0a9tCzBRmMlFSauKcMSPcE5MSRkuIwm50+y/2yTb9AF/7ACiOG/+NX/sDHG/TTY93vOMd72HWwspYGpf2V8fFMPgFnyozvN6g1xtMTd28TTIy2TspS4gAUWBlYe+dPT0JG9OYm1z+6QJP16YApiozXFnp2fo/WJnhjDnFYxEEBK53NewRO8Tg6Bs94Yu2jXeRBwc96pm8RbNmZ9LkqNE3yYS32HzzoycFg6mpwdRgsGkOdIQhyRRkUbKljaiUEIGSzC6ru7kWMaqx5OYLv7iYBLEC1+HhZDayWg5eoQ2QUTxXlMLTbx9f85v9saapwdQYNaRG/SAfJDXqB/kgqampwVSvE82y48t2h6s6MbI3shrZUgAgIioqLywkHjOrtUinZ6Lk5pealXF4L20AsOsKw0MyUYT9zJ+eF3KKuwCMAxHRe1sBu8bAKIymwdRgMJgabJgZ3+UWtoJ/s8V73XirKIqv2Rf6xBa9I/ottji9jT/GDXy2veKWfuPrtgCllKIo8L+XlI+d39mZyMDNfDxOSs1C3ziB6KQJ0R9u48BxWEjrO0hUZRbRI4iynvPLQx00mBoMepOO+qO+0+ecGfd/3BJ42zNoEbBtIeyAP9qAv5HfHxCAAhARKTrxv5dVTVnW8/WWwnTrZMnjqPz/+vKtf3tDRWLC4lfSdNhHFpiwcjsgismISNGLzYyNX8PrTU0NNukWO8Ce8RtvH5AQCZGISClFSNEjEiEiISIhIdHh12X/wZg5HR3OGHKUZMnjrh2nMWug3G+vCErTeXc2Zh+H4WTvDq/MDyBe7kHff1LQGwwWxFXNgoM3IuVSQkAUgIjoX4tfUL7zytGyOruUbcGzHlrT4XHbdlAXwLIus6uxiqDBqJ9+qMU6ssjqshSq72A6+7gX9U+TvKneg278A9aHABQYE1F0RBQNESECCP8GZFlmbmWxxjE+9/Ki0KFM4c7BunnjkORx3nZQH8DatrIqaxUB7FeeYU1z1gl3mEcEqGITQBQRCoJHuuk/5vUGve3giT+NTfVrH28lYWluUWYR7f7p/dFpF78ovRj9Iz/0/qn9aPahmkcxW9dUjSf5d1tfB0zr9F6rh3OvjpziGKY7PXZiSPL40T5FY23hjI0oIsL/3U2y7mKxzd8a8mItAcFUCPbDbBf3lxoMNnyoC30xIBU9IgSOuKYwj3bcrkELO4jOcz79JudsY7w+XBvyFfSh+rDHPe/zPqw2WAv40ZrHw+o2p7lJYsiSksentkadxsbc6adLSimcps0ZofVlGpl9+FdFQFPREf9de0gKBjf/BS9dFULUg12K7JneeutzZb1oLNIHHy3RJyV3g/Y1n2dNXkUWhcpwbb7cVLKM3n9nr21SFCtRDKaDv/OGqd6kTvHvjqiUIiJEJHsNMh01YHWe58ZKbaBuFJLcbdq/HZYxeUmJimJvv0ablcgwsmBgGbmtzAyryIf2pnoLYCK8bgBUVADxmguywzbkeulY4nBJk9y9xmlsCMvdjzwaWIzKeF2zlOyi644XXYcIUx2wGO4vGGx4Xx9W2CK6wF8ZX7GVr+n2an5af8ndbpzGZse3hRREUSqTHgq1CVovZpGFAktLVKwDcIMQ4Xh/u1lS0hM9xhGVUooQwb+MsI2uVhMd4ZptiLtjB5UONhm/FlBGQ7grmePwaUpWedQdPK9LzIOEv3GLJG/Sy16DTdGA/+vvpLvgG2Pqrfu4e45zsNnIj0aRKsHlzTGGh1gl18jlW8kkpBThVTxUUvDon31NCEQiIvhkk6jaTnfO2czibtp2UK2xzVG4kCoGe5Amx4ZDM0ry0Jfe1AVuEoFYCl80ydvsic8AlSJCaDQ3231xug26pcXdtp1DY1dY6b7V0SiFu9c4nmmOkk0inBesANMgfPMP3TTp/v6qXwilFMGaZIzuLNd/aIi7cTuHg70RosU0Ma0t5C/RwlKYxOpmQyXGNAgv97JJ3nyYAwIRicielyvy2zHvt3G3bl+jcThj5dJUTGIwsX5EM2QSw3DqXNs0tB7+zdGbtorvJoRShHQG4ytzP9K9fNzNHatxJkfN6rSKAfbAhKdqXhaL5BtbQgqoTPqab+MNftkj1ELAjlKCDN+Sfudmkvu6Q+kPCjSvz8ZAYm1SuEabk8IgoWHPvFtSLgQQmd3oBpK8eXBmNilCEt+kF5Extzl3+1Jz1p+00VmZVzESDCEzjp8ygzgt5ikmZZZzbhjMjHO2hVKEYlmhy3xHYIgzgOapv+1a/KYxEOEMTFj6TVjMIVudXI5CUxDR/vBxvEd/Eb8QRATvtIt8fYyPM6Cl+RtJg0hqk3pQqwu5avT5ycyRMur15yVTgDjeXSYlXVVlkFKIYjnSdbE+zseZQBump29TTjEopRr1JNWjNEPmCLOYoxjQHIEbaOr9ouvAH82qpKeyJ/dxJgxpgcaXYsp6gvG0xjvNXTKGLByynsos8+KowddYBGgjEX7vvuscM1M4Gyb/QqNsbrqecH9Cpkptio8xQkOeOTyR6wC53r+c1HRSgFKEWAmjd4etTeOM2FxblaH2G6t6es2Oxdr2RMYwjKf7iIhmgF0iHYJ9YEuM4t+5JuO58+Ss+Nv0XQXbNiEKVwBG1Gh3PhZjZAxYtoNImQCO96G997cYbFQKYQG+YJJux5nxNPULRaSBxF1C2AWrfzA8JFPIdpc+oXJxNGBPjiTvF/AjKUXfv4dyfZTFDFKz018Mp8jvEsEiQni9Ns1iiuShb7yhKXB9dIhgGzg4RDngtuURW5I5O2g+evZENLmG65H8Ym1LMlM4THb9HV0VFeGcjx6cALZSBDA3nytGs+Ls6DukUbwAS+K6v2uNcem3MUWk71KtZIote4D3Fh4Gohyv91p9ksUQKVp41obivDs0OqunNGEJWXD2uhSagODS3iJ4rbZQisTkdMSpTThDNtf2tC/5LgTX1Gy8UaL7S4awut1fUzCDsL9A8OrflwClqAzpIP+uJUt8LOPWUGrB7qxCIlr0UIshEkd7RTAOtDVqxundQyApBeNrnNuTOUtqtkbyFAy49ZoFZPqKEEPc+i5/EhsVJuGXsCPVZb5QgjnmPEIkLE1a/3YozpLS8EtXsBSPLG4GeqbuIZEhnG4LNcGocAlz4bnwJCTpeydZaAK/KqVQPGLYthSmsPTJrTSWI8ptsS1Gu3dohmhpUnElYNy32x31z5QQ9rJIKTiDIoW6K2fKZH1HUSnUH0zB/RrNnB1kG8vKsRDjHlwmKWemspCdlCKYj0l3PJktDu24XYzCWJhPMH5/fnawej32vKYYJyllprVwhFMtDN2oD+dseT3psxbnqP5wBRJReZOSGZJHe4tmCE263JQ+M3IgKKWS8kcfmi3kJbRTfjCsL8JSyNKijWUHTXeCb2SYcFgSmNSVVDBZJAEU4V41zhUWW/j0paOJof4Uvm0+8V+xmOF2Z64yAcIuax0VJXVPtjycYOhqw5OzZfOwc7PTALFwBq3LtHnsoLss3IHGcegxY1J20uUkVQCI1ietxui6jPGnC2aW5gXWHzXqTKFFsEP40BUVyngOuQydlJmMPAkLIgT7YtLv8bGF1IMGbRAUCxzoTaUt9zFD9pB1aDOEJD0mFWzmn3zrNJFED5FskeLcN7MaiOoLJAZWaavZobUFT+i6sCKkJkVo7l81m/UCi4Ao+kdz4WypmxaML8OrWIGh1dpadmhn9Xt0ncTuuKm9r4mfHWpCCxF6b+2nnCdjOEeOVAMqNgHDabQNIVaQXe2tRlwXVhNSbLappq+Ln5Q1CSJUnM92KZktfBG79qWJrZE1DNHnuVrEdRK/zqaKvkEnVmiNCOyTSbfZxxaGSTepVQSKpdE02jofK1hFbwoThLxZcVNp35gTThDBWZWOGZIppHPc1K0CY4Xxip6EHQa8b5vg/8U3lfdNOaF4ERy/4945UyYWOHsUiB3A6GptmcUMgzw0wZP55ttcOvskpCZBhLbZ+EpscVbbLSUVqwCMptIWscNgD8EE8XNvquy7mdKJ4JAVn58pfJmWlKBiSYAjK7RZ7DD4A+E6yTdnuGexCUME+ynSbJjCMBsl3VaxBcPInlGyghz4lgkSYudZqupb7l+sUy+//j9LWJnnLi0VsWYPKtYnsEP/l2zXPRm7yKbqvhUmnCAC3f+4XZb4n8Mn1SAYe0U7tKHaf8zQ09Gf7DqJXW65Z8V/BBHo5odhzhBW9lnLS5Bizd9t010zAy+ytapghrU3by8/4QQR6P7n/2eIWx8zqTZRUc4H7KD6L7JD28sr8iaI33Lz++ITSicCvf5uwg6+VsKLyyj26PYLF706O+SfsxHruifzbR9umf+HIAL9lmh27OCwmfRDAxfwi+X+dJ7skGV8CQ0ZJvHBS2N9M/+LTRDBoSo1F2YIdRa5PhVwAR4hQ1JjdnD6LCIxQbpUm3Z+JpsQRHAbDbovM0T6zF4ubBfQkoLjbjI7NJm9QRkP6uXYi53G7jhvVmg88u2avHIlzcXph33scOjJCkzA/NLLLCI4jcwIkmxgtTGnlAxdwpNrtaWSHZJHSiYYR3OiZxBEYF4qLIIR0jvs6bcfXPME98/Z0erlQgPjiA7+zhsppXBFtqW9PiYwBnTNiWCiFhuB/P02ak4MITvcXIk3Q1UMhQogpbAsaeV+GgvoPbtcugk/2Rh5vd3882QInm9WGS2bAO7knKLY3Wd/LAaQ+YcvVk0ADLkhe0IyS0QOWkrCMEohTIufSkoRbEP0+RkgwnbarJqExOAFiTmjLJYwLGcTERuHtzQ9UCnEWcTGOPdn6G7nThVOGIXRCOiLOEs23lGGcUR0vZ8TSBEuz2TeaLm7lL4iK1CkjAWoS77og5ki1O+N/2AcBp7r9qNUJh0+TXNzVpuz15T4lYuZX6+bh02YQra54S02juCfFQcREY5cernuTbYyZsk6YbsK2Ih4OVxpzhQ80+jFJC5TStVBaewLApWivSvCQt2azOk3f8EbKpcT7pdPd8pii8833R8ziAPOgQCSUusJhc/43JjM6raHDw3IdYhTqfWZnC2bjxQtXEVEiD91U1CKAsP+fHX3JTM6T5vxbkGZQAzVoHkwhtX5wf9tAqKv/dtBKQVzKv6ydFsZ7KdIqcErM+Lbtpun6TOGzBK0rMIU/n9mkyK4zFZvJburTHbTvKshkDn2x2eK8jEG/6TTlSJQLAGIDJfF65JSILZbo3u4J5nZefrU2gKZA8aTO6Zw1jzOsC+FKV5zBZAihBWZDDtDvkjm8tlNzq0qkx6xxz+6A3NYbW08CpoA7BVhKwXgH+LXv/RBVoGhs3+7VTDLKeZ83Jw5eIT/gq2xFjEAEdBWeF1ApXBxKtPakNvxtR+4v9I3VOYkAbvUOCMke+gGO8oCdB0zbSpQKQoM9e1fuhu9VxeLVm0UZBIEf9HaH8rZ09fpocs0AYBGjUgpFEtSWTaH3MujDrRnPaltGsLVSf43mzAIjxy5iNg1kUMLVIpEo7F+O5zcSjqLHd6uSKMyLcKxnUssFnmjnb0HU1DAVooA1mBaO5nmPnSdXP4zpVfnbDAP+fur+nWcRX2dHSzHEdQHXIKziCgMUFQxVXN4kHQXep/O5uxf1AAATbQKyfkojUl4xOD5WgDIJUQBRIiEIKUUXGa/qdfmJsJNhjxaRmwLZWacVGnMkmyi6Y4Y/9/RDIoCQEohLEUV3JvoDnx5AnadUpWxAU21Zdffr42zqSy8/M2FciGzREoWRBThLC0Rk634z6HX+9qV6g+viJSJCRZiMx7wMQp3OE/3F8zBxOJcnYxY6PCV8ZyvabHoCjSSMjXYP1KjPpCzamLPl0+bzADmiMQ6fJfxulX85jDoc/1SNQ0CpqM1hMJPj8MsPOOYhdrqCRG6BMDJRYBlta1fNAzisVD+wZNFl1ODImVyWMWkjumSXR57mJgGpkIQc8pz7N8kvrJ/74A7l687NYHK9Hil08z/ydlV5pq3opIw1gBA3CG0Z+zOtDktfgogsyYm7Cm7qhYQyXTAuPxNt8ZiGH5tO/kkICZzisDO2yNWJ8ZDaUujc3DOb8Y3UnGR6ID6uf1SnGV9hdeXYcxFiIEp2j9OWnxjJ6OsY9atxsubSMVJpikJ6Cz3MQ037McvFqYSAO1pOzNF6vrxy830tmTfBTU5JBU3oTJ6KdDsOdv6CkduyJlLhCAwn7RQ1L+Q8YdjQLfT5sypRgtEFVf2ok0f6WMcfgHjlZHZEMWi6s10dyt+kGH9iwTOmlxBCQhAcaVFj4W6HWddX6EdpRgAUykiwhLMANlhE5PjARk2oJOJM0aXlyMpUnEUAfesDd/kYx5+uTvNt02mFCFVEiaqzL7iseOaDNPrImTmmI1kNqKKuwiv2dlX3Yyzr5V33Yoa0ylC4d+/tLubL+OLS3YxFPY6Z/bUqmohECBOTaFyLJQMxI82fMbHRSRzRcX3OklRgZWHkHHljLJo7pTF83OrOg2k4jiUJG0kPzZnYSvzzHm6AdF8BIGVFMNGZ5nQXMYBOyl5tw7BqTV4mpKwBXEvsL12Z6BkIn6ePTz9OUD1B8AgYeb9F+Dt08UxINFk0tG7oOuIG+fNKi+tKyAh2LOIaD9crmvNORvL8FGTVdsYByIMJDoPLwa+lNFP6ytNI/9Wduv+F8z0tFR9LZZUfEiwZZ9lujdn5bRCh5anKa5YVjV+kcYx7+cbfy+WGeQ5Z7PZ6rwZH69VVUPbAEQ8IaZUpduo9WQmbjgMnPtxEan+ABgHIXrDDeSzfOx7RwbPxpZrrI/Qmv/wG/cYu0FDHZaiVXGfAPC3tpqgmXJ2tiLCZmyz40iEJO69dPdM7wc71MYkw+rZrFiRKemM2x846LJdPVilpJLiVoWKPwnggIM3GGMlQ/FHLXRmORpUXBJCnEdFzYr1u0obLaqb8FbGRDo7zA3dxJSQz+cL6b2N/g6jjDatBXQXOvS6Sa/Ok1mm9m5q8QACMB5RZE9DRe5O5EytO/adtZEAgPUjZialFNEp1WXLKdZsXaxqj592mVTs9cRPJ3ww4f1JH07+bPq4+T6u8Pfcy8tqa0+aPxlCKlpS8Sjh8kKB2FfnbP0NwkLGrvXHqZgJARAIEQkQkUjFy3S9W6t8HslYvHmWvbMrAhAfAGAAwgAzxCsT2ePLwtelcObWrNp5vTon4gGfCOLUs989T87eUh/cx88NCRuJ4kJ7eWfPWTwlbO5Y/wJIrENIW261wphgMRn/zOkjT0rqFzGxKorATjrDI5I5o/+0lq7uTcM+9oxUpkOfmbO6fKmCL/bFgEB2IUKxMJf9sWbC2V3eaNuZK3E2ywAsz7eeqttzlreMUUU+3yDL2FfeyQfdTTIdD+lju/68Fi8CxCQAojQ5kR9XKTnjp7xDjz/uzGYSQrEe6SffGGFx5k80Qnv+UZJHIn+DFOFbDlwaPs7iHmDyW/f4fVXOFgD8CgQ86hCiJ/dxjzDlz3X+ZQXW9jdAnMlQImeQj3uIKdfZbvriDBMD/gIRwZkMVOqYYHGPMeTwb+PVnPxPAQLgJyBAGaHor7BRFvcg7z4u7/29qWqDHUisKfT22TnY4h7l3c2yRU0nrg5gAgIUy/FdpOo+Fvcw5cfKsHWchqoEWQAbBeahW3u6qeSepzYgfP6oxWUFFqAWU0paOqAbco80xRjWXfLqjG0RfBny59+IjF4XEZ7MPVRLcyp8ae/SrES+TPIvSbibD47RPu6xyqNl3NgnDx4iwDcBQNZx+Vkup3Uni3uyWr/EDGuES0vyzyL2RUxkfdMlD4tl9uXcw/V9sgJHp2n6Ln53RMK/oHorcR8jhXu88peHTxkwezWtjYjoThAQ1xd2XJt582lK7gn7nqrQselaqxAbwK0Ie2FqK7GOoSHuKTd+gP5TltDY6E5oHbKtmkwb30hyz9l3ubl2jF22Lo8A7gABocVuFR08+wwh7lmnhfl2dH73rf/Udgcg7MWYot/Sh39UyT1t+dvST+jn5X5lDRS8nrjybVbnOHQBFvfEpaYXETJI4tLqvJQf3gpskfXFBF0Fbn2JFO6py0NHTBn63dIaP8ZbIN5yUmlrb4wxidyTlx81YsbgqUuoBREpRfEJKSKF65Ni8lYSjLDfxj19eZ7pQwaKmU/8XRABMB5BEP7VhZPsajXeOfONJE8AlL88cnyP92dpXI8TSPHJe9svO1pD3sdGyE+weAKh/MxO37b2bPvrosrvAohIRHGJwQgg3nF6dc9FmU/pow4teUJi6H9mmtL9nSmqimv9NpKKU5w38JoLMaM1t5wYtkZzT5M8oVEmP0TOiH6ip2koztpIcch6fUGiO5S0/yni6P85hI8nTMq0p8+ytOfnk9YszbQQgMTMZmFmcs6/BbL1xLdquKtzVAtrkiJ5AqbU++h2Gaa3eWnkH7N2r8r7oTaIyBxAIMSWSwpTarbWUCgn3SljygWk2THKU6Zoxs6B2VZ1+mDU39N2LceWJUiKlKJoiCi2Gq1F9slNJB+4pq3cDJcdy/Uh/z/R4gmlMvk0Df9XKHSk27gx/k7euQD9H9cnAUBARBCAQAgCowKSqIiki9k9PXb3wBUdZuV8HL5Nn6p5/rREiye0Sivtpzk8HWER6/Od6PRhbxmjFI/zb/KuWZRz04uxq3Br8qX40nwpoaRQQjjb1fkl+XnZ2eivO6Fku81bFXWV3dbbrLfD9hnz9RF/8TwTfZIn3ErpS/vlhumhtEHfSw/Tpmszf6E+V5uvLdQW6YvehR6uhRsz9fHfwnBq8tjJPslPwf/R/o/2f7T/ox8NAA=='); mask-image:url('data:image/png;base64,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'); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-position:center; mask-position:center; background:radial-gradient(circle, #ffffff 0%, #ffffff 15%, rgba(120,180,255,.95) 40%, rgba(30,167,255,.5) 60%, transparent 75%); background-repeat:no-repeat; background-size:90% 90%; animation:glintSweep 2s ease-in-out infinite; } @keyframes glintSweep{ 0%{background-position:-60% -60%;opacity:0;} 15%{opacity:1;} 50%{background-position:160% 160%;opacity:1;} 65%{opacity:0;} 100%{background-position:160% 160%;opacity:0;} } .preloader-box h2{ margin-top:35px; font-size:30px; font-weight:700; } .preloader-box p{ margin-top:10px; color:#9d9d9d; letter-spacing:2px; } @keyframes spin{ 100%{ transform:rotate(360deg); } } @keyframes floatLogo{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } 100%{ transform:translateY(0); } } /* ========================= */ /* BACK TO TOP BUTTON */ /* ========================= */ .back-top{ position:fixed; bottom:30px; right:30px; width:48px; height:48px; border-radius:50%; border:none; background:#1ea7ff; color:#fff; font-size:20px; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transform:translateY(15px); transition:.3s; z-index:998; box-shadow:0 10px 25px rgba(30,167,255,.45); } .back-top.active{ opacity:1; visibility:visible; transform:translateY(0); } .back-top:hover{ background:#0d8ee0; } @media(max-width:700px){ .back-top{ bottom:20px; right:20px; width:42px; height:42px; } } /* ====================================================== SHARED ICON UTILITY (added for SVG icon replacements) ====================================================== */ .dc-icon{ display:inline-flex; align-items:center; justify-content:center; width:1em; height:1em; line-height:0; vertical-align:-0.15em; } .dc-icon svg{ width:100%; height:100%; display:block; } .article-category{ display:inline-block; padding:8px 18px; border-radius:40px; background:#1ea7ff22; color:var(--primary); font-size:13px; font-weight:600; } /* ====================================================== THEME / LANGUAGE TOGGLE BUTTONS Reused in the public navbar, dashboard and admin topbars. ====================================================== */ .utility-toggles{ display:flex; align-items:center; gap:8px; } /* ========================= */ .nav-online-badge{ display:flex; align-items:center; gap:8px; padding:9px 16px; border-radius:50px; background:rgba(34,197,94,.10); border:1px solid rgba(34,197,94,.30); color:#c8f5d8; font-size:13px; font-weight:600; white-space:nowrap; } .nav-online-badge .dot{ width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 8px #22c55e; animation:navDotPulse 1.8s infinite; flex-shrink:0; } @keyframes navDotPulse{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.55; transform:scale(.8); } } /* ========================= */ .nav-cta{ display:flex; align-items:center; gap:12px; } .nav-play-btn{ display:inline-flex; align-items:center; gap:8px; padding:12px 24px; border-radius:50px; background:#fff; color:#0a0a0a; font-weight:700; font-size:14px; letter-spacing:.3px; transition:.3s; } .nav-play-btn svg{ width:14px; height:14px; } .nav-play-btn:hover{ transform:translateY(-3px); box-shadow:0 8px 25px rgba(255,255,255,.25); } .theme-toggle-btn, .lang-toggle-btn{ width:38px; height:38px; border-radius:50%; border:1px solid var(--border); background:var(--card); color:var(--text); display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:16px; transition:.2s; } .theme-toggle-btn:hover, .lang-toggle-btn:hover{ border-color:var(--primary); color:var(--primary); transform:translateY(-2px); } .lang-toggle-btn{ width:auto; padding:0 14px; font-size:12.5px; font-weight:700; letter-spacing:.5px; gap:6px; } .lang-toggle-btn .dc-icon{ width:15px; height:15px; } /* ====================================================== COUNTDOWN / LAUNCH TIMER WIDGET ====================================================== */ .countdown-banner{ padding:60px 120px; text-align:center; } .countdown-banner .section-title{ margin-bottom:10px; } .countdown-grid{ display:flex; justify-content:center; gap:22px; margin-top:40px; flex-wrap:wrap; } .countdown-unit{ background:var(--card); border:1px solid var(--border); border-radius:18px; padding:24px 30px; min-width:110px; backdrop-filter:blur(16px); } .countdown-unit strong{ display:block; font-size:40px; font-weight:700; color:var(--primary-light); line-height:1; margin-bottom:10px; } .countdown-unit span{ font-size:12.5px; color:var(--text2); text-transform:uppercase; letter-spacing:1px; } .countdown-live-note{ margin-top:22px; color:var(--text2); font-size:14px; } /* ====================================================== TEAM SECTION ====================================================== */ .team-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:30px; margin-top:60px; } .team-card{ background:var(--card); border:1px solid var(--border); border-radius:20px; padding:32px 24px; text-align:center; backdrop-filter:blur(16px); transition:.3s; } .team-card:hover{ transform:translateY(-8px); border-color:var(--primary); box-shadow:0 0 35px rgba(30,167,255,.16); } .team-avatar{ width:96px; height:96px; border-radius:50%; object-fit:cover; margin:0 auto 18px; border:2px solid var(--primary); display:block; background:var(--background2); } .team-avatar-fallback{ width:96px; height:96px; border-radius:50%; margin:0 auto 18px; background:linear-gradient(135deg, var(--primary), var(--primary-light)); display:flex; align-items:center; justify-content:center; font-size:32px; font-weight:700; color:#04121e; } .team-card h3{ font-size:18px; margin-bottom:6px; } .team-card .team-role{ display:inline-block; color:var(--primary-light); font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin-bottom:12px; } .team-card p{ color:var(--text2); font-size:13.5px; line-height:1.6; } @media(max-width:700px){ .countdown-banner{ padding:50px 20px; } .countdown-unit{ min-width:80px; padding:18px 16px; } .countdown-unit strong{ font-size:28px; } } /* ====================================================== FACTION DETAIL MODAL ====================================================== */ .site-modal-overlay{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.65); backdrop-filter:blur(4px); z-index:500; align-items:center; justify-content:center; padding:20px; } .site-modal-overlay.show{ display:flex; } .site-modal-card{ position:relative; width:100%; max-width:560px; max-height:85vh; overflow-y:auto; background:var(--background2); border:1px solid var(--border); border-radius:18px; padding:32px; box-shadow:var(--shadow); } .site-modal-close{ position:absolute; top:16px; right:20px; background:none; border:none; color:var(--text2); font-size:26px; cursor:pointer; line-height:1; } .site-modal-close:hover{ color:var(--text); } .faction-modal-header{ display:flex; align-items:center; gap:16px; margin-bottom:18px; } .faction-modal-header img{ width:56px; height:56px; object-fit:contain; border-radius:12px; background:var(--glass); padding:8px; } .faction-modal-badge{ display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--primary-light); background:rgba(30,167,255,.14); padding:4px 10px; border-radius:20px; margin-bottom:6px; } .faction-modal-header h2{ font-size:20px; color:var(--text); } #factionModalBody{ color:var(--text2); font-size:14.5px; line-height:1.7; margin-bottom:18px; } .faction-modal-list{ list-style:none; display:flex; flex-direction:column; gap:10px; margin-bottom:26px; } .faction-modal-list li{ color:var(--text); font-size:13.5px; padding-left:20px; position:relative; line-height:1.5; } .faction-modal-list li::before{ content:""; position:absolute; left:0; top:7px; width:8px; height:8px; border-radius:50%; background:var(--primary); } .faction-modal-cta{ display:inline-block; background:var(--primary); color:#04121e; text-decoration:none; font-weight:600; font-size:14px; padding:12px 26px; border-radius:10px; transition:.2s; } .faction-modal-cta:hover{ background:var(--primary-light); } /* ====================================================== TOAST NOTIFICATIONS ====================================================== */ .toast-container{ position:fixed; bottom:28px; right:28px; z-index:600; display:flex; flex-direction:column; gap:10px; } .site-toast{ background:var(--background2); border:1px solid var(--border); color:var(--text); padding:14px 20px; border-radius:12px; font-size:13.5px; box-shadow:0 10px 30px rgba(0,0,0,.4); opacity:0; transform:translateY(10px); transition:opacity .3s, transform .3s; max-width:280px; } .site-toast.show{ opacity:1; transform:translateY(0); } .news-empty{ color:var(--text2); font-size:14px; grid-column:1 / -1; text-align:center; padding:20px 0; } @media(max-width:600px){ .toast-container{ left:20px; right:20px; bottom:20px; } .site-toast{ max-width:none; } } /* ====================================================== GET STARTED SECTION (download/setup guide) ====================================================== */ .get-started{ padding:100px 120px; } .get-started-grid{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-top:60px; } /* ---- Video guide box ---- */ .get-started-video{ position:relative; border-radius:22px; overflow:hidden; aspect-ratio:16/10; background:#000; border:1px solid var(--border); box-shadow:0 20px 50px rgba(0,0,0,.35); } .get-started-video video{ width:100%; height:100%; object-fit:cover; display:block; opacity:.75; } .get-started-video-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,.85) 100%); } .get-started-play-btn{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:78px; height:78px; border-radius:50%; background:rgba(255,255,255,.14); backdrop-filter:blur(6px); border:1.5px solid rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; color:#fff; cursor:pointer; transition:.25s; } .get-started-play-btn svg{ width:30px; height:30px; margin-left:4px; } .get-started-play-btn:hover{ background:var(--primary); border-color:var(--primary); transform:translate(-50%,-50%) scale(1.08); } .get-started-video-info{ position:absolute; left:20px; right:20px; bottom:18px; display:flex; align-items:center; gap:12px; } .get-started-video-info img{ width:38px; height:38px; border-radius:50%; background:var(--background2); padding:6px; flex-shrink:0; } .get-started-video-info strong{ display:block; color:#fff; font-size:14.5px; line-height:1.4; } .get-started-video-info span{ display:block; color:#c9c9c9; font-size:12px; margin-top:2px; } /* ---- Step cards ---- */ .get-started-steps{ display:flex; flex-direction:column; gap:20px; } .step-card{ position:relative; display:flex; align-items:center; gap:20px; background:var(--card); border:1px solid var(--border); border-radius:20px; padding:34px 28px 26px; transition:.3s; } .step-card:hover{ border-color:var(--primary); transform:translateY(-3px); } .step-text{ flex:1; order:2; } .step-text h3{ font-size:18px; color:var(--text); margin-bottom:8px; } .step-text p{ font-size:13.5px; color:var(--text2); line-height:1.7; } .step-icon{ order:3; flex-shrink:0; width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:#fff; } .step-icon svg{ width:24px; height:24px; } .step-icon-1{ background:linear-gradient(135deg,#6d5bf5,#4b3ff0); } .step-icon-2{ background:linear-gradient(135deg,#f14fb4,#d81f8c); } .step-icon-3{ background:linear-gradient(135deg,#1ed6d6,#0eb6c9); } .step-badge{ position:absolute; top:-13px; left:28px; order:1; padding:7px 16px; border-radius:20px; font-size:12.5px; font-weight:700; color:#fff; white-space:nowrap; } .step-badge-1{ background:linear-gradient(135deg,#6d5bf5,#4b3ff0); } .step-badge-2{ background:linear-gradient(135deg,#f14fb4,#d81f8c); } .step-badge-3{ background:linear-gradient(135deg,#1ed6d6,#0eb6c9); } .get-started-cta{ display:flex; gap:16px; margin-top:10px; } .get-started-cta a{ flex:1; text-align:center; padding:16px 20px; border-radius:14px; font-weight:600; font-size:14.5px; transition:.3s; } .get-started-cta a:first-child{ background:linear-gradient(90deg,#1ea7ff,#0e79ff); color:#04121e; box-shadow:0 0 25px rgba(30,167,255,.3); } .get-started-cta a:first-child:hover{ transform:translateY(-4px); box-shadow:0 0 35px rgba(30,167,255,.5); } .get-started-cta a:last-child{ background:var(--card); border:1px solid var(--border); color:var(--text); } .get-started-cta a:last-child:hover{ border-color:var(--primary); color:var(--primary); } @media(max-width:900px){ .get-started{ padding:70px 24px; } .get-started-grid{ grid-template-columns:1fr; gap:36px; } .get-started-cta{ flex-direction:column; } } /* ====================================================== COMMUNITY SECTION - SOCIAL PLATFORM ICONS ====================================================== */ .social-links{ display:flex; justify-content:center; flex-wrap:wrap; gap:16px; margin-top:32px; } .social-btn{ display:inline-flex; align-items:center; gap:10px; padding:16px 30px; border-radius:16px; color:#fff; font-weight:600; font-size:16px; border:1px solid rgba(255,255,255,.12); transition:.35s; } .social-btn svg{ width:22px; height:22px; flex-shrink:0; } .social-btn:hover{ transform:translateY(-5px); } .social-btn-discord{ background:#5865F2; border-color:#5865F2; } .social-btn-discord:hover{ box-shadow:0 8px 25px rgba(88,101,242,.45); } .social-btn-telegram{ background:#26A5E4; border-color:#26A5E4; } .social-btn-telegram:hover{ box-shadow:0 8px 25px rgba(38,165,228,.45); } .social-btn-instagram{ background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7); border-color:transparent; } .social-btn-instagram:hover{ box-shadow:0 8px 25px rgba(238,42,123,.45); } .social-btn-aparat{ background:#ed1c24; border-color:#ed1c24; } .social-btn-aparat:hover{ box-shadow:0 8px 25px rgba(237,28,36,.45); } @media(max-width:600px){ .social-links{ gap:10px; } .social-btn{ padding:13px 20px; font-size:14px; } .social-btn svg{ width:18px; height:18px; } }