@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(13,148,136,0.3)}50%{box-shadow:0 0 40px rgba(13,148,136,0.6)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.animate-fadeInUp{animation:fadeInUp 0.8s ease-out both}
.animate-fadeIn{animation:fadeIn 0.6s ease-out both}
.animate-slideInLeft{animation:slideInLeft 0.8s ease-out both}
.animate-slideInRight{animation:slideInRight 0.8s ease-out both}
.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}
.animate-float{animation:float 4s ease-in-out infinite}
.delay-100{animation-delay:0.1s}
.delay-200{animation-delay:0.2s}
.delay-300{animation-delay:0.3s}
.delay-400{animation-delay:0.4s}
.delay-500{animation-delay:0.5s}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif}
::selection{background:rgba(13,148,136,0.2);color:#0f172a}
.xy-gradient-text{background:linear-gradient(135deg,#0d9488,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.xy-dark-panel{background:radial-gradient(circle at top right,rgba(13,148,136,0.12),transparent 30%),linear-gradient(180deg,#0f172a 0%,#020617 100%)}
.xy-card{background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02));border:1px solid rgba(13,148,136,0.18);backdrop-filter:blur(8px)}
.xy-gold-ring{box-shadow:0 0 0 1px rgba(13,148,136,0.2),0 10px 30px rgba(0,0,0,0.25)}
.xy-cta{background:linear-gradient(135deg,#0d9488,#059669)}
.xy-cta:hover{background:linear-gradient(135deg,#0f766e,#047857)}