/* ==========================================================
   VamaLogic Website
   Version : 1.1
   Author  : VamaLogic
========================================================== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Poppins",sans-serif;background:#fff;color:#475569;line-height:1.7;}
:root{
--primary:#2563eb;
--primary-dark:#1d4ed8;
--navy:#0f172a;
--text:#475569;
--white:#fff;
--light:#f8fbff;
--border:#e2e8f0;
--container:1100px;
--section-space:70px;
--radius:18px;
--shadow-sm:0 4px 12px rgba(15,23,42,.05);
--shadow:0 12px 30px rgba(15,23,42,.08);
--transition:.3s ease;
}
.container{width:min(90%,var(--container));margin:auto;}
.section{padding:var(--section-space) 0;}
a{text-decoration:none;}
img{display:block;max-width:100%;}
h1,h2,h3{color:var(--navy);line-height:1.2;font-weight:600;}
h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:20px;}
h2{font-size:2rem;text-align:center;margin-bottom:18px;}
h3{margin-bottom:15px;}
header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:4px solid var(--primary);border-bottom:1px solid var(--border);}
.navbar{height:78px;display:flex;justify-content:space-between;align-items:center;}
.logo img{height:56px;transition:var(--transition);}
.logo img:hover{transform:scale(1.05);}
nav{display:flex;gap:30px;}
nav a{position:relative;color:var(--navy);font-weight:500;transition:var(--transition);}
nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--primary);transition:var(--transition);}
nav a:hover{color:var(--primary);}
nav a:hover::after{width:100%;}
.hero{background:linear-gradient(-45deg,#fff,#f8fbff,#eff6ff,#fff);background-size:300% 300%;animation:gradientMove 12s ease infinite;text-align:center;padding:100px 20px 70px;}
.hero h1{max-width:850px;margin:0 auto 20px;}
.hero p{max-width:650px;margin:0 auto 40px;}
.buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-weight:600;transition:var(--transition);}
.btn-primary{position:relative;overflow:hidden;background:var(--primary);color:#fff;}
.btn-primary::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:rgba(255,255,255,.25);transform:skewX(-25deg);transition:.8s;}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);}
.btn-primary:hover::after{left:140%;}
.btn-outline{border:2px solid var(--primary);background:#fff;color:var(--primary);}
.btn-outline:hover{background:var(--primary);color:#fff;}
.card{max-width:900px;margin:auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-sm);transition:var(--transition);animation:fadeUp .8s ease both;}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(37,99,235,.12),0 10px 25px rgba(15,23,42,.08);}
.card p{max-width:760px;margin:auto;text-align:center;}
.product-card{position:relative;overflow:hidden;max-width:900px;margin:auto;padding:55px;text-align:center;color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:var(--shadow);animation:float 6s ease-in-out infinite,fadeUp .8s ease both;}
.product-card::before{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-80px;border-radius:50%;background:rgba(255,255,255,.08);}
.product-card::after{content:"";position:absolute;width:180px;height:180px;left:-70px;bottom:-70px;border-radius:50%;background:rgba(255,255,255,.06);animation:pulse 6s ease infinite;}
.product-card h2,.product-card h3,.product-card p{color:#fff;position:relative;z-index:2;}
.product-card p{max-width:700px;margin:0 auto 30px;}
.product-card .btn{position:relative;z-index:2;}
.product-card .btn-primary{background:#fff;color:var(--primary);}
.product-card .btn-primary:hover{background:#f8fafc;}
.contact-info{text-align:center;}
.contact-info p{margin-bottom:18px;}
footer{background:var(--navy);color:#fff;text-align:center;padding:25px;}
footer p{color:#fff;}
@keyframes gradientMove{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(25px);}to{opacity:1;transform:translateY(0);}}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.15);}}
@media(max-width:768px){
:root{--section-space:50px;}
.navbar{height:auto;padding:20px 0;flex-direction:column;gap:20px;}
nav{flex-wrap:wrap;justify-content:center;gap:18px;}
.logo img{height:44px;}
.hero{padding:70px 20px;}
h2{font-size:1.8rem;}
.buttons{flex-direction:column;align-items:center;}
.btn{width:220px;}
.card,.product-card{padding:25px;}
}
section{scroll-margin-top: 100px;}
nav a.active {
    color: var(--primary);
    font-weight: 600;
}