@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.cdnfonts.com/css/takota');

html {
    scroll-behavior: smooth;
}
        
body {
    font-family: 'Saira', sans-serif;
}

.takota {
    font-family: 'Takota', sans-serif;
    color: #FFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.hero-section {
    background: linear-gradient(45deg, #0f131e 0%, #1d293d 100%);
    height: 100vh;
}

.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 56, 255, 0.2);
}