@import url('https://fonts.googleapis.com/css2?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');

@theme {
    --font-sans: 'Poppins', sans-serif;
}

body {
    @apply bg-black text-white text-sm antialiased;
}

@layer components {
    .glass {
        @apply bg-white/10 border border-white/20;
    }

    .btn {
        @apply cursor-pointer rounded-full px-8 py-2.5 font-medium text-white transition hover:opacity-90 active:scale-98;
    }
}
html {
    scroll-behavior: smooth;
}

.tik4plans .planCta{
    display: block;
    text-align: center;
    padding: 15px;
}

.tik4features .glass:hover svg path,
.tik4features .glass:hover svg rect{
    color: #0277b6;
}

.tik4features .glass:hover,
.tik4plans .glass:hover{
    border-color: #0277b6;
    background-color: #0277b630;
}