<style>
    /* Общие */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      background: #0a0a0a;
      color: #eee;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
    }
    a { color: #0ff; text-decoration: none; }
    a:hover { text-shadow: 0 0 8px #0ff; }

    /* Контейнер визитки */
    .card {
      background: rgba(20, 20, 20, 0.8);
      border: 1px solid #0ff;
      border-radius: 12px;
      width: 100%;
      max-width: 480px;
      padding: 30px;
      box-shadow: 0 0 20px rgba(0,255,255,0.2);
      position: relative;
      overflow: hidden;
    }
    /* Фоновая сетка */
    .card::before {
      content: "";
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(90deg, rgba(0,255,255,0.05) 1px, transparent 1px) 0 0,
                  linear-gradient(rgba(0,255,255,0.05) 1px, transparent 1px) 0 0;
      background-size: 40px 40px;
      animation: rotateGrid 30s linear infinite;
      z-index: 0;
    }
    @keyframes rotateGrid {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    h1 {
      font-size: 2rem;
      color: #0ff;
      text-align: center;
      margin-bottom: 10px;
      position: relative;
      z-index: 1;
    }
    h2 { font-size: 1.2rem; text-align: center; color: #aaa; margin-bottom: 20px; z-index:1; }

    .section { margin-bottom: 20px; position: relative; z-index:1; }
    .section h3 { font-size: 1.1rem; margin-bottom: 8px; color: #0ff; }
    .section p, .section ul { font-size: 0.95rem; line-height: 1.5; }
    .section ul { list-style: none; }
    .section ul li::before {
      content: "▹";
      margin-right: 6px;
      color: #0ff;
    }

    /* Скрытие контактных данных */
    .hidden {
      filter: blur(6px);
      cursor: pointer;
      display: inline-block;
      transition: filter 0.25s ease;
    }
    .hidden:hover {
      filter: blur(0);
    }

    /* Подпись футера */
    .footer {
      text-align: center;
      font-size: 0.8rem;
      color: #555;
      margin-top: 10px;
      position: relative;
      z-index:1;
    }
    </style>