body { background: #ffffff; }
      .glass-parchment {
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border: 1px solid rgba(255, 255, 255, 0.25);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        border-radius: 1rem;
      }
      .glass-dark {
        background: rgba(30, 41, 32, 0.85);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
        border-radius: 1rem;
      }
      .btn-indy {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 1.5rem;
        border-radius: 2.5rem;
        font-weight: 600;
        transition: all 0.3s ease;
        background: linear-gradient(135deg, #ffffff, #7a5522);
        color: #fff;
        box-shadow: 0 4px 14px rgba(122, 85, 34, 0.4);
        border: none;
        cursor: pointer;
        font-size: 0.95rem;
        letter-spacing: 0.3px;
        text-decoration: none;
      }
      .btn-indy:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 22px rgba(122, 85, 34, 0.5);
      }
      .metric-card { transition: all 0.3s ease; }
      .metric-card:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.15); }
      .pulse-dot { animation: pulse 2s infinite; }
      @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }

      /* Иконки с мягкой 3D-тенью */
      .icon-3d {
        display: inline-block;
        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.15));
        transition: transform 0.2s;
      }
      .icon-3d:hover { transform: scale(1.1); }

      /* Фоновое видео */
      .hero-video {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        object-fit: cover;
        z-index: 0;
      }
      .hero-overlay {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: linear-gradient(rgba(0,0,0,0.6), rgba(0,20,0,0.8));
        z-index: 1;
      }
      .hero-content { position: relative; z-index: 2; }

      /* Адаптивные отступы и размеры */
      @media (max-width: 480px) {
        .btn-indy { padding: 0.6rem 1.2rem; font-size: 0.85rem; }
        .glass-parchment, .glass-dark { padding: 1rem; }
        .hero-content h1 { font-size: 2rem; }
      }