@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poly:ital@0;1&display=swap');:root{--primary-text-color:#FF8C00;--bg-color:#ffffff;--btn-color:#fdfdfd;--btn-bg:#FF8C00;--header-link-hover:#FF8C00;--header-link-hover-bg:#bababa36;--input-hover-bd-color:#232323;--dropdown-bg:#f3f4f6;--dropdown-hover-bg:#dddddd84;--faq-h-text:#0e0e0e;--faq-content-text:#1e1e1e;--hr-color:#e5e7eb;--footer-link:#282828;--footer-link-hover:#FF8C00;--header-bg:#edececa5;--hero-gradient:#fcfcfc;--hero-bg-img:url("../assets/images/background/dots-dark.svg");}.tw-dark{ --primary-text-color:#fff;--bg-color:#000000;--btn-color:#000000;--btn-bg:#FF8C00;--header-link-hover:#FF8C00;--header-link-hover-bg:#8a8a8a5e;--input-hover-bd-color:#f8f8f8;--dropdown-bg:#171717;--dropdown-hover-bg:#2d2d2ddb;--faq-h-text:#efefef;--faq-content-text:#d4d4d4;--hr-color:#e1e1e195;--footer-link:#cfcfcf;--footer-link-hover:#FF8C00;--header-bg:#232323a5;--hero-gradient:#000;--hero-bg-img:url("../assets/images/background/dots.svg");}html{ scroll-behavior:smooth;}body.modal-open{ overflow:hidden;}header > .collapsible-header{display:flex;gap:1rem;width:100%;background-color:inherit;place-content:center;overflow:hidden;transition:width 0.3s ease, height 0.3s ease;}hr{border-color:var(--hr-color);border-style:solid;}.animated-collapse{transition:width 0.3s ease;}.header-links{ position:relative;display:flex;align-items:center;min-width:fit-content;padding:8px 15px;z-index:2;cursor:pointer;transition:background-color 0.5s, color 0.3s;}.header-links::after{ content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--header-link-hover-bg);transform:scale(40%);opacity:0;border-radius:8px;transition:all 300ms;}.header-links:hover{color:var(--header-link-hover);}.header-links:hover::after{ transform:scale(100%);opacity:1;}.hero-section{background-image:var(--hero-bg-img);background-position:center;background-repeat:no-repeat;background-size:cover;}.hero-bg-gradient{background:linear-gradient(180deg, var(--hero-gradient) 23%, rgba(0,0,0,0) 87%, var(--hero-gradient) 97%);}.gradient-text{background:rgb(215,215,215);background:linear-gradient(90deg, rgba(215,215,215,1) 18%, rgba(136,136,136,1) 71%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.purple-bg-grad{background:rgb(126,34,206);background:linear-gradient(90deg, #7e22ce91 8%, #625aafae 31%, #7badbbbc 76%, #54d2d0ca 89%);filter:blur(50px);opacity:0.5;}#dashboard{ transform:perspective(1200px) translateX(0px) translateY(12px) scale(0.8) rotate(0deg) rotateX(70deg);transition:transform 0.5;}.opacity-0{opacity:0 !important;}.opacity-100{opacity:100 !important;}.btn{padding:10px 15px;width:max-content;border-radius:10px;color:var(--btn-color);background-color:var(--btn-bg);justify-content:center;align-items:center;display:flex;cursor:pointer;}.btn:hover{}.btn:disabled{cursor:default;}.input{padding:10px;background-color:transparent;border-radius:5px;outline:none;min-width:100px;border:1px solid #979797;transition:border 0.3s;}.input:active, .input:focus, .input:focus-within{border:1px solid var(--input-hover-bd-color) !important;}.scrollbar::-webkit-scrollbar{ width:5px;height:20px;}.scrollbar::-webkit-scrollbar-track{ border-radius:25px;}.scrollbar::-webkit-scrollbar-thumb{ background:#d7d7d7;border-radius:25px;}.dropdown{ position:relative;display:inline-block;width:100%;}.dropdown-toggle{ width:100%;outline:none;}.dropdown-menu{ display:none;position:absolute;z-index:1;background-color:var(--dropdown-bg);list-style-type:none;padding:0;width:100%;left:0px;border-radius:10px;overflow:hidden;}.dropdown-menu li{ padding:8px 12px;cursor:pointer;}.dropdown-menu li:hover{ background-color:var(--dropdown-hover-bg);}.carousel-container{ overflow:hidden;white-space:nowrap;width:100%;max-width:800px;} .carousel{ display:inline-block;animation:scroll 10s linear infinite;} .carousel-img{ display:inline-block;margin:0 20px;} @keyframes scroll{ 0%{ transform:translateX(0);} 100%{ transform:translateX(-50%);}}.animated-border{ position:relative;overflow:visible;}.animated-border::after{content:'';position:absolute;top:0px;left:-100%;width:30%;height:100%;border-radius:inherit;background-color:#6366f1;background-repeat:no-repeat;background-position:0% 0%;filter:blur(1.5rem);opacity:0.8;box-shadow:inset 0px 0px 20px 5px #6366f1;z-index:-2;pointer-events:none;animation:slide 10s ease-in-out infinite;}.animated-border::before{filter:blur(1.5rem);opacity:0.3;will-change:transform;}@keyframes slide{0%{ left:-100%;right:100%;} 100%{ left:100%;right:-100%;}}.footer-link{width:-moz-fit-content;width:fit-content;color:var(--footer-link);transition:color 0.3s;}.footer-link:hover{color:var(--footer-link-hover);}.faq-accordion{ background-color:inherit;color:var(--faq-h-text);cursor:pointer;padding:15px 18px;width:100%;border:none;text-align:left;outline:none;transition:height 0.4s;}.faq .content{ padding:0px 18px;color:var(--faq-content-text);height:max-content;overflow:hidden;background-color:transparent;text-align:justify;max-height:0px;transition:max-height 0.4s, padding 0.4s;}.geoip-info-row{ display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;}.geoip-info-card{ flex:0 1 calc(25% - 20px);max-width:calc(25% - 20px);box-sizing:border-box;}.geoip-card-inner{ display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:10px;padding:20px;border-radius:15px;transition:all 0.3s;background-color:var(--info-card-bg);border:1px solid var(--info-border-color);}.geoip-card-inner:hover{ box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);transform:translateY(-5px);background-color:var(--info-card-hover-bg);}.geoip-icon{ font-size:2.5rem;color:#ff8c00;display:flex;align-items:center;}.geoip-text-content{ display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}.geoip-card-title{ font-size:1.5rem;font-weight:bold;margin-bottom:5px;color:var(--info-label-color);}.geoip-card-content{ font-size:1.1rem;color:var(--info-text-color);word-break:break-word;}.geoip-error-message{ color:red;font-weight:bold;}.vpn-info-animation-container{ position:relative;width:100%;height:180px;background:transparent;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;}.vpn-info-lock-icon{ position:absolute;font-size:3rem;color:var(--faq-content-text);z-index:2;opacity:0.9;animation:pulse 2s ease-in-out infinite;}@keyframes pulse{ 0%, 100%{ transform:scale(1);} 50%{ transform:scale(1.05);}}.vpn-info-data-stream{ position:absolute;width:100%;height:100%;opacity:0.8;}.vpn-info-data-point{ position:absolute;width:4px;height:4px;background-color:var(--primary-text-color);border-radius:50%;opacity:0;}@keyframes moveData{ 0%{ left:-5%;top:var(--start-y);opacity:0;transform:scale(0.8);} 20%{ opacity:0.7;} 50%{ left:50%;top:50%;opacity:0.9;transform:scale(1);background-color:var(--btn-bg);} 80%{ opacity:0.7;} 100%{ left:105%;top:var(--end-y);opacity:0;transform:scale(0.8);background-color:var(--btn-bg);}}.creative-pulsating-block{ position:relative;width:250px;height:180px;padding:20px;border:2px solid #FF8C00;overflow:hidden;}.creative-pulsating-block::before{ content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%, transparent, transparent, #ff8c0044, #ff8c0088, #ff8c0044, transparent, transparent);z-index:-1;border-radius:inherit;}@media (max-width:1024px){ #dashboard-container{ flex-direction:column;height:auto;} #dashboard{ width:100%;height:auto;overflow:hidden;min-height:550px;} .geoip-info-row{ display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;} .geoip-info-card{ flex:none;max-width:100%;}}@media (max-width:849px){ .geoip-info-row{ grid-template-columns:repeat(2, 1fr);} #dashboard{ min-height:700px;}}@media (max-width:480px){ .geoip-info-row{ grid-template-columns:repeat(1, 1fr);} #dashboard{ min-height:1200px;}}@media not all and (min-width:1024px){ header .collapsible-header{ position:fixed;top:60px;left:0px;flex-direction:column;opacity:0;height:0vh;min-height:0vh;width:100vw;justify-content:space-between;padding:5px;padding-top:5%;padding-bottom:5%;place-items:center;text-align:center;background-color:var(--header-bg);overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0px 2px 3px 2px #9f9f9f7c;z-index:50;}}