[x-cloak] {
      display: none !important;
    }

    html,
    body {
      font-family: 'Inter', sans-serif;
    }

    .grid-bg {
      background-image:
        linear-gradient(to right, rgba(148, 163, 184, .08) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(148, 163, 184, .08) 1px, transparent 1px);
      background-size: 28px 28px;
    }

    .dark .grid-bg {
      background-image:
        linear-gradient(to right, rgba(148, 163, 184, .05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(148, 163, 184, .05) 1px, transparent 1px);
    }

    .typed-caret::after {
      content: '|';
      display: inline-block;
      margin-left: 3px;
      color: #4f7cff;
      animation: blink 1s infinite;
    }

    @keyframes blink {
      0%, 49% { opacity: 1; }
      50%, 100% { opacity: 0; }
    }

    .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background: #cbd5e1;
      opacity: 1;
      border-radius: 2px;
    }

    .swiper-pagination-bullet-active {
      background: #22c55e;
    }