/* Design upgrade v2 untuk AyoFoto — override ringan, tidak mengubah logika React.
   Dipakai bersama thumbnail neon sebelumnya: gelap premium, aksen cyan-magenta,
   tombol kiosk lebih besar dan mudah ditekan, kartu lebih hidup saat hover. */
:root{ --ayo-cyan:#22d3ee; --ayo-magenta:#e879f9; --ayo-amber:#fbbf24; }
body{ font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }
button{ -webkit-tap-highlight-color: transparent; }
button:hover{ filter: brightness(1.08); }
button:active{ transform: scale(.97); }
/* Kartu utama: glow halus, bukan flat */
.apple-glass, .apple-glass-card{
  box-shadow: 0 25px 60px -15px rgba(0,0,0,.7), 0 0 0 1px rgba(34,211,238,.12) inset !important;
}
/* Judul lebih tegas, aksen gradasi */
h1{
  background: linear-gradient(90deg,#ffffff 30%, var(--ayo-cyan) 70%, var(--ayo-magenta));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
/* Thumbnail: sudut lebih hidup + glow saat hover */
img{ border-radius: inherit; }
.group:hover img{ filter: brightness(1.05) saturate(1.1); }
/* Tombol aksi utama di kiosk: minimal tinggi sentuh 48px */
button[class*="rounded-full"]{ min-height: 44px; }
@media (max-width: 640px){
  h1{ font-size: 2rem !important; }
  button{ font-size: 14px; }
}