body {
      background: linear-gradient(135deg, #0D2524 0%, #1A3C3A 100%);
      min-height: 100vh;
      overflow-x: hidden;
      color: #E0F2F1;
      font-size: 1rem;
      line-height: 1.6;
    }
    .canvas-bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      opacity: 0.4;
    }
    .card {
      backdrop-filter: blur(10px);
      background: rgba(38, 166, 154, 0.1);
      border: 1px solid rgba(38, 166, 154, 0.2);
      padding: 1.5rem;
      border-radius: 0.5rem;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    }
    .glow {
      text-shadow: 0 0 10px rgba(38, 166, 154, 0.6);
    }
    .animate-pulse-slow {
      animation: pulse 3s ease-in-out infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 0.7; }
      50% { opacity: 1; }
    }
    h1, h2, h3 {
      color: #B2DFDB;
    }
    a {
      color: #80CBC4;
      text-decoration: underline;
    }
    a:hover {
      color: #26A69A;
    }
    button {
      cursor: pointer;
      padding: 0.75rem 1.5rem;
      font-size: 1rem;
      border: none;
      border-radius: 0.375rem;
    }
    button:focus {
      outline: 3px solid #80CBC4;
      outline-offset: 2px;
    }
    input, textarea {
      background: #0D2524;
      border: 1px solid #26A69A;
      border-radius: 0.375rem;
      padding: 0.75rem;
      color: #E0F2F1;
    }
    input:focus, textarea:focus {
      outline: 3px solid #80CBC4;
      border-color: #26A69A;
    }
    .container {
      max-width: 100%;
      padding: 1rem;
    }
    
    .grid {
      gap: 1rem;
    }
    @media (min-width: 640px) {
      .container {
        max-width: 640px;
      }
      .grid {
        gap: 1.5rem;
      }
    }
    @media (min-width: 768px) {
      .container {
        max-width: 768px;
      }
      #walletInfo {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    @media (min-width: 1024px) {
      .container {
        max-width: 1024px;
      }
      #mission .grid {
        grid-template-columns: repeat(4, 1fr);
      }
      #services .grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    /* Blockchain Section Styling */
    .blockchain-card {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }
    @media (min-width: 640px) {
      .blockchain-card {
        flex-direction: row;
        align-items: center;
      }
      .blockchain-card img {
        margin-right: 1.5rem;
      }
    }