*{box-sizing:border-box}
body{margin:0;background:#4A30CA;font-family:Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#4A30CA;text-decoration:none}
a:hover{color:#3822A0}
@keyframes rwd-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes rwd-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}

.store-badge:hover{transform:translateY(-2px)}
@keyframes rwd-badge-pulse{
  0%,100%{box-shadow:0 0 0 2px rgba(74,48,202,0.95),0 8px 20px rgba(74,48,202,0.28)}
  50%{box-shadow:0 0 0 2px rgba(74,48,202,0.2),0 8px 20px rgba(74,48,202,0.08)}
}
.badge-highlight{animation:rwd-badge-pulse 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
  .badge-highlight{animation:none;box-shadow:0 0 0 2px #4A30CA,0 8px 20px rgba(74,48,202,0.22)}
}
.copy-btn:hover{background:#3822A0 !important}
.back-link:hover{color:#FFFFFF !important}

@media (max-width:480px){
  .stat-tile{flex-direction:column !important;text-align:center !important;gap:8px !important}
}

/* Interactive states shared by the content rows on /delete-account */
.rwd-row{transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease}
.rwd-row:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,10,60,0.11)}
.rwd-row:active{transform:translateY(0) scale(.985);box-shadow:0 2px 6px rgba(20,10,60,0.10)}
.rwd-row:hover .rwd-row-icon{transform:scale(1.08) rotate(-4deg)}
.rwd-row-icon{transition:transform .22s cubic-bezier(.2,.8,.3,1)}

.logo-link{transition:transform .18s cubic-bezier(.2,.8,.3,1)}
.logo-link:hover{transform:translateY(-1px) scale(1.04)}
.logo-link:active{transform:scale(.96)}

.mail-link{transition:color .15s ease,border-color .15s ease,background .15s ease}
.mail-link:hover{border-bottom-color:#3822A0;background:#F1EDFF}
.mail-link:active{color:#2B1980 !important}

.back-link{transition:color .15s ease,border-color .15s ease}
.back-link:active{color:#FFFFFF !important;border-bottom-color:#FFFFFF}

.store-badge:active{transform:translateY(0) scale(.97)}

@media (prefers-reduced-motion:reduce){
  .rwd-row,.rwd-row-icon,.logo-link{transition:none}
  .rwd-row:hover,.rwd-row:active,.logo-link:hover,.logo-link:active{transform:none}
  .rwd-row:hover .rwd-row-icon{transform:none}
}