.circle-pattern {
    position: relative;
    overflow: hidden;
}

.circle-pattern::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: rgba(0,94,158,0.1);
    top: -100px;
    left: -100px;
}

.circle-pattern::after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: rgba(209,48,28,0.1);
    bottom: -75px;
    right: -75px;
}

.wave-pattern {
    position: relative;
    overflow: hidden;
}

.wave-pattern::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    background: linear-gradient(45deg, transparent 33.33%, var(--primary-color) 33.33%, var(--primary-color) 66.66%, transparent 66.66%);
    background-size: 30px 100%;
    opacity: 0.1;
    top: 0;
}

.random-circles {
    position: relative;
    overflow: hidden;
}

.random-circles::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 10% 20%, rgba(0,94,158,0.1) 1px, transparent 1px),
                      radial-gradient(circle at 90% 60%, rgba(209,48,28,0.1) 1px, transparent 1px),
                      radial-gradient(circle at 50% 80%, rgba(0,168,107,0.1) 2px, transparent 2px);
    background-size: 120px 120px;
}