body {
  margin:0; padding:0; min-height:100vh;
  font-family:'Poppins',sans-serif;
  background: linear-gradient(135deg, #1a0836 0, #eabfff 100%);
  color:#fff;
  overflow-x: hidden;
}
#particles-bg { 
  position:fixed; z-index:0; top:0; left:0; width:100vw; height:100vh; pointer-events:none;
}
.hero-glass {
  position:relative; z-index:2; margin:0 auto; width:95vw; max-width:1300px;
  height:72vh; min-height:420px; display:flex; align-items:center; justify-content:center;
  border-radius:38px; box-shadow:0 8px 60px #6e24b5b0;
  background: rgba(44,12,68,0.5);
  backdrop-filter: blur(16px) saturate(160%);
  overflow:hidden;
}
.hero-glow {
  position:absolute; z-index:1; width:180%; height:170%;
  background:radial-gradient(circle at 60% 30%,#fcb44c60 0,#a44ce1 80%,#1a0836 100%);
  filter: blur(40px) brightness(1.15); opacity:0.42;
}
.hero-main {z-index:2; text-align:center;}
.hero-title {
  font-size:3.3rem; font-weight:800; letter-spacing:0.11em;
  background: linear-gradient(92deg,#fcb44c,#f64f96 45%,#fff 70%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 0 10px #fcb44c50);
  animation: glowin 2.5s infinite alternate;
}
.hero-title span {color:#fff8db;text-shadow:0 1px 8px #b765ea;}
.hero-sub {
  margin-top:10px; font-size:1.3rem; font-weight:500; color:#ffe3f8;
  text-shadow:0 0 7px #561b79b0;
}
.btn-cta {
  margin-top:2.2em;
  padding:14px 38px; border-radius:80px; font-size:1.18rem; font-weight:600;
  background:linear-gradient(90deg,#fcb44c,#f64f96 65%,#9d58c1);
  color:#fff; border:none; box-shadow:0 3px 20px #c661b3b5;
  cursor:pointer; transition:background 0.15s, transform 0.1s;
}
.btn-cta:hover { background:#7d31a1; transform:scale(1.08);}
.floating-icons img {
  position:fixed; z-index:3; width:48px; opacity:.88; pointer-events:none;
  animation:floaticon 8s linear infinite alternate;
}
.float1{top:18vh; left:7vw; animation-delay:0s;}
.float2{top:72vh; left:17vw; animation-delay:.9s;}
.float3{top:54vh; right:8vw; animation-delay:2.1s;}
.float4{top:7vh; right:5vw; animation-delay:1.2s;}
@keyframes floaticon {
  0%{transform:translateY(0) scale(1);}
  60%{transform:translateY(-24px) scale(1.13);}
  100%{transform:translateY(10px) scale(.97);}
}
@keyframes glowin {
  0%{text-shadow:0 0 10px #fcb44c90,0 0 28px #e8a0f2;}
  100%{text-shadow:0 0 16px #fff,0 0 40px #b086ef;}
}

.section-glass {
  margin:6em auto 2em auto; padding:3em 2vw; max-width:1200px; border-radius:32px;
  background:rgba(27,14,39,0.65); box-shadow:0 2px 32px #812bc48a;
  position:relative; z-index:1;
  animation:fadeInUp 1.1s cubic-bezier(.24,.85,.48,1.2);
}
.about-flex {display:flex; flex-wrap:wrap; gap:2em; align-items:center;}
.about-flex > div {flex:1;}
.about-pic-glass {border-radius:24px; box-shadow:0 6px 28px #6e24b577; width:100%; max-width:370px;}
.services-cards {display:flex;flex-wrap:wrap;gap:2em;justify-content:center;}
.service-glass-card {
  background:rgba(245,242,255,0.1); border-radius:24px; box-shadow:0 3px 20px #fcb44c40;
  padding:2em 1.5em; width:220px; min-height:250px;
  display:flex;flex-direction:column;align-items:center;
  transition:transform 0.15s,box-shadow 0.15s;
  position:relative; z-index:1; backdrop-filter:blur(4px);
  border:1.4px solid #fcb44c44;
  animation:fadeInUp 1.2s cubic-bezier(.2,.7,.3,1.1);
}
.service-glass-card:hover {
  box-shadow:0 4px 36px #fcb44cb0;
  transform:scale(1.07) translateY(-9px) rotateZ(-2deg);
}
.service-glass-card .icon img {width:56px;margin-bottom:1.1em;}
@keyframes fadeInUp {from{opacity:0;transform:translateY(55px);} to{opacity:1;transform:translateY(0);}}

/* Responsive */
@media (max-width:900px){.about-flex{flex-direction:column;gap:1.6em;}.section-glass{padding:2em 4vw;}}
@media (max-width:600px){.hero-title{font-size:1.8rem;}.section-glass{padding:1em 3vw;}}


.logo-3d-wrap {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 55% 40%, #2e1547 70%, #000 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px #fcb44c66, 0 0 8px #fff1be22;
  position: relative;
  overflow: hidden;
}
#logo3d {
  width: 120px;
  height: 120px;
  display: block;
  z-index: 2;
}