body{
background:
radial-gradient(circle at 20% 20%, #0f172a, #020617);
color:#fff;
font-family:Inter,system-ui;
}

.glass-card{
background:rgba(255,255,255,.06);
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(18px);
box-shadow:0 20px 60px rgba(0,0,0,.5);
padding:18px;
margin-bottom:18px;
}

.service{
display:flex;
gap:10px;
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,.08);
}

.gallery{
display:flex;
gap:10px;
overflow-x:auto;
}

.gallery img{
width:160px;
height:160px;
object-fit:cover;
border-radius:14px;
}
/* ===== ULTRA PREMIUM EFFECTS ===== */

/* Soft glowing background animation */
body::before{
content:"";
position:fixed;
top:-20%;
left:-20%;
width:140%;
height:140%;
background:
radial-gradient(circle at 30% 30%, rgba(59,130,246,.25), transparent 60%),
radial-gradient(circle at 70% 70%, rgba(147,51,234,.25), transparent 60%);
animation:moveGlow 14s linear infinite;
z-index:-1;
}

@keyframes moveGlow{
0%{transform:translate(0,0);}
50%{transform:translate(-4%,3%);}
100%{transform:translate(0,0);}
}

/* Card hover premium feel */
.glass-card:hover{
transform:translateY(-4px) scale(1.01);
transition:.35s ease;
}

/* Avatar glow ring */
.hero-avatar{
box-shadow:0 0 30px rgba(59,130,246,.4);
}

/* Smooth scroll */
html{
scroll-behavior:smooth;
}