* { font-family: 'Inter', sans-serif; }
    html, body { height: 100%; margin: 0; }
    .app-wrapper { min-height: 100%; width: 100%; }
    
    .mint-accent { color: #C6F1D6; }
    .mint-bg { background-color: #C6F1D6; }
    .mint-border { border-color: #C6F1D6; }
    
    .nav-pill {
      border: 2px solid #C6F1D6;
      border-radius: 9999px;
      padding: 12px 32px;
      transition: all 0.3s ease;
      background: transparent;
    }
    .nav-pill:hover {
      background: #C6F1D6;
    }
    .nav-pill:hover a, .nav-pill:hover span {
      color: #000000 !important;
    }
    
    .project-card {
      border: 1px solid #C6F1D6;
      transition: all 0.4s ease;
    }
    .project-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(198, 241, 214, 0.2);
    }
    
    .input-field {
      border: 1px solid #C6F1D6;
      background: #FFFFFF;
      transition: all 0.3s ease;
    }
    .input-field:focus {
      outline: none;
      box-shadow: 0 0 0 3px rgba(198, 241, 214, 0.3);
    }
    
    .btn-mint {
      background: #C6F1D6;
      color: #000000;
      transition: all 0.3s ease;
    }
    .btn-mint:hover {
      background: #a8e4bc;
      transform: translateY(-2px);
    }
    


    .hero-bg {
        background-image: url('https://static.wixstatic.com/media/c837a6_0c8940936d22478b99845186c890331e~mv2.jpg/v1/fill/w_1883,h_1055,fp_0.94_0.00,q_90,usm_0.66_1.00_0.01,enc_auto/c837a6_0c8940936d22478b99845186c890331e~mv2.jpg');
      position: relative;
      overflow: hidden;
    }
    .hero-bg::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: 
        radial-gradient(circle at 20% 80%, rgba(198, 241, 214, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(198, 241, 214, 0.03) 0%, transparent 50%),
        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 100% 100%, 100% 100%, 80px 80px, 80px 80px;
    }
    
    .page { display: none; }
    .page.active { display: block; }
    
    .fade-in {
      animation: fadeIn 0.6s ease forwards;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    .stagger-1 { animation-delay: 0.1s; }
    .stagger-2 { animation-delay: 0.2s; }
    .stagger-3 { animation-delay: 0.3s; }
    .stagger-4 { animation-delay: 0.4s; }
    .stagger-5 { animation-delay: 0.5s; }
    
    .service-card {
      border: 1px solid rgba(198, 241, 214, 0.3);
      transition: all 0.4s ease;
    }
    .service-card:hover {
      border-color: #C6F1D6;
      background: rgba(198, 241, 214, 0.05);
    }
    
    .team-member {
      transition: all 0.4s ease;
    }
    .team-member:hover {
      transform: scale(1.02);
    }
    .team-member:hover img {
      filter: grayscale(0);
    }
    .team-member img {
      filter: grayscale(100%);
      transition: all 0.4s ease;
    }
    
    .scroll-indicator {
      animation: bounce 2s infinite;
    }
    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
      40% { transform: translateY(-10px); }
      60% { transform: translateY(-5px); }
    }
    
    .mint-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, #C6F1D6, transparent);
    }