html {
      scroll-behavior: smooth;
      overflow-x: hidden;
    }
    body {
      background: #0a0a0a;
      color: #fafafa;
      padding-bottom: 6rem;
      position: relative;
      isolation: isolate;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    body > * {
      position: relative;
      z-index: 1;
    }
    .page-video-bg {
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
    }
    .page-video-bg video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 1;
      transition: opacity 0.4s ease;
    }
    .page-video-bg.video-fallback {
      background: linear-gradient(135deg, #050505 0%, #111111 100%);
    }
    .page-video-bg.video-fallback video {
      opacity: 0;
    }
    .page-video-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to bottom, rgba(10,10,10,0.45) 0%, rgba(10,10,10,0.7) 45%, rgba(10,10,10,0.9) 100%);
      z-index: 1;
    }
    .hero-video-container {
      position: relative;
      overflow: hidden;
    }
    .hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to bottom, rgba(10,10,10,0.65) 0%, rgba(10,10,10,0.75) 50%, rgba(10,10,10,0.9) 100%);
      z-index: 1;
    }
    .hero-content {
      position: relative;
      z-index: 2;
    }
    section[id] {
      position: relative;
      background: transparent !important;
    }
    .bg-ignyte-dark,
    .bg-ignyte-charcoal,
    .bg-ignyte-gray,
    .card-hover {
      background-color: rgba(17, 17, 17, 0.72) !important;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
    }
    .bg-ignyte-charcoal {
      background-color: rgba(26, 26, 26, 0.76) !important;
    }
    .bg-ignyte-gray {
      background-color: rgba(42, 42, 42, 0.7) !important;
    }
    .card-hover {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .card-hover:hover {
      transform: translateY(-6px);
      border-color: #c0c0c0;
      box-shadow: 0 20px 40px -15px rgba(255,255,255,0.08);
    }
    .nav-blur {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      background: rgba(10,10,10,0.9);
    }
    .section-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, #2a2a2a, transparent);
    }
    input, textarea, select {
      background: #1a1a1a;
      border: 1px solid #2a2a2a;
    }
    input:focus, textarea:focus, select:focus {
      outline: none;
      border-color: #c0c0c0;
      box-shadow: 0 0 0 2px rgba(192,192,192,0.15);
    }
    .flip-card {
      perspective: 1800px;
      height: 700px;
    }
    .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
      transform-style: preserve-3d;
    }
    .flip-card.flipped .flip-card-inner {
      transform: rotateY(180deg);
    }
    .flip-card-front,
    .flip-card-back {
      position: absolute !important;
      inset: 0;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
    }
    .flip-card-back {
      transform: rotateY(180deg);
    }
    .flip-card-back.card-hover:hover {
      transform: rotateY(180deg) translateY(-6px);
    }
    .flip-trigger {
      cursor: pointer;
    }
    @media (prefers-reduced-motion: reduce) {
      .flip-card-inner {
        transition: none;
      }
    }
    .gallery-item {
      aspect-ratio: 1;
      overflow: hidden;
      position: relative;
    }
    .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transform: none;
      transition: opacity 0.3s ease;
    }
    .gallery-item:hover img {
      transform: none;
    }
    body {
      background: #0a0a0a;
      color: #fafafa;
      padding-bottom: 6rem;
    }
    .rotating-contact {
      position: fixed;
      left: 0;
      right: 0;
      width: 100%;
      overflow: hidden;
      border-top: 1px solid rgba(255,255,255,0.08);
      background: rgba(10,10,10,0.96);
      z-index: 30;
    }
    .rotating-contact.top {
      top: 0;
      bottom: auto;
      border-top: none;
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .rotating-contact.bottom {
      bottom: 0;
      top: auto;
    }
    .rotating-contact .marquee {
      display: inline-block;
      white-space: nowrap;
      animation: marquee 28s linear infinite;
      padding-left: 100%;
    }
    .rotating-contact .marquee span {
      display: inline-block;
      padding: 1rem 2rem;
      font-size: 0.95rem;
      color: #fafafa;
      letter-spacing: 0.02em;
    }
    @keyframes marquee {
      from { transform: translateX(0); }
      to { transform: translateX(-100%); }
    }
    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
      }
    }