
    body {
      box-sizing: border-box;
    }
    
    .font-heading {
      font-family: 'DM Sans', sans-serif;
    }
    
    .font-body {
      font-family: 'Inter', sans-serif;
    }
    
    .gradient-bg {
      background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    }
    
    .glow-effect {
      box-shadow: 0 0 60px rgba(59, 130, 246, 0.15);
    }
    
    .text-gradient {
      background: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .floating-icon {
      animation: floating 3s ease-in-out infinite;
    }
    
    @keyframes floating {
      0%, 100% {
        transform: translateY(0) rotate(0deg);
      }
      25% {
        transform: translateY(-10px) rotate(2deg);
      }
      75% {
        transform: translateY(-5px) rotate(-2deg);
      }
    }
    
    .mobile-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
    
    .mobile-menu.active {
      max-height: 500px;
    }
    
    .nav-link {
      position: relative;
      transition: color 0.3s ease;
    }
    
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, #3b82f6, #a855f7);
      transition: width 0.3s ease;
    }
    
    .nav-link:hover::after {
      width: 100%;
    }
    
    .btn-shine {
      position: relative;
      overflow: hidden;
    }
    
    .btn-shine::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
      transition: left 0.5s ease;
    }
    
    .btn-shine:hover::before {
      left: 100%;
    }
    
    .shadow-glow {
      box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3), 0 0 20px rgba(59, 130, 246, 0.2);
    }
    
    .privacy-content h2 {
      scroll-margin-top: 100px;
    }
    
    .privacy-content ul {
      list-style-type: disc;
      padding-left: 1.5rem;
    }
    
    .privacy-content ol {
      list-style-type: decimal;
      padding-left: 1.5rem;
    }
    
    .privacy-content li {
      margin-bottom: 0.5rem;
    }

    @view-transition { navigation: auto; }