:root{--bg:#0c0814;--surface:#161020;--border:#2a1c40;--primary:#9f86ff;--accent:#e58ab3;--text:#f0edf7;--muted:#b7b0cc;--highlight:#e58ab3}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Segoe UI",system-ui,sans-serif;background:linear-gradient(180deg,#120a1e,#2a1c40);color:var(--text);line-height:1.65}nav{position:sticky;top:0;z-index:100;background:rgb(16 10 30 / .85);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:auto;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:1.2rem}.nav-links a{color:var(--muted);text-decoration:none;font-size:.95rem;padding:.4rem .6rem;border-radius:6px;transition:color 0.2s ease,background 0.2s ease}.nav-links a:hover{color:var(--highlight);background:rgb(159 134 255 / .12)}.nav-cta{margin-left:1rem;padding:.5rem 1rem;border-radius:6px;background:linear-gradient(90deg,var(--primary),var(--accent));color:#000;font-weight:600;text-decoration:none;transition:transform 0.15s ease,box-shadow 0.15s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgb(159 134 255 / .35);color:var(--highlight);transition:transform 0.15s ease,box-shadow 0.15s ease}.nav-secondary{margin-left:1rem;padding:.5rem 1rem;border-radius:6px;background:linear-gradient(135deg,rgb(255 255 255 / .06) 25%,transparent 25%),linear-gradient(225deg,rgb(255 255 255 / .06) 25%,transparent 25%),linear-gradient(45deg,rgb(255 255 255 / .06) 25%,transparent 25%),linear-gradient(315deg,rgb(255 255 255 / .06) 25%,transparent 25%);background-size:6px 6px;background-color:#1b1428;border:1px solid var(--border);color:var(--text);font-weight:600;text-decoration:none;transition:transform 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.nav-secondary:hover{transform:translateY(-1px);border-color:var(--highlight);box-shadow:0 4px 14px rgb(0 0 0 / .35);transform:translateY(-1px)}.nav-buttons-mobile{display:none}@media (max-width:880px){.nav-hamburger{display:flex}.nav-links{display:none}.nav-buttons-desktop{display:none;transition:transform 0.15s ease,box-shadow 0.15s ease}.nav-buttons-mobile{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}}.nav-hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:110;transition:transform 0.15s ease,box-shadow 0.15s ease}.nav-hamburger span{display:block;height:3px;width:100%;background:var(--text);border-radius:2px;transition:all 0.3s ease}.nav-mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--surface);box-shadow:-4px 0 12px rgb(0 0 0 / .35);display:flex;flex-direction:column;padding:2rem;transition:right 0.35s ease;z-index:105}.nav-mobile-menu.open{right:0}.nav-mobile-menu a{margin-bottom:1.5rem;font-weight:600;color:var(--text);text-decoration:none;transition:color 0.2s ease}.nav-mobile-menu a:hover{color:var(--highlight)}@media (max-width:880px){.nav-hamburger{display:flex}.nav-links{display:none}}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.primary-btn{display:inline-block;padding:.75rem 1.6rem;border-radius:6px;background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;font-weight:600;text-decoration:none;transition:transform 0.15s ease,box-shadow 0.15s ease;position:relative}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgb(159 134 255 / .25);color:var(--highlight)}.primary-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.secondary-btn{padding:.75rem 1.6rem;border-radius:6px;background:linear-gradient(135deg,rgb(255 255 255 / .06) 25%,transparent 25%),linear-gradient(225deg,rgb(255 255 255 / .06) 25%,transparent 25%),linear-gradient(45deg,rgb(255 255 255 / .06) 25%,transparent 25%),linear-gradient(315deg,rgb(255 255 255 / .06) 25%,transparent 25%);background-size:6px 6px;background-color:#1b1428;border:1px solid var(--border);color:var(--text);font-weight:600;text-decoration:none;transition:transform 0.15s ease,border 0.15s ease}.secondary-btn:hover{transform:translateY(-1px);border-color:var(--highlight);color:var(--highlight)}section{max-width:1100px;margin:auto;padding:4rem 1.5rem}.section-header{text-align:center;margin-bottom:2.6rem}.section-header h2{font-size:1.9rem;font-weight:600}.section-header p{color:var(--muted);margin-top:.5rem}.section-fade-band{position:absolute;top:0%;left:-50%;width:192.5%;height:100%;background:linear-gradient(to bottom,#fff0 0%,rgb(22 16 32 / .45) 20%,rgb(22 16 32 / .45) 80%,#fff0 100%);pointer-events:none;z-index:0;border-radius:8px}.section-content{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:4rem 1.5rem;background:none;backdrop-filter:none;border-radius:0}.privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.privacy-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;transition:border 0.2s ease,transform 0.2s ease}.privacy-card:hover{border-color:var(--primary);transform:translateY(-2px)}.privacy-card h3{font-weight:600;color:var(--primary);margin-bottom:1rem}.privacy-card p{color:var(--muted)}.dns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.dns-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;transition:border 0.2s ease,transform 0.2s ease}.dns-card:hover{border-color:var(--primary);transform:translateY(-2px)}.dns-card h3{font-weight:600;color:var(--primary);margin-bottom:1rem}.dns-card p{color:var(--muted)}.pricing-box{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-top:2rem;gap:1rem}.pricing-box .icon{flex-shrink:0;width:50px;height:50px;margin-right:1rem}.pricing-box .left{flex:1}.pricing-box .left h3{font-size:1.6rem;font-weight:600;color:var(--primary)}.pricing-box .left p{color:var(--muted);margin-top:.5rem}.pricing-box .right{text-align:right}.pricing-box .right .primary-btn{color:#fff}.pricing-box .right a:hover{color:var(--highlight)}.vps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.vps-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;transition:border 0.2s ease,transform 0.2s ease;text-align:center}.vps-card:hover{border-color:var(--primary);transform:translateY(-2px)}.vps-card h3{font-weight:600;color:var(--primary);margin-bottom:1rem}.vps-card p{color:var(--muted)}.vps-card .price{font-size:1.8rem;font-weight:600;color:var(--primary);margin-top:1rem}.vps-card .primary-btn{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;border-radius:6px;font-weight:600;text-decoration:none;padding:.75rem 1.6rem;display:inline-block;transition:transform 0.15s ease,box-shadow 0.15s ease}.vps-card .primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgb(159 134 255 / .25);color:var(--highlight)}@media (max-width:600px){.vps-card,.dns-card,.privacy-card{padding:1.5rem}.pricing-box{flex-direction:column;text-align:center}.pricing-box .right{text-align:center}}footer{border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center;background:rgb(16 10 30 / .85);backdrop-filter:blur(6px)}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.footer-links a{color:var(--muted);text-decoration:none;font-weight:600;transition:color 0.2s ease}.footer-links a:hover{color:var(--highlight)}.company-name{font-weight:600;color:var(--muted);margin-top:1.5rem}.contact-methods{margin-top:3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;justify-items:center}.contact-methods img{width:80px;height:80px;object-fit:contain;cursor:pointer;transition:transform 0.2s ease}.contact-methods img:hover{transform:scale(1.1)}header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6rem 1.5rem;height:100vh}.hero-content{position:relative;z-index:1;transform:translateY(-40px)}.hero-content h1{font-size:3rem;font-weight:600;margin-bottom:1rem}.hero-content p{font-size:1.2rem;color:var(--muted);margin-bottom:2rem}header{position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url(/hero-bg.jpg);background-size:cover;background-position:center;opacity:.35;transform:translateY(0);will-change:transform,opacity;-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,rgb(0 0 0) 70%,#fff0 100%)}html,body{overflow-x:hidden;margin:0;padding:0;width:100vw}*{box-sizing:border-box}body>*{max-width:100%}