/* Shared styles for every page. Link from each page's <head> with:
   <link rel="stylesheet" href="/styles.css"> */

body{margin:0;background:#070B14;color:#FFFFFF;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
html{scroll-behavior:smooth}
a{color:#FFFFFF}a:hover{color:#E4F7A8}
h1,h2,h3{font-family:'Geist',Inter,system-ui,sans-serif}
input,select,textarea{font:inherit}
@keyframes em-pulse{0%,100%{opacity:.55}50%{opacity:1}}
.em-dot{animation:em-pulse 1.6s ease-in-out infinite}
@keyframes em-in{0%{opacity:0;transform:translateY(6px)}12%,100%{opacity:1;transform:none}}
.em-row{animation:em-in 7s ease-out infinite both}
@keyframes em-pulse{0%{box-shadow:0 0 0 0 rgba(198,244,50,0.7)}70%{box-shadow:0 0 0 18px rgba(198,244,50,0)}100%{box-shadow:0 0 0 0 rgba(198,244,50,0)}}
.em-pulse{animation:em-pulse 1.8s ease-out infinite}
.em-pulse:hover{transform:translateY(-1px)}
@keyframes em-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.em-track{animation:em-scroll 28s linear infinite}
.em-marquee:hover .em-track{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.em-dot,.em-row,.em-track,.em-pulse{animation:none}}
@media (max-width: 760px){.em-navlink{display:none !important}.em-pad{padding:28px 20px !important;border-radius:20px !important}.em-hero-h{font-size:44px !important}}
@keyframes em-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.em-float{animation:em-float 5s ease-in-out infinite}
@keyframes em-step{0%{opacity:.2;transform:translateX(-8px)}12%,88%{opacity:1;transform:none}100%{opacity:.2;transform:translateX(-8px)}}
.em-step{animation:em-step 6s ease-out infinite both}
@keyframes em-spin{to{transform:rotate(360deg)}}
.em-spin{animation:em-spin 3s linear infinite}
@media (prefers-reduced-motion: reduce){.em-float,.em-step,.em-spin{animation:none}}
@media (max-width: 760px){.em-stack{position:relative !important;top:auto !important;padding:24px !important;border-radius:22px !important;gap:24px !important}}