* { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFE 50%, #F0F4FE 100%);
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }
        
        .subtle-gradient {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            background: radial-gradient(circle at 10% 20%, rgba(59,130,246,0.04) 0%, rgba(234,179,8,0.02) 60%, rgba(255,255,255,0) 100%);
            pointer-events: none;
        }
        
        .soft-particle {
            position: fixed;
            width: 3px;
            height: 3px;
            background: rgba(59,130,246,0.2);
            border-radius: 50%;
            pointer-events: none;
            z-index: 0;
            animation: particleDrift 14s infinite linear;
        }
        
        @keyframes particleDrift {
            0% { transform: translateY(100vh) scale(0); opacity: 0; }
            20% { opacity: 0.4; }
            80% { opacity: 0.3; }
            100% { transform: translateY(-20vh) scale(1); opacity: 0; }
        }
        
        .card-move {
            transition: transform 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1), box-shadow 0.3s ease;
            will-change: transform;
        }
        
        .card-move:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 30px -12px rgba(0,0,0,0.1);
        }
        
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }
        
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        .glass-nav {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(59,130,246,0.15);
            box-shadow: 0 2px 12px rgba(0,0,0,0.02);
        }
        
        .btn-primary {
            background: #0263ff;
            transition: all 0.3s;
            box-shadow: 0 4px 12px rgba(59,130,246,0.25);
        }
        
        .btn-primary:hover {
            background: #0051ff;
            transform: scale(1.03);
            box-shadow: 0 8px 20px rgba(59,130,246,0.35);
        }
        
        .btn-outline {
            border: 2px solid #0062ff;
            transition: all 0.3s;
        }
        
        .btn-outline:hover {
            background: #0062ff;
            color: white;
            transform: scale(1.02);
        }
        
        .soft-card {
            background: white;
            border: 1px solid rgba(59,130,246,0.1);
            transition: all 0.3s;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
        }
        
        .soft-card:hover {
            border-color: rgba(59,130,246,0.25);
            box-shadow: 0 12px 24px -12px rgba(0,0,0,0.08);
        }
        
        .testimonial-card {
            background: white;
            border-radius: 1.5rem;
            box-shadow: 0 4px 20px rgba(0,0,0,0.04);
            border: 1px solid rgba(234,179,8,0.15);
        }
        
        [x-cloak] { display: none !important; }
        
        .gradient-text {
            background: linear-gradient(135deg, #0062ff, #eab308);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        .quote-mark {
            color: rgba(59,130,246,0.12);
        }
   
#backToTop {
  opacity: 0;           /* Start invisible */
  visibility: hidden;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  
  /* Modern Luxury Styling */
  background: rgba(0, 15, 52, 0.824);
  backdrop-filter: blur(10px); /* Glassmorphism effect */
  border: 1px solid rgba(255, 253, 194, 0.3);
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 12px;
  cursor: pointer;
  
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

#backToTop.show {
  opacity: 1;
  visibility: visible;
}

#backToTop:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.4);
}