:root {
      --charcoal: #1F1B24;
      --gold: #FFD23F;
      --blue: #6EC1E4;
      --white: #FFFFFF;
      --red: #F15A59;
    }
    
    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
    }
    
    body {
      font-family: 'Inter', sans-serif;
      background: var(--charcoal);
      color: var(--white);
    }
    
    .font-heading {
      letter-spacing: 0.05em;
    }
    
    .main-wrapper {
      width: 100%;
      min-height: 100%;
      overflow-x: hidden;
    }
    
    /* Header gradient on scroll */
    .header-scrolled {
      background: linear-gradient(to bottom, var(--charcoal), rgba(31, 27, 36, 0.95));
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    }
    
    /* Gold glow effect */
    .gold-glow:hover {
      text-shadow: 0 0 20px rgba(255, 210, 63, 0.6);
      color: var(--gold);
    }
    
    /* Card lift effect */
    .card-lift {
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    
    .card-lift:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 40px rgba(255, 210, 63, 0.2);
    }
    
    /* Slide animations */
    @keyframes slideInLeft {
      from {
        opacity: 0;
        transform: translateX(-60px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
    
    @keyframes slideInRight {
      from {
        opacity: 0;
        transform: translateX(60px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
    
    @keyframes slideInUp {
      from {
        opacity: 0;
        transform: translateY(40px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    
    @keyframes pulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.05); }
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-15px); }
    }
    
    .animate-slide-left {
      animation: slideInLeft 0.8s ease-out forwards;
    }
    
    .animate-slide-right {
      animation: slideInRight 0.8s ease-out forwards;
    }
    
    .animate-slide-up {
      animation: slideInUp 0.6s ease-out forwards;
    }
    
    .animate-fade {
      animation: fadeIn 1s ease-out forwards;
    }
    
    .animate-float {
      animation: float 4s ease-in-out infinite;
    }
    
    .delay-1 { animation-delay: 0.2s; opacity: 0; }
    .delay-2 { animation-delay: 0.4s; opacity: 0; }
    .delay-3 { animation-delay: 0.6s; opacity: 0; }
    .delay-4 { animation-delay: 0.8s; opacity: 0; }
    
    /* CTA pulse */
    .cta-pulse:hover {
      animation: pulse 0.6s ease-in-out infinite;
    }
    
    /* Parallax container */
    .parallax-bg {
      background-image: 
        linear-gradient(135deg, rgba(255, 210, 63, 0.03) 25%, transparent 25%),
        linear-gradient(225deg, rgba(255, 210, 63, 0.03) 25%, transparent 25%),
        linear-gradient(45deg, rgba(255, 210, 63, 0.03) 25%, transparent 25%),
        linear-gradient(315deg, rgba(255, 210, 63, 0.03) 25%, transparent 25%);
      background-size: 80px 80px;
      background-position: 0 0, 40px 0, 40px -40px, 0 40px;
    }
    
    /* Horizontal scroll */
    .horizontal-scroll {
      scrollbar-width: thin;
      scrollbar-color: var(--gold) var(--charcoal);
    }
    
    .horizontal-scroll::-webkit-scrollbar {
      height: 6px;
    }
    
    .horizontal-scroll::-webkit-scrollbar-track {
      background: var(--charcoal);
    }
    
    .horizontal-scroll::-webkit-scrollbar-thumb {
      background: var(--gold);
      border-radius: 3px;
    }
    
    /* Diagonal cards */
    .diagonal-card {
      transform: rotate(-2deg);
      transition: all 0.4s ease;
    }
    
    .diagonal-card:nth-child(even) {
      transform: rotate(2deg);
    }
    
    .diagonal-card:hover {
      transform: rotate(0deg) scale(1.05);
    }
    
    /* Progress bar animation */
    .progress-bar {
      transition: width 1.5s ease-out;
    }
    
    /* Image zoom */
    .img-zoom {
      overflow: hidden;
    }
    
    .img-zoom img {
      transition: transform 0.5s ease;
    }
    
    .img-zoom:hover img {
      transform: scale(1.1);
    }
    
    /* Mobile menu */
    .mobile-menu {
      transform: translateX(100%);
      transition: transform 0.3s ease;
    }
    
    .mobile-menu.active {
      transform: translateX(0);
    }
    
    /* Chart animation */
    @keyframes drawLine {
      from { stroke-dashoffset: 1000; }
      to { stroke-dashoffset: 0; }
    }
    
    .chart-line {
      stroke-dasharray: 1000;
      animation: drawLine 2s ease-out forwards;
    }
    
    /* Masonry grid */
    .masonry-item:nth-child(3n+1) { transform: translateY(20px); }
    .masonry-item:nth-child(3n+2) { transform: translateY(-10px); }