/* Extracted from index.html. Do not edit manually. */

body {
      box-sizing: border-box;
    }
    
    * {
      font-family: 'DM Sans', sans-serif;
    }
    
    .glass-card {
      background: rgba(255, 255, 255, 0.03);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 
        0 20px 40px -10px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    
    .glass-card-light {
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      border: 1px solid rgba(255, 255, 255, 0.5);
      box-shadow: 
        0 20px 40px -10px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }
    
    .gradient-blob {
      filter: blur(100px);
      opacity: 0.5;
      animation: blob-float 10s ease-in-out infinite;
    }
    
    .gradient-blob-2 {
      animation-delay: -4s;
    }
    
    .gradient-blob-3 {
      animation-delay: -2s;
    }
    
    .gradient-blob-4 {
      animation-delay: -6s;
    }
    
    @keyframes blob-float {
      0%, 100% { transform: translate(0, 0) scale(1); }
      33% { transform: translate(30px, -30px) scale(1.1); }
      66% { transform: translate(-20px, 20px) scale(0.9); }
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-20px); }
    }
    
    .float-animation {
      animation: float 6s ease-in-out infinite;
    }
    
    .float-delayed {
      animation: float 6s ease-in-out infinite 1s;
    }
    
    .shine-effect {
      position: relative;
      overflow: hidden;
    }
    
    .shine-effect::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        to right,
        transparent 0%,
        rgba(255, 255, 255, 0.2) 50%,
        transparent 100%
      );
      transform: rotate(30deg);
      animation: shine 4s ease-in-out infinite;
    }
    
    @keyframes shine {
      0% { transform: translateX(-100%) rotate(30deg); }
      100% { transform: translateX(100%) rotate(30deg); }
    }
    
    .btn-primary {
      background: linear-gradient(135deg, #FF3008 0%, #FF5533 100%);
      box-shadow: 
        0 8px 20px -6px rgba(255, 48, 8, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
    }
    
    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 
        0 12px 30px -4px rgba(255, 48, 8, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    }
    
    .btn-primary:active {
      transform: translateY(0px);
    }
    
    .text-gradient {
      background: linear-gradient(135deg, #FF3008 0%, #FF6B4A 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .deal-card {
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    
    .deal-card:hover {
      transform: translateY(-10px) scale(1.03);
      box-shadow: 0 20px 40px rgba(255, 48, 8, 0.3);
    }
    
    .feature-icon {
      background: linear-gradient(135deg, rgba(255, 48, 8, 0.1) 0%, rgba(255, 107, 74, 0.1) 100%);
      border: 1px solid rgba(255, 48, 8, 0.2);
      transition: all 0.3s ease;
    }
    
    .deal-card:hover .feature-icon {
      background: linear-gradient(135deg, rgba(255, 48, 8, 0.2) 0%, rgba(255, 107, 74, 0.2) 100%);
      transform: scale(1.1);
    }
    
    @keyframes pulse-ring {
      0% { transform: scale(0.8); opacity: 1; }
      100% { transform: scale(1.5); opacity: 0; }
    }
    
    .pulse-ring {
      animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    }
    
    .nav-glass {
      background: rgba(0, 0, 0, 0.8);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      transition: all 0.3s ease;
    }
    
    .nav-glass.scrolled {
      background: rgba(0, 0, 0, 0.95);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    }
    
    @keyframes slideInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    .animate-in {
      animation: slideInUp 0.6s ease-out forwards;
      opacity: 0;
    }
    
    .delay-100 { animation-delay: 0.1s; }
    .delay-200 { animation-delay: 0.2s; }
    .delay-300 { animation-delay: 0.3s; }
    .delay-400 { animation-delay: 0.4s; }
    
    @keyframes countUp {
      from { opacity: 0; transform: scale(0.5); }
      to { opacity: 1; transform: scale(1); }
    }
    
    .count-animation {
      animation: countUp 0.5s ease-out forwards;
    }
    
    .glow-pulse {
      animation: glow 2s ease-in-out infinite;
    }
    
    @keyframes glow {
      0%, 100% { box-shadow: 0 0 20px rgba(255, 48, 8, 0.3); }
      50% { box-shadow: 0 0 40px rgba(255, 48, 8, 0.6); }
    }
    
    .glass-card, .coupon-card, .nav-glass {
      transform: translateZ(0);
    }
    
    [v-cloak] { display: none; }

@view-transition { navigation: auto; }