body {
    font-family: 'Exo 2', 'Helvetica Neue', Arial, sans-serif;
    background-color: #ffffff;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, .heading {
    font-family: 'Flipahaus', sans-serif;
}

.gradient-primary {
    background: linear-gradient(135deg, #1a365d, #2a4365);
    position: relative;
    overflow: hidden;
}

.gradient-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://app.trickle.so/storage/public/images/usr_0cb2a10a40000001/0984091f-f04a-4b75-b868-272aa27e0ae1.png');
    background-size: cover;
    opacity: 0.1;
    pointer-events: none;
}

.geometric-pattern {
    position: relative;
    background-color: #f7fafc;
    overflow: hidden;
}

.geometric-pattern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://app.trickle.so/storage/public/images/usr_0cb2a10a40000001/f006e54c-dd6c-4937-ad67-d248f3d89a2d.png');
    background-size: cover;
    opacity: 0.05;
    pointer-events: none;
}

.diagonal-lines {
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}

.diagonal-lines::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://app.trickle.so/storage/public/images/usr_0cb2a10a40000001/506fb4e6-670c-4def-a6f9-5fdf139a0c9a.png');
    background-size: cover;
    opacity: 0.05;
    pointer-events: none;
}

.text-gradient {
    background: linear-gradient(135deg, #1a365d, #2a4365);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
}

.card-shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.glass-effect {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

html {
    scroll-behavior: smooth;
}