/* Base Settings for Premium Feel */
html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent; /* Remove blue highlight on tap for app-like feel */
}

body {
    background-color: #FDFBF7;
    background-image: radial-gradient(#E69F78 0.5px, transparent 0.5px);
    background-size: 20px 20px;
    /* Prevent horizontal scroll on mobile */
    overflow-x: hidden; 
}

/* Glassmorphism Optimization */
.glass {
    background: rgba(255, 255, 250, 0.95);
    backdrop-filter: blur(12px); /* Increased blur for more premium look */
    -webkit-backdrop-filter: blur(12px); /* Safari support */
    border: 1px solid rgba(255, 255, 255, 0.6);
}

/* Hardware Acceleration for Smooth Animations */
.group img {
    will-change: transform; /* Hint browser to prioritize GPU */
    backface-visibility: hidden; /* Prevent blur during scale */
}

/* Button Touch feedback */
button:active {
    transform: scale(0.98);
}