html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.navlink{position:relative;transition:.25s}
.navlink:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:linear-gradient(90deg,#f43f5e,#db2777);border-radius:99px;transition:.25s}
.navlink:hover{color:#e11d48}
.navlink:hover:after{width:100%}
.reveal{opacity:0;transform:translateY(28px);transition:all .75s ease}
.reveal.show{opacity:1;transform:translateY(0)}
.floaty{animation:floaty 4.5s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.glow-call{animation:glowCall 2.2s ease-in-out infinite}
@keyframes glowCall{0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,.35)}50%{box-shadow:0 0 0 18px rgba(244,63,94,0)}}
.shine{position:relative;overflow:hidden}
.shine:before{content:"";position:absolute;top:0;left:-90%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg)}
.shine:hover:before{animation:shine 1s ease}
@keyframes shine{to{left:130%}}
.card-hover{transition:transform .35s ease, box-shadow .35s ease}
.card-hover:hover{transform:translateY(-12px);box-shadow:0 30px 70px rgba(244,63,94,.18)}
.blog-card:hover .arrow{transform:translateX(8px)}
.modal{display:none}
.modal.active{display:flex}