:root {
    --navy: #0F172A;
    --slate: #334155;
    --amber: #0bf5da;
    --amber-light: #0bf5da;
    --amber-dark: #05796c;
    --white: #FFFFFF;
  }

  * { scroll-behavior: smooth; }

  body {
    font-family: 'Sora', sans-serif;
    background: var(--navy);
    color: var(--white);
    overflow-x: hidden;
  }

  h1, h2, h3, h4, h5, h6 { font-family: 'Space Grotesk', sans-serif; }

  /* Neon Gradient Text */
  .neon-text {
    background: linear-gradient(135deg, #0bbbf5 0%, #24e2fb 50%, #0bdaf5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .neon-glow {
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.4), 0 0 40px rgba(245, 158, 11, 0.2);
  }

  .neon-border {
    border: 1px solid rgba(245, 158, 11, 0.3);
  }

  /* Gradient Background */
  .gradient-bg {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);
  }

  .amber-gradient {
    background: linear-gradient(135deg, #0bbbf5 0%, #24e2fb 100%);
  }

  /* Floating Animation */
  @keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
  }

  .float-anim { animation: float 6s ease-in-out infinite; }
  .float-anim-delay { animation: float 6s ease-in-out infinite; animation-delay: 2s; }
  .float-anim-slow { animation: float 8s ease-in-out infinite; animation-delay: 1s; }

  /* Pulse Glow */
  @keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 20px rgba(245, 158, 11, 0.3); }
    50% { box-shadow: 0 0 40px rgba(245, 158, 11, 0.6), 0 0 60px rgba(245, 158, 11, 0.3); }
  }

  .pulse-glow { animation: pulseGlow 3s ease-in-out infinite; }

  /* Marquee */
  @keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  .marquee { animation: marquee 30s linear infinite; }

  /* Reveal Animation */
  .reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
  }
  .reveal.active {
    opacity: 1;
    transform: translateY(0);
  }

  .reveal-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
  }
  .reveal-left.active {
    opacity: 1;
    transform: translateX(0);
  }

  .reveal-right {
    opacity: 0;
    transform: translateX(60px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
  }
  .reveal-right.active {
    opacity: 1;
    transform: translateX(0);
  }

  /* Card Hover Effects */
  .card-hover {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .card-hover:hover {
    transform: translateY(-10px);
    border-color: rgba(245, 158, 11, 0.5);
    box-shadow: 0 20px 40px rgba(245, 158, 11, 0.15);
  }

  /* Button Styles */
  .btn-primary {
    background: linear-gradient(135deg, #0bbbf5 0%, #24e2fb 100%);
    color: #0F172A;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }
  .btn-primary::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: left 0.6s ease;
  }
  .btn-primary:hover::before { left: 100%; }
  .btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.5);
  }

  .btn-outline {
    border: 2px solid #0bbbf5;
    color: #0bbbf5;
    transition: all 0.3s ease;
  }
  .btn-outline:hover {
    background: #0bbbf5;
    color: #0F172A;
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.3);
  }

  /* Glassmorphism */
  .glass {
    background: rgba(51, 65, 85, 0.3);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(245, 158, 11, 0.15);
  }

  .glass-dark {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(245, 158, 11, 0.2);
  }

  /* Custom Scrollbar */
  ::-webkit-scrollbar { width: 10px; }
  ::-webkit-scrollbar-track { background: #0F172A; }
  ::-webkit-scrollbar-thumb { 
    background: linear-gradient(180deg, #0bbbf5, #24e2fb);
    border-radius: 5px;
  }

  /* Gradient Border */
  .gradient-border {
    position: relative;
    background: #1E293B;
    border-radius: 16px;
  }
  .gradient-border::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 16px;
    background: linear-gradient(135deg, #0bbbf5, transparent, #0bbbf5);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
  }

  /* Hero Background */
  .hero-bg {
    background: 
      radial-gradient(circle at 20% 30%, rgba(245, 158, 11, 0.15) 0%, transparent 40%),
      radial-gradient(circle at 80% 70%, rgba(245, 158, 11, 0.1) 0%, transparent 40%),
      radial-gradient(circle at 50% 50%, rgba(51, 65, 85, 0.3) 0%, transparent 50%),
      #0F172A;
  }

  /* Grid Pattern */
  .grid-pattern {
    background-image: 
      linear-gradient(rgba(245, 158, 11, 0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(245, 158, 11, 0.05) 1px, transparent 1px);
    background-size: 50px 50px;
  }

  /* Process Line */
  .process-line {
    background: linear-gradient(180deg, transparent, #0bbbf5, transparent);
  }

  /* Input Styles */
  .form-input {
    background: rgba(51, 65, 85, 0.4);
    border: 1px solid rgba(245, 158, 11, 0.2);
    color: white;
    transition: all 0.3s ease;
  }
  .form-input:focus {
    border-color: #0bbbf5;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
    outline: none;
    background: rgba(51, 65, 85, 0.6);
  }

  /* Star Rating */
  .star { color: #0bbbf5; }

  /* Accordion */
  .faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease;
  }
  .faq-item.active .faq-answer {
    max-height: 500px;
    padding-top: 1rem;
  }
  .faq-item.active .faq-icon {
    transform: rotate(45deg);
  }
  .faq-icon { transition: transform 0.3s ease; }

  /* Marquee Pause on Hover */
  .marquee-container:hover .marquee {
    animation-play-state: paused;
  }

  /* Service Card Image */
  .service-img-wrap {
    overflow: hidden;
    position: relative;
  }
  .service-img-wrap img {
    transition: transform 0.6s ease;
  }
  .service-card:hover .service-img-wrap img {
    transform: scale(1.1);
  }

  /* Navbar scrolled */
  .navbar-scrolled {
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(245, 158, 11, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  }

  /* Counter Style */
  .counter {
    font-variant-numeric: tabular-nums;
  }

  /* Floating Orbs */
  .orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.4;
    pointer-events: none;
  }

  /* Mobile Menu */
  .mobile-menu {
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mobile-menu.active {
    transform: translateX(0);
  }

  /* Notification Toast */
  .toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    transform: translateY(150px);
    opacity: 0;
    transition: all 0.5s ease;
  }
  .toast.show {
    transform: translateY(0);
    opacity: 1;
  }

  /* Loading Animation */
  @keyframes spin {
    to { transform: rotate(360deg); }
  }
  .spin { animation: spin 1s linear infinite; }

  /* Image Hover Overlay */
  .img-overlay {
    position: relative;
    overflow: hidden;
  }
  .img-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(15, 23, 42, 0.9) 100%);
    pointer-events: none;
  }


.page-hero{padding:120px 0 70px;position:relative;overflow:hidden;background:
radial-gradient(circle at 15% 30%,rgba(245,158,11,.16),transparent 35%),
radial-gradient(circle at 85% 70%,rgba(245,158,11,.10),transparent 35%),#0F172A}
.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#94a3b8;font-size:.875rem;margin-top:18px}
.breadcrumb a{color:#0bbbf5}.inner-content{padding:80px 0}.content-card{background:rgba(51,65,85,.26);border:1px solid rgba(245,158,11,.16);border-radius:24px;padding:32px}
.service-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:42px;align-items:center}
.service-detail img{width:100%;height:430px;object-fit:cover;border-radius:24px;border:1px solid rgba(245,158,11,.25)}
.service-detail h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:18px}
.service-detail p{color:#94a3b8;line-height:1.9;margin-bottom:14px}
.service-points{display:grid;gap:12px;margin:22px 0 28px}.service-points li{display:flex;gap:10px;color:#cbd5e1}.service-points i{color:#0bbbf5;margin-top:4px}
.inner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.inner-grid .content-card h3{margin:12px 0 8px}.inner-grid .content-card p{color:#94a3b8;line-height:1.75}
@media(max-width:900px){.service-detail{grid-template-columns:1fr}.inner-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.page-hero{padding:95px 0 55px}.inner-content{padding:55px 0}.content-card{padding:24px}.service-detail img{height:300px}.inner-grid{grid-template-columns:1fr}}