@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
.hero-pattern{background-color:#fff;background-image:radial-gradient(#e5e7eb 1px,#0000 1px);background-size:20px 20px}.loader{border:3px solid #f3f3f3;border-top-color:#dc2743;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.fade-in-up{opacity:0;animation:.5s ease-out forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ad-container{justify-content:center;align-items:center;min-height:50px;margin:20px auto;display:flex;position:relative;overflow:hidden}.ad-leaderboard{width:100%;max-width:728px;min-height:90px}.ad-rectangle{width:100%;max-width:300px;min-height:250px}.ad-responsive{width:100%;max-width:970px;min-height:90px}@media (max-width:640px){.ad-leaderboard,.ad-responsive{min-height:50px}.ad-rectangle{max-width:100%}}