@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap";@import "https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css";@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-hue:200;--primary-sat:100%;--primary-lit:50%;--primary:#00d2ff;--primary-glow:#00bfff59;--secondary:#a855f7;--accent:#10b981;--bg-dark:#080c14;--bg-card:#0d1423b3;--border-card:#ffffff0d;--border-glow:#00bfff33;--text-main:#9ca3af;--text-bright:#f3f4f6;--text-white:#fff;--shadow-lg:0 20px 40px -15px #000000e6;--glass-bg:#090e17d9;--glass-blur:20px}.theme-mono{--primary-hue:0;--primary-sat:0%;--primary-lit:100%;--primary:#fff;--primary-glow:#ffffff40;--border-glow:#ffffff59;--bg-dark:#050505;--bg-card:#0f0f0fd9;--border-card:#ffffff14;--glass-bg:#0a0a0af2;--text-main:#a3a3a3;--text-bright:#f5f5f5;--text-white:#fff}.theme-red{--primary-hue:0;--primary-sat:100%;--primary-lit:50%;--primary:#f33;--primary-glow:#ff333359;--border-glow:#ff333340;--secondary:#f97316;--accent:#ef4444;--bg-dark:#0a0505;--bg-card:#140a0abf;--border-card:#ff333314;--glass-bg:#0c0606e6;--text-main:#fca5a5;--text-bright:#ffe4e6;--text-white:#fff}.theme-purple{--primary-hue:271;--primary-sat:91%;--primary-lit:65%;--primary:#a855f7;--primary-glow:#a855f75c;--secondary:#22d3ee;--accent:#f472b6;--border-glow:#a855f747;--bg-dark:#090617;--bg-card:#120c26d1;--border-card:#a855f71f;--glass-bg:#0d091eeb;--text-main:#c4b5fd;--text-bright:#f5f3ff;--text-white:#fff}.theme-gold{--primary-hue:43;--primary-sat:96%;--primary-lit:56%;--primary:#fbbf24;--primary-glow:#fbbf2452;--secondary:#f97316;--accent:#38bdf8;--border-glow:#fbbf2440;--bg-dark:#0b0904;--bg-card:#181208d1;--border-card:#fbbf241f;--glass-bg:#0f0c06eb;--text-main:#f5d98b;--text-bright:#fff7d6;--text-white:#fff}.theme-green{--primary-hue:142;--primary-sat:71%;--primary-lit:45%;--primary:#22c55e;--primary-glow:#22c55e57;--secondary:#14b8a6;--accent:#84cc16;--border-glow:#22c55e42;--bg-dark:#04110b;--bg-card:#081c12d6;--border-card:#22c55e1f;--glass-bg:#05120ceb;--text-main:#9ae6b4;--text-bright:#dcfce7;--text-white:#fff}.theme-ice{--primary-hue:187;--primary-sat:92%;--primary-lit:69%;--primary:#67e8f9;--primary-glow:#67e8f952;--secondary:#60a5fa;--accent:#2dd4bf;--border-glow:#67e8f93d;--bg-dark:#031018;--bg-card:#061822d1;--border-card:#67e8f91f;--glass-bg:#04121ceb;--text-main:#a5f3fc;--text-bright:#ecfeff;--text-white:#fff}.theme-light-blue{--primary-hue:217;--primary-sat:91%;--primary-lit:60%;--primary:#3b82f6;--primary-glow:#3b82f62e;--secondary:#8b5cf6;--accent:#10b981;--border-glow:#3b82f61f;--bg-dark:#f1f5f9;--bg-card:#ffffffd1;--border-card:#0f172a14;--glass-bg:#ffffffe0;--text-main:#475569;--text-bright:#0f172a;--text-white:#0f172a}.theme-light-purple{--primary-hue:271;--primary-sat:91%;--primary-lit:65%;--primary:#8b5cf6;--primary-glow:#8b5cf62e;--secondary:#ec4899;--accent:#06b6d4;--border-glow:#8b5cf61f;--bg-dark:#faf5ff;--bg-card:#ffffffd1;--border-card:#0f172a14;--glass-bg:#ffffffe0;--text-main:#6b21a8;--text-bright:#3b0764;--text-white:#3b0764}.theme-light-red{--primary-hue:0;--primary-sat:100%;--primary-lit:50%;--primary:#ef4444;--primary-glow:#ef44442e;--secondary:#f97316;--accent:#e11d48;--border-glow:#ef44441f;--bg-dark:#fff5f5;--bg-card:#ffffffd1;--border-card:#0f172a14;--glass-bg:#ffffffe0;--text-main:#b91c1c;--text-bright:#450a0a;--text-white:#450a0a}.gradient-text{text-shadow:0 0 30px #00bfff26;background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);display:inline-block;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.theme-mono .gradient-text{text-shadow:0 0 30px #ffffff26;background:linear-gradient(90deg,#fff 0%,#a3a3a3 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.theme-red .gradient-text{text-shadow:0 0 30px #ff333326;background:linear-gradient(90deg,#f33 0%,#fa0 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.theme-purple .gradient-text{background:linear-gradient(90deg,#a855f7 0%,#22d3ee 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.theme-gold .gradient-text{background:linear-gradient(90deg,#fbbf24 0%,#f97316 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.theme-green .gradient-text{background:linear-gradient(90deg,#22c55e 0%,#14b8a6 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.theme-ice .gradient-text{background:linear-gradient(90deg,#67e8f9 0%,#60a5fa 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.theme-light-blue .gradient-text{background:linear-gradient(90deg,#1d4ed8 0%,#047857 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.theme-light-purple .gradient-text{background:linear-gradient(90deg,#6b21a8 0%,#db2777 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.theme-light-red .gradient-text{background:linear-gradient(90deg,#b91c1c 0%,#c2410c 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}*{box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Vazirmatn,Outfit,sans-serif}body{background:radial-gradient(circle at 50% 0%, var(--bg-dark) 0%, #020306 100%);color:var(--text-main);text-align:right;direction:rtl;background-color:#020306;background-attachment:fixed;min-height:100vh;font-family:Vazirmatn,system-ui,sans-serif;line-height:1.8;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}.glow-text{text-shadow:0 0 20px var(--primary-glow)}.glow-box{box-shadow:0 0 35px var(--primary-glow)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-card);box-shadow:var(--shadow-lg);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-glow);box-shadow:0 20px 40px -10px #000000f2, 0 0 15px rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .15)}.btn-premium{background:linear-gradient(135deg, var(--primary), hsl(var(--primary-hue), var(--primary-sat), calc(var(--primary-lit) - 10%)));color:#fff;cursor:pointer;box-shadow:0 8px 20px -8px var(--primary);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-premium:hover{box-shadow:0 12px 24px -6px var(--primary), 0 0 15px var(--primary-glow);transform:translateY(-2px)}.btn-premium:active{transform:translateY(0)}.btn-glass{color:var(--text-bright);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-glass:hover{border-color:var(--primary);color:var(--text-white);background:#ffffff14;transform:translateY(-2px)}.glass-input{border:1px solid var(--border-card);width:100%;color:var(--text-white);background:#080c1499;border-radius:10px;outline:none;padding:14px 18px;font-size:.95rem;transition:all .3s}.glass-input::placeholder{color:#ffffff4d}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--border-glow);background:#080c14cc}.theme-light-blue .glass-input,.theme-light-purple .glass-input,.theme-light-red .glass-input{color:#0f172a!important;background:#fffffff2!important;border-color:#0f172a1f!important}.theme-light-blue .glass-input::placeholder,.theme-light-purple .glass-input::placeholder,.theme-light-red .glass-input::placeholder{color:#0f172a66!important}.theme-light-blue .glass-input:focus,.theme-light-purple .glass-input:focus,.theme-light-red .glass-input:focus{border-color:var(--primary)!important;box-shadow:0 0 10px var(--primary-glow)!important;background:#fff!important}.theme-light-blue select.glass-input option,.theme-light-purple select.glass-input option,.theme-light-red select.glass-input option{color:#0f172a!important;background:#fff!important}.dir-ltr{text-align:left;direction:ltr}.dir-rtl{text-align:right;direction:rtl}.grid-cols-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#030508e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.theme-mono .btn-premium,.theme-mono .glass-tab-active,.theme-mono .btn-premium:hover,.theme-mono .glass-tab-active:hover{color:#000!important}.theme-mono .btn-premium svg,.theme-mono .glass-tab-active svg{stroke:#000!important}.drifter-bg{pointer-events:none;z-index:1;background-image:radial-gradient(circle at 80% 20%, rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .04) 0%, transparent 45%), radial-gradient(circle at 10% 80%, rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .03) 0%, transparent 45%), linear-gradient(#fff0 1px, transparent 1px), linear-gradient(90deg, #fff0 1px, transparent 1px);background-size:100% 100%,100% 100%,60px 60px,60px 60px;position:fixed;inset:0;overflow:hidden}@keyframes floatY{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.animate-float{animation:3s ease-in-out infinite alternate floatY}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:15s linear infinite spinSlow}.mock-navbar{-webkit-backdrop-filter:blur(20px);z-index:1000;direction:rtl;background:#090e17bf;border:1px solid #ffffff14;border-radius:40px;justify-content:space-between;align-items:center;width:100%;max-width:calc(100% - 30px);margin:15px auto;padding:12px 35px;transition:all .3s;display:flex;position:sticky;top:15px;box-shadow:0 10px 30px #0000004d}.mock-logo{color:var(--text-white);align-items:center;gap:12px;font-size:1.3rem;font-weight:900;text-decoration:none;display:flex}.mock-logo img{object-fit:cover;width:36px;height:36px;box-shadow:0 0 15px rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .35);border-radius:8px}.mock-links{align-items:center;gap:25px;display:flex}.mock-link{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;padding:4px 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.mock-link:hover,.mock-link.active-link{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.mock-link:after{content:"";background:var(--primary);height:2px;box-shadow:0 0 8px var(--primary);opacity:0;border-radius:2px;transition:all .3s;position:absolute;bottom:-4px;left:50%;right:50%}.mock-link.active-link:after{opacity:1;left:10%;right:10%}.mock-link:hover:after{opacity:.7;left:20%;right:20%}.premium-card{background:#0a101cd9;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-card:hover{border-color:var(--primary);box-shadow:0 20px 40px -15px #000000f2, 0 0 20px var(--border-glow);transform:translateY(-6px)}.premium-card-active{border-color:var(--primary)!important;box-shadow:0 0 30px var(--primary-glow)!important;background:rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .04)!important}.hero-gradient{background:linear-gradient(135deg,#fff 20%,#f0f4ff 70%,#dbeafe 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #000000e6;filter:drop-shadow(0 6px 16px #000000e6);-webkit-background-clip:text;background-clip:text;font-weight:900}.status-badge{border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.status-badge-active{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.status-badge-pending{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.status-badge-banned{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.glass-tab-active{box-shadow:0 8px 20px -6px var(--primary-glow);background:var(--primary)!important;color:#fff!important;border-color:#0000!important}.admin-side-menu{border-left:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090e1799;flex-direction:column;gap:8px;width:250px;padding:30px 15px;display:flex}.admin-menu-item{color:var(--text-main);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.admin-menu-item:hover{color:var(--text-bright);background:#ffffff05}.admin-menu-item-active{box-shadow:inset -5px 0 15px rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .04);background:rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .12)!important;color:var(--primary)!important;border-right:4px solid var(--primary)!important;font-weight:700!important}.latency-bar{background:#1f2937;border-radius:2px;height:4px;position:relative;overflow:hidden}.latency-bar-fill{border-radius:2px;height:100%;transition:width .5s ease-in-out}.latency-green{background:#10b981;box-shadow:0 0 8px #10b98180}.latency-yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}table{border-collapse:collapse;width:100%}th{color:var(--text-main);border-bottom:1px solid var(--border-card);font-size:.85rem;font-weight:700}td{color:var(--text-main);font-size:.95rem}tr{transition:background .2s}tr:hover{background:#ffffff03}.ping-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.ping-pulse:after{content:"";opacity:0;border:1px solid #10b981;border-radius:50%;animation:1.5s infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2)}}.compare-bar{border-radius:6px;height:12px;transition:width 1s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden}.compare-bar-normal{background:linear-gradient(90deg,#ef4444,#f97316);box-shadow:0 0 10px #ef44444d}.compare-bar-netguard{background:linear-gradient(90deg, var(--primary), #a5b4fc);box-shadow:0 0 15px var(--primary-glow)}.circle-gauge-track{fill:none;stroke:#ffffff08;stroke-width:10px}.circle-gauge-fill{fill:none;stroke:var(--primary);stroke-width:10px;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--primary-glow));transition:stroke-dashoffset 1.5s cubic-bezier(.19,1,.22,1)}.accordion-content{max-height:0;transition:max-height .4s cubic-bezier(.19,1,.22,1),padding .3s;overflow:hidden}.accordion-content.open{max-height:200px}.game-card-image-container:before{content:"";z-index:1;background:linear-gradient(#0000 40%,#080c14e6 100%);position:absolute;inset:0}.game-card:hover{border-color:var(--primary);box-shadow:0 15px 35px #000c, 0 0 20px var(--border-glow);transform:translateY(-8px)scale(1.03)}.admin-wave-path{fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--primary-glow))}.admin-grid-line{stroke:#ffffff08;stroke-dasharray:4 4}.glow-blob{filter:blur(200px);opacity:.06;pointer-events:none;z-index:-4;border-radius:50%;width:600px;height:600px;transition:background-color 1s;position:fixed}.glow-blob-1{background-color:var(--primary);animation:28s ease-in-out infinite alternate floatBlob1;top:-120px;right:-120px}.glow-blob-2{background-color:var(--secondary,var(--primary));animation:32s ease-in-out infinite alternate floatBlob2;bottom:-180px;left:-120px}.glow-blob-3{background-color:var(--primary);opacity:.03;width:450px;height:450px;animation:36s ease-in-out infinite alternate floatBlob3;top:45%;left:25%}@keyframes floatBlob1{0%{transform:translate(0)scale(1)}50%{transform:translate(-100px,150px)scale(1.12)}to{transform:translate(-200px,60px)scale(.92)}}@keyframes floatBlob2{0%{transform:translate(0)scale(1)}50%{transform:translate(150px,-100px)scale(.9)}to{transform:translate(70px,-180px)scale(1.15)}}@keyframes floatBlob3{0%{transform:translate(0)scale(1)}50%{transform:translate(-80px,-120px)scale(1.2)}to{transform:translate(120px,70px)scale(.8)}}.client-dashboard-layout{direction:rtl;background:#090e174d;min-height:85vh;display:flex}.client-side-menu{border-left:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090e1799;flex-direction:column;flex-shrink:0;gap:8px;width:250px;padding:30px 15px;display:flex}.client-menu-item{color:var(--text-main);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.client-menu-item:hover{color:var(--text-bright);background:#ffffff05}.client-menu-item-active{box-shadow:inset -5px 0 15px rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .04);background:rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .12)!important;color:var(--primary)!important;border-right:4px solid var(--primary)!important;font-weight:700!important}.client-dashboard-layout,.admin-dashboard-layout{direction:rtl;background:#090e174d;min-height:85vh;display:flex}@media (width<=900px){.client-dashboard-layout,.admin-dashboard-layout{flex-direction:column}.client-side-menu,.admin-side-menu{z-index:2000;border-left:1px solid var(--border-card);-webkit-backdrop-filter:blur(25px);background:#080c15f2;border-bottom:none;max-width:85vw;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 35px #0009;flex-direction:column!important;gap:8px!important;width:280px!important;padding:25px 20px!important}.client-side-menu.open,.admin-side-menu.open{transform:translate(0)}.client-menu-item,.admin-menu-item{white-space:normal!important;border-bottom:none!important;border-right:none!important;width:100%!important;padding:12px 18px!important}.client-menu-item-active,.admin-menu-item-active{background:rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .12)!important;color:var(--primary)!important;border-right:4px solid var(--primary)!important;box-shadow:inset -5px 0 15px rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .04)!important;font-weight:700!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(5px);z-index:1950;opacity:0;pointer-events:none;background:#030508b3;transition:opacity .3s;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.mobile-dashboard-header{display:flex!important}.mobile-sidebar-close{border-bottom:1px solid var(--border-card);justify-content:flex-end;margin-bottom:15px;padding-bottom:10px;display:flex!important}}.premium-dropzone{text-align:center;cursor:pointer;background:#080c144d;border:2px dashed #4ed8fa40;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:25px 15px;transition:all .3s;display:flex}.premium-dropzone:hover,.premium-dropzone.dragover{border-color:var(--primary);box-shadow:0 0 15px var(--border-glow);background:#4ed8fa0a}.premium-dropzone-icon{color:var(--text-main);transition:transform .3s,color .3s}.premium-dropzone:hover .premium-dropzone-icon{color:var(--primary);transform:translateY(-4px)}.quick-stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px;width:100%;margin-top:15px;display:grid}.quick-stat-card{background:#ffffff03;border:1px solid #ffffff08;border-radius:12px;flex-direction:column;gap:4px;padding:12px;transition:all .2s;display:flex}.quick-stat-card:hover{background:#ffffff05;border-color:#ffffff0d}select.glass-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;background-size:18px;padding-left:35px}select.glass-input option{color:#fff;background:#0d1423;padding:12px}.tutorial-device-btn{color:var(--text-main);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.tutorial-device-btn:hover{color:var(--text-bright);background:#ffffff0a}.tutorial-device-btn-active{background:rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .1)!important;border-color:var(--primary)!important;color:var(--primary)!important}.tutorial-step-card{background:#ffffff03;border:1px solid #ffffff05;border-radius:12px;align-items:flex-start;gap:15px;padding:16px;display:flex}.tutorial-step-number{color:var(--primary);background:#4ed8fa1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;display:flex}.glow-card{position:relative;overflow:hidden;background:#0f172a73!important;border:1px solid #ffffff14!important;transition:border-color .5s,transform .3s,box-shadow .3s!important}.glow-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,0px) var(--mouse-y,0px), #3b82f614, transparent 45%);z-index:1;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.glow-card:after{content:"";background:radial-gradient(350px circle at var(--mouse-x,0px) var(--mouse-y,0px), #10b98133, transparent 45%);z-index:0;pointer-events:none;opacity:0;-webkit-mask-composite:xor;padding:1px;transition:opacity .5s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-card:hover:after{opacity:1}.glow-card:hover{border-color:#3b82f64d!important;box-shadow:0 15px 35px #3b82f626!important}.title-container-3d{perspective:1000px;display:inline-block}#react-netguard-3d-title{transform-style:preserve-3d;transition:transform .1s ease-out}.admin-table-desktop{display:block}.admin-table-mobile{display:none}@media (width<=768px){.admin-table-desktop{display:none!important}.admin-table-mobile{display:block!important}}.antigravity-title{text-transform:uppercase;letter-spacing:.15em;font-size:clamp(4rem,10vw,9.5rem);line-height:1}@keyframes animatedFooterBg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-footer{border-top:1px solid var(--border-card);background:linear-gradient(270deg,#080c16f2,#0d1423f2,#060a12f2) 0 0/400% 400%;border-radius:24px;animation:12s infinite animatedFooterBg;position:relative}@media (width<=480px){.hero-buttons-container{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin:0 auto}.hero-buttons-container a,.hero-buttons-container button{text-align:center;width:100%;padding:14px 24px!important;font-size:.95rem!important}}.mobile-menu-toggle{color:var(--text-bright);cursor:pointer;background:0 0;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:none}.mobile-menu-toggle:hover{color:var(--primary);background:#ffffff0d}.mobile-navigation-drawer{z-index:9999;-webkit-backdrop-filter:blur(25px);border-left:1px solid var(--border-card);direction:rtl;background:#080c15f7;flex-direction:column;gap:25px;width:290px;max-width:85vw;padding:30px 20px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #0009}.mobile-navigation-drawer.open{transform:translate(0)}.mobile-navigation-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9998;opacity:0;pointer-events:none;background:#030508cc;transition:opacity .3s;position:fixed;inset:0}.mobile-navigation-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer-header{border-bottom:1px solid var(--border-card);direction:rtl;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.mobile-drawer-links{flex-direction:column;gap:10px;margin-top:15px;display:flex}.mobile-drawer-links .mock-link{text-align:right;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px 18px;font-size:1rem;font-weight:600;transition:all .2s}.mobile-drawer-links .mock-link:hover,.mobile-drawer-links .mock-link.active-link{background:rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .1);color:var(--primary)}.mobile-drawer-auth{border-top:1px solid var(--border-card);flex-direction:column;gap:12px;margin-top:auto;padding-top:20px;display:flex}@media (width<=990px){.mock-navbar{border-radius:20px;margin:10px auto;padding:10px 20px;top:10px}.mock-links,.navbar-auth-container{display:none!important}.mobile-menu-toggle{display:flex!important}}.intro-container{z-index:10000;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#0a0e1a 0%,#020305 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.intro-grid-overlay{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff01 1px,#0000 1px),linear-gradient(90deg,#ffffff01 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.intro-wordmark{letter-spacing:.15em;color:#fff;z-index:5;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:clamp(2.8rem,10vw,8.5rem);font-weight:950;display:flex;position:relative}.intro-shockwave{border:2px solid var(--primary);width:150px;height:150px;box-shadow:0 0 30px var(--primary-glow);filter:blur(2px);opacity:0;pointer-events:none;z-index:2;border-radius:50%;position:absolute}.intro-skip-btn{color:var(--text-main);cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:30px;padding:8px 24px;font-family:Vazirmatn,sans-serif;font-size:.85rem;transition:all .3s;position:absolute;bottom:40px;left:40px}.intro-skip-btn:hover{color:#fff;border-color:var(--primary);background:rgba(var(--primary-hue), var(--primary-sat), var(--primary-lit), .08);box-shadow:0 0 15px var(--primary-glow)}@media (width<=768px){body{overflow-x:hidden}.hero-buttons-container{flex-direction:column;align-items:stretch;width:100%;padding:0 10px}.hero-buttons-container a,.hero-buttons-container button{text-align:center;justify-content:center;width:100%!important;padding:14px 20px!important;font-size:1rem!important}.glass-panel.glow-card{padding:22px 16px!important}.pricing-card-mobile-override,section#pricing>div>div{width:100%!important;min-width:0!important;max-width:100%!important}.grid-cols-responsive{gap:18px;grid-template-columns:1fr!important}section,.section-padding{padding-left:16px!important;padding-right:16px!important}.supporters-grid{grid-template-columns:repeat(2,1fr)!important}.antigravity-title{letter-spacing:.08em!important;font-size:clamp(2.5rem,13vw,5rem)!important}.status-badge{padding:5px 10px;font-size:.72rem}.game-card{padding:16px!important}.accordion-content.open{max-height:400px}h2{font-size:clamp(1.6rem,6vw,2.2rem)!important}h3{font-size:clamp(1.1rem,4.5vw,1.5rem)!important}.compare-bar-label{font-size:.82rem!important}.quick-stats-grid{grid-template-columns:repeat(2,1fr)!important}.admin-table-desktop{display:none!important}.admin-table-mobile{display:block!important}.intro-wordmark{letter-spacing:.08em!important;font-size:clamp(2.5rem,14vw,5rem)!important}.intro-skip-btn{padding:7px 16px;font-size:.78rem;bottom:20px;left:20px}.modal-overlay>.glass-panel{border-radius:20px!important;width:100%!important;max-width:calc(100vw - 32px)!important;padding:24px 18px!important}.dns-gateway-row{flex-direction:column!important;gap:12px!important}#free-dns .glass-panel{padding:24px 16px!important}.glow-blob{display:none}}@media (width<=480px){#react-netguard-3d-title{font-size:clamp(1.8rem,8vw,2.8rem)!important;line-height:1.4!important}.mock-logo span{font-size:1rem}section.hero-section-main{padding-top:70px!important;padding-bottom:30px!important}section#pricing .btn-premium{padding:13px 20px;font-size:.95rem}.glow-text[style*="2.5rem"],.glow-text[style*="2.6rem"],.glow-text[style*="2.3rem"]{font-size:1.75rem!important}section#pricing>div>div{min-height:0!important;padding:24px 18px!important}.circle-gauge-container,.circle-gauge-container svg{width:120px!important;height:120px!important}section .compare-bar-normal,section .compare-bar-netguard{height:10px}}.noise-overlay{pointer-events:none;z-index:3;opacity:.012;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:.4s steps(4,end) infinite noiseShift;position:fixed;inset:0}.vignette-overlay{pointer-events:none;z-index:4;background:radial-gradient(circle,#0000 35%,#020306a6 100%);position:fixed;inset:0}@keyframes noiseShift{0%{transform:translate(0)}10%{transform:translate(-.5%,-.5%)}20%{transform:translate(.5%,1%)}30%{transform:translate(-1%,-1%)}40%{transform:translate(.5%,1.5%)}50%{transform:translate(-.5%,.5%)}60%{transform:translate(1%,-.5%)}70%{transform:translate(-1%,.5%)}80%{transform:translate(.5%,-1%)}90%{transform:translate(-.5%,1.5%)}to{transform:translate(0)}}.aurora-container{z-index:0;pointer-events:none;opacity:1;background:radial-gradient(circle at 50% 0,#080c14 0%,#020306 100%);width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.aurora-blob{filter:blur(140px);mix-blend-mode:screen;opacity:.55;border-radius:50%;animation:22s ease-in-out infinite alternate aurora-float;position:absolute}.aurora-blob-1{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);width:80vw;height:80vh;animation-duration:25s;top:-25vh;left:-20vw}.aurora-blob-2{background:radial-gradient(circle, var(--secondary,var(--primary)) 0%, transparent 70%);width:90vw;height:90vh;animation-duration:32s;animation-delay:-6s;top:-15vh;right:-15vw}.aurora-blob-3{background:radial-gradient(circle, var(--accent,var(--primary)) 0%, transparent 70%);width:75vw;height:75vh;animation-duration:38s;animation-delay:-12s;bottom:-15vh;left:10vw}.aurora-blob-4{background:radial-gradient(circle, var(--primary-glow,var(--primary)) 0%, transparent 70%);width:85vw;height:85vh;animation-duration:29s;animation-delay:-18s;bottom:-20vh;right:5vw}@keyframes aurora-float{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(6vw,4vh)scale(1.08)rotate(180deg)}to{transform:translate(-4vw,-6vh)scale(.95)rotate(360deg)}}.brand-floating{animation:6s ease-in-out infinite alternate brandFloat}@keyframes brandFloat{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.brand-reveal-wordmark{background:linear-gradient(120deg, #fff 30%, var(--primary) 50%, #fff 70%);-webkit-text-fill-color:transparent;color:#0000;text-shadow:0 0 40px #ffffff0d;background-size:200%;-webkit-background-clip:text;animation:8s linear infinite brandRevealSweep;display:inline-block}@keyframes brandRevealSweep{0%{background-position:200%}to{background-position:-200%}}.footer-link-premium{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px 12px;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.footer-link-premium:after{content:"";background:var(--primary);width:0;height:2px;box-shadow:0 0 8px var(--primary);transition:width .3s,left .3s;position:absolute;bottom:0;left:50%}.footer-link-premium:hover{color:var(--text-bright);text-shadow:0 0 10px var(--primary-glow)}.footer-link-premium:hover:after{width:100%;left:0}