/* ═══ PREMIUM 3D LANDING ENHANCEMENTS ═══ */

/* ── Navbar Glass ── */
.cn-navbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  padding: 18px 0;
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
  background: transparent;
}
.cn-navbar.scrolled {
  padding: 10px 0;
  background: rgba(11,22,40,0.75);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(201,169,110,0.15);
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}
.cn-brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.cn-brand img { height:38px; filter: drop-shadow(0 2px 6px rgba(201,169,110,0.4)); }
.cn-brand span {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.35rem; font-weight: 600;
  color: #fff; letter-spacing: 0.03em;
}
.cn-nav-links { display:flex; align-items:center; gap:6px; margin:0; padding:0; list-style:none; }
.cn-nav-links a {
  color: rgba(255,255,255,0.75); text-decoration:none;
  font-size: 13px; font-weight: 500; letter-spacing: 0.05em;
  padding: 7px 14px; border-radius: 50px;
  transition: all 0.3s ease;
}
.cn-nav-links a:hover { color:#fff; background: rgba(201,169,110,0.12); }
.cn-nav-cta {
  background: linear-gradient(135deg, #C9A96E, #E8D5A3) !important;
  color: #0B1628 !important; font-weight:600 !important;
  box-shadow: 0 4px 15px rgba(201,169,110,0.4);
}
.cn-nav-cta:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(201,169,110,0.5) !important; }
.cn-lang-btn {
  background: rgba(255,255,255,0.1) !important; color:#fff !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 50px !important; font-size:12px !important;
}
.cn-hamburger { background:none; border:none; cursor:pointer; padding:4px; }
.cn-hamburger span {
  display:block; width:24px; height:2px; background:#fff; margin:5px 0;
  transition: all 0.3s ease; transform-origin: center;
}

/* ── Scroll Progress ── */
#scroll-progress {
  position:fixed; top:0; left:0; height:2px; z-index:9999;
  background: linear-gradient(90deg, #C9A96E, #E8D5A3, #C9A96E);
  width:0%; transition: width 0.1s linear;
}

/* ── Hero 3D ── */
.hero-premium { perspective: 1200px; }
.hero-3d-scene {
  position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden;
}
.orb {
  position:absolute; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, rgba(201,169,110,0.25), rgba(201,169,110,0.03));
  filter: blur(40px); animation: float-orb linear infinite;
}
.orb-1 { width:500px; height:500px; top:-100px; right:-100px; animation-duration:20s; }
.orb-2 { width:350px; height:350px; bottom:-50px; left:5%; animation-duration:15s; animation-delay:-7s; }
.orb-3 { width:250px; height:250px; top:40%; right:20%; animation-duration:25s; animation-delay:-12s; }
@keyframes float-orb {
  0%,100% { transform: translate(0,0) scale(1); }
  25% { transform: translate(20px,-30px) scale(1.05); }
  50% { transform: translate(-15px,20px) scale(0.97); }
  75% { transform: translate(25px,10px) scale(1.03); }
}

/* Floating 3D shapes */
.shape-3d {
  position:absolute; pointer-events:none;
  animation: rotate3d linear infinite;
}
.shape-3d-1 {
  width:80px; height:80px; top:15%; right:8%;
  border:1px solid rgba(201,169,110,0.3); border-radius:16px;
  animation-duration:12s; transform: rotate(15deg);
}
.shape-3d-2 {
  width:50px; height:50px; top:65%; right:15%;
  border:1px solid rgba(201,169,110,0.2); border-radius:50%;
  animation-duration:18s; animation-delay:-5s;
}
.shape-3d-3 {
  width:120px; height:120px; top:30%; right:30%;
  border:1px solid rgba(255,255,255,0.05); border-radius:50%;
  animation-duration:30s; animation-delay:-10s;
}
@keyframes rotate3d {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(180deg) translateY(-20px); }
  100% { transform: rotate(360deg) translateY(0); }
}

/* Hero title 3D */
.hero-title-3d {
  transform-style: preserve-3d;
  transition: transform 0.1s ease-out;
}

/* ── Canvas Particles ── */
#hero-canvas {
  position:absolute; inset:0; z-index:1; pointer-events:none;
}

/* ── 3D Tilt Cards ── */
.tilt-card {
  transform-style: preserve-3d;
  transition: transform 0.15s ease-out, box-shadow 0.3s ease;
  will-change: transform;
}
.tilt-card:hover { box-shadow: 0 30px 60px rgba(0,0,0,0.25) !important; }
.tilt-card .tilt-inner { transform: translateZ(20px); }

/* ── Feature Cards Enhanced ── */
.feature-card-3d {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px; padding: 2rem; height:100%;
  position:relative; overflow:hidden;
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
  transform-style: preserve-3d;
}
.feature-card-3d::before {
  content:''; position:absolute; inset:0; border-radius:16px;
  background: linear-gradient(135deg, rgba(201,169,110,0.08), transparent 50%);
  opacity:0; transition: opacity 0.4s ease;
}
.feature-card-3d:hover { border-color: rgba(201,169,110,0.35); transform: translateY(-8px) rotateX(2deg); }
.feature-card-3d:hover::before { opacity:1; }
.feature-card-3d .shine {
  position:absolute; top:0; left:-100%; width:60%; height:100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent);
  transform: skewX(-20deg); transition: left 0.7s ease;
}
.feature-card-3d:hover .shine { left:160%; }
.feat-num {
  font-family:'Cormorant Garamond',serif; font-size:3rem; font-weight:300;
  color: rgba(201,169,110,0.12); position:absolute; top:10px; right:16px;
  line-height:1; pointer-events:none; user-select:none;
}

/* ── Stats Section ── */
.stats-section {
  padding:80px 0; background: linear-gradient(135deg, #0B1628 0%, #132040 50%, #0B1628 100%);
  position:relative; overflow:hidden;
}
.stats-section::before {
  content:''; position:absolute; inset:0;
  background: radial-gradient(ellipse at 50% 50%, rgba(201,169,110,0.08), transparent 70%);
}
.stat-card-3d {
  text-align:center; padding:2.5rem 1.5rem;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(201,169,110,0.15);
  border-radius:20px; position:relative; overflow:hidden;
  transition: all 0.4s ease;
}
.stat-card-3d:hover { transform: translateY(-6px); border-color: rgba(201,169,110,0.4); background: rgba(255,255,255,0.07); }
.stat-card-3d::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, #C9A96E, transparent);
  transform: scaleX(0); transition: transform 0.4s ease;
}
.stat-card-3d:hover::after { transform: scaleX(1); }
.stat-num-3d {
  font-family:'Cormorant Garamond',serif; font-size:clamp(2.5rem,5vw,4rem);
  font-weight:600; line-height:1;
  background: linear-gradient(135deg, #C9A96E, #E8D5A3);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.stat-label-3d { font-size:12px; color:rgba(255,255,255,0.45); letter-spacing:0.1em; margin-top:8px; text-transform:uppercase; }

/* ── Module Cards Enhanced ── */
.module-card-3d {
  background:#fff; border:1px solid rgba(11,22,40,0.07); border-radius:16px;
  padding:1.75rem; height:100%; display:flex; flex-direction:column; gap:1rem;
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
  position:relative; overflow:hidden;
}
.module-card-3d::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background: linear-gradient(90deg, #C9A96E, #E8D5A3); transform: scaleX(0);
  transform-origin: left; transition: transform 0.4s ease;
}
.module-card-3d:hover { border-color: rgba(201,169,110,0.4); box-shadow: 0 20px 50px rgba(11,22,40,0.12); transform: translateY(-6px); }
.module-card-3d:hover::before { transform: scaleX(1); }

/* ── Team Cards 3D ── */
.team-card-3d {
  position:relative; overflow:hidden; border-radius:20px;
  background:#F4F6F9; transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
}
.team-card-3d:hover { transform: translateY(-8px) rotateY(-2deg); box-shadow: 20px 30px 60px rgba(11,22,40,0.2); }
.team-card-3d img { width:100%; aspect-ratio:3/4; object-fit:cover; display:block; filter:grayscale(20%); transition: all 0.5s ease; }
.team-card-3d:hover img { transform:scale(1.06); filter:grayscale(0); }
.team-overlay {
  position:absolute; bottom:0; left:0; right:0;
  background: linear-gradient(to top, rgba(11,22,40,0.95) 0%, transparent 100%);
  padding:2rem 1.5rem 1.5rem;
}
.team-name-3d { font-family:'Cormorant Garamond',serif; font-size:1.25rem; color:#fff; }
.team-role-3d { font-size:11px; color:#E8D5A3; letter-spacing:0.07em; margin-top:3px; }
.team-avatar-wrap {
  width:100%; aspect-ratio:3/4;
  background: linear-gradient(135deg, #132040, #1E3058);
  display:flex; align-items:center; justify-content:center;
}
.team-initials-3d {
  width:88px; height:88px; border-radius:50%;
  background: rgba(201,169,110,0.12); border:2px solid rgba(201,169,110,0.3);
  display:flex; align-items:center; justify-content:center;
  font-family:'Cormorant Garamond',serif; font-size:2.2rem; color:#C9A96E;
}

/* ── Testimonial Cards ── */
.testimonial-3d {
  background:#fff; border-radius:16px; padding:2rem; height:100%;
  display:flex; flex-direction:column; gap:1.25rem;
  border:1px solid rgba(201,169,110,0.12);
  transition: all 0.4s ease; position:relative; overflow:hidden;
}
.testimonial-3d::before {
  content:'"'; font-family:'Cormorant Garamond',serif;
  font-size:8rem; color:rgba(201,169,110,0.07);
  position:absolute; top:-20px; right:16px; line-height:1; pointer-events:none;
}
.testimonial-3d:hover { transform: translateY(-6px) rotateX(1deg); box-shadow: 0 24px 50px rgba(11,22,40,0.12); }

/* ── Contact 3D ── */
.contact-info-3d {
  background: linear-gradient(135deg, #0B1628, #132040);
  border-radius:20px; padding:2.5rem; height:100%; position:relative; overflow:hidden;
}
.contact-info-3d::before {
  content:''; position:absolute; bottom:-80px; right:-80px;
  width:250px; height:250px; border-radius:50%;
  background: radial-gradient(circle, rgba(201,169,110,0.15), transparent 70%);
}
.contact-info-3d::after {
  content:''; position:absolute; top:-50px; left:-50px;
  width:180px; height:180px; border-radius:50%;
  background: radial-gradient(circle, rgba(201,169,110,0.08), transparent 70%);
}
.contact-form-3d {
  background:#F4F6F9; border-radius:20px; padding:2.5rem; height:100%;
}

/* ── Footer Premium ── */
.footer-premium {
  background: #060E1A;
  border-top:1px solid rgba(201,169,110,0.12);
  padding:50px 0 30px;
}
.footer-logo-text {
  font-family:'Cormorant Garamond',serif; font-size:1.5rem; color:#C9A96E; font-weight:600;
}
.footer-copy { font-size:13px; color:rgba(255,255,255,0.35); }
.footer-social-link {
  width:38px; height:38px; border-radius:50%;
  background: rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1);
  display:inline-flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.5); text-decoration:none;
  transition: all 0.3s ease; font-size:14px;
}
.footer-social-link:hover { background: rgba(201,169,110,0.15); border-color:#C9A96E; color:#C9A96E; transform: translateY(-3px); }

/* ── WhatsApp Floating ── */
.wa-float {
  position:fixed; right:20px; bottom:20px; z-index:1050;
  width:56px; height:56px; border-radius:50%; background:#25D366;
  display:flex; align-items:center; justify-content:center;
  color:#fff; text-decoration:none; font-size:26px;
  box-shadow: 0 6px 24px rgba(37,211,102,0.4);
  animation: wa-pulse 3s ease infinite;
}
@keyframes wa-pulse {
  0%,100% { box-shadow: 0 6px 24px rgba(37,211,102,0.4); }
  50% { box-shadow: 0 6px 30px rgba(37,211,102,0.7), 0 0 0 10px rgba(37,211,102,0.08); }
}

/* ── Responsive ── */
@media (max-width:992px) {
  .cn-nav-links { display:none; flex-direction:column; position:absolute; top:100%; left:0; right:0; background:rgba(11,22,40,0.95); padding:20px; backdrop-filter:blur(20px); border-top:1px solid rgba(201,169,110,0.15); }
  .cn-nav-links.open { display:flex; }
  .cn-hamburger { display:block !important; }
}
@media (min-width:993px) { .cn-hamburger { display:none !important; } }