@import url("./tokens.css");
@import url("./luxury.css");

/* V9 additions: cinematic interaction + accessible focus */
:root{ --wave: rgba(73,255,208,.35); }
button, .btn { -webkit-tap-highlight-color: transparent; }
.btn, button.btn, a.btn{ position:relative; overflow:hidden; }
.btn::before{
  content:""; position:absolute; inset:-2px;
  background: radial-gradient(420px 260px at var(--mx, 50%) var(--my, 50%), rgba(73,255,208,.22), transparent 60%);
  opacity:0; transition: opacity .35s var(--ease);
  pointer-events:none;
}
.btn:hover::before{ opacity:1; }
.btn-wave{
  position:absolute; width:8px; height:8px; border-radius:999px;
  background: var(--wave); pointer-events:none;
  transform: translate(-50%,-50%);
  animation: wave 900ms var(--ease) forwards;
}
@keyframes wave{
  from{ opacity:.9; box-shadow: 0 0 0 0 rgba(73,255,208,.22); transform: translate(-50%,-50%) scale(1); }
  to{ opacity:0; box-shadow: 0 0 0 26px rgba(73,255,208,0); transform: translate(-50%,-50%) scale(18); }
}
/* Slightly stronger glass on index hero */
.hero.card-glass{ background: rgba(5,5,16,.42) !important; border-color: rgba(255,255,255,.14) !important; backdrop-filter: blur(14px) saturate(140%); }