@import"https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Indie+Flower&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Manrope:wght@200..800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:5%;background-color:#000;font-family:Advent Pro,sans-serif;color:#fff;overflow-x:hidden}.App{display:flex;flex-direction:column;align-items:center;text-align:center}.content{display:flex;flex-direction:column;align-items:center;margin-top:50px;transition:transform 1s ease,opacity 1s ease}.content.slide-up{transform:translateY(-50px);opacity:1}.circle{position:absolute;border-radius:50%;background:#fff9;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(var(--startY)) scale(var(--scale));opacity:var(--opacityStart)}to{transform:translateY(-10vh) scale(var(--scale));opacity:1}}.cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:40px}.card{flex:1 1 100%;max-width:260px;min-height:160px;background:#ffffff14;border-radius:12px;padding:20px;color:#fff;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 18px #ffffff0f;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);box-shadow:0 0 20px #ffffff2e}@media(min-width:600px){.card{flex:1 1 calc(50% - 24px);max-width:none}}@media(min-width:992px){.card{flex:1 1 calc(33.33% - 24px)}}@media(min-width:768px){h1{font-size:3rem}p{font-size:1.5rem}}@media(min-width:1024px){h1{font-size:3.7rem}p{font-size:1.9rem}}.footer{margin-top:10%;font-size:.9rem;color:#fff9}
