/**
 * Module CSS: 06-floating-shapes.css
 * Trích nguyên văn dòng 343-358 của pctech-homepage.css gốc.
 * Không đổi nội dung — chỉ tách file theo đúng marker sẵn có trong code gốc.
 */
    /* ── Floating shapes ── */
    .hero-shapes { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
    .shape {
      position: absolute;
      border-radius: 50%;
      opacity: 0.5;
      animation: shapeFloat 8s ease-in-out infinite;
    }
    .shape-1 { width: 80px; height: 80px; background: rgba(245,158,11,0.15); top: 15%; right: 10%; }
    .shape-2 { width: 120px; height: 120px; background: rgba(26,95,180,0.1); bottom: 20%; left: 5%; animation-delay: 2s; }
    .shape-3 { width: 50px; height: 50px; background: rgba(0,168,107,0.12); top: 40%; right: 25%; animation-delay: 4s; }
    @keyframes shapeFloat {
      0%, 100% { transform: translate(0, 0) scale(1); }
      50% { transform: translate(15px, -20px) scale(1.05); }
    }