@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,sans-serif}body{z-index:0;background:linear-gradient(to top right,#f2f6f8 0%,#fff 90%);flex-direction:column;min-height:100vh;display:flex;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle,#5bbfba 2px,#0000 1px);background-size:22px 22px;position:fixed;inset:0}body:before{-webkit-mask-image:linear-gradient(to top right,#000 0% 15%,#0000 40%);mask-image:linear-gradient(to top right,#000 0% 15%,#0000 40%)}body:after{-webkit-mask-image:linear-gradient(to top left,#000 0% 5%,#0000 30%);mask-image:linear-gradient(to top left,#000 0% 5%,#0000 30%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px)rotateX(90deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}@keyframes scalePulse{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes bounceUp{0%{opacity:0;transform:translateY(100%)}60%{opacity:1;transform:translateY(-20px)}80%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translateY(0)}}.flip-in{animation:.6s forwards flipInX}.fade-in{animation:.5s forwards fadeIn}.bounce-up{animation:.7s ease-out forwards bounceUp}