Refactor CSS for responsive design adjustments

Author: AionSystem

Mothersday/index.html

@@ -72,7 +72,6 @@
 }
 @keyframes scan { 0% { transform: translateY(0); } 100% { transform: translateY(4px); } }
 
-/* PURE-GPU CURSOR – no trail, no DOM updates, zero layout shift */
 .custom-cursor {
   width: 20px;
   height: 20px;
@@ -254,6 +253,8 @@
 @media (max-width: 600px) {
   .cards { grid-template-columns: 1fr; }
   .hero-title { font-size: 42px; }
+  .hero { min-height: 50vh; padding: 60px 20px 20px; }
+  .scroll-indicator { margin-top: -40px; }
 }
 </style>
 </head>