:root{
  --primary:#7f00ff; --secondary:#e100ff; --bg:#000; --text:#fff; --muted:#ddd;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:var(--text)}

a{color:inherit;text-decoration:none}
.logo{width:100px;height:100px;border-radius:50%;object-fit:cover;box-shadow:0 0 20px rgba(0,0,0,.4);margin-bottom:1rem}
.site-header{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:2rem 1rem;text-align:center}
.site-header h1{font-size:2rem;margin-bottom:.5rem}
.site-header p{color:#fff;font-size:1rem;opacity:.9}

.site-nav{background:#1a0033;display:flex;justify-content:center;gap:1rem;padding:1rem}
.site-nav a{font-weight:600;padding:.5rem 1rem;border-radius:6px;transition:.3s;background:transparent}
.site-nav a:hover,.site-nav a.active{background:rgba(255,255,255,.15)}

.hero{padding:4rem 1.5rem;text-align:center}
.hero h2{font-size:2.2rem;margin-bottom:1rem;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:var(--muted);font-size:1.05rem;max-width:720px;margin:0 auto 1.6rem}
.cta-button{display:inline-block;background:var(--primary);padding:.75rem 1.5rem;color:#fff;font-weight:700;border-radius:10px;transition:.3s;box-shadow:0 6px 16px rgba(127,0,255,.4)}
.cta-button:hover{background:var(--secondary);transform:translateY(-1px)}

.section{max-width:1100px;margin:auto;padding:3rem 1.5rem}
.section h3{font-size:1.6rem;margin-bottom:1rem;color:var(--secondary)}
.section p{color:#eee;margin-bottom:1.1rem}

.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;justify-items:center;margin-top:2rem}
@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.services-grid{grid-template-columns:1fr}.hero h2{font-size:1.6rem}}

.service-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.6rem 1.2rem;text-align:center;transition:.25s}
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(127,0,255,.15)}
.service-card img{width:56px;height:56px;margin-bottom:.8rem;filter:drop-shadow(0 0 6px rgba(255,255,255,.1))}
.service-card h4{margin-bottom:.4rem;font-size:1.05rem}
.service-card p{font-size:.95rem;color:#ddd;line-height:1.55}
.stack-vertical{display:flex;flex-direction:column;gap:.45rem;margin-top:.7rem}

.btn-order,.btn-tnc{display:inline-block;width:100%;padding:.85rem 1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:.2s}
.btn-order{background:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(127,0,255,.4)}
.btn-order:hover{background:var(--secondary);transform:scale(1.02)}
.btn-tnc{background:#444;color:#fff;opacity:.9}
.btn-tnc:hover{background:var(--primary);opacity:1}

.partner-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1.5rem}
.partner-item{position:relative;border-radius:20px;padding:10px;cursor:pointer}
.partner-item img{width:130px;height:130px;object-fit:contain;background:#fff;border-radius:16px;padding:10px;box-shadow:0 6px 16px rgba(255,255,255,.1);transition:.4s;position:relative}
.partner-item::before{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(45deg,rgba(127,0,255,.5),rgba(225,0,255,.5),rgba(127,0,255,.5));background-size:400% 400%;animation:borderGlow 6s linear infinite;z-index:0;opacity:.3;filter:blur(6px);transition:.3s}
.partner-item:hover::before{opacity:.6;filter:blur(8px)}
.partner-item img:hover{transform:scale(1.08);box-shadow:0 12px 28px rgba(255,0,255,.25)}
@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.partner-info-card{display:none;position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#1e1e2f;border:1px solid #777;color:#fff;padding:1rem 1.2rem;border-radius:16px;box-shadow:0 0 30px rgba(255,255,255,.1);z-index:999;max-width:320px}

.contact-list{list-style:none;padding-left:0}
.contact-list li{margin:.4rem 0}

.site-footer{background:#1a0033;text-align:center;padding:2rem 1rem;font-size:.9rem;color:#888;margin-top:3rem}