.gradient-container {
    position: relative;
    background: linear-gradient(
        135deg,
        #2a2520 0%,
        #1f1f23 30%,
        #1a1a20 50%,
        #1a1f2e 70%,
        #1f2535 100%
    );
}

.gradient-container::before {
    content: "";
    position: absolute;
    top: -50%;
    left: 20%;
    width: 800px;
    height: 800px;
    background: radial-gradient(
        circle,
        rgba(160, 120, 90, 0.6) 0%,
        rgba(140, 100, 70, 0.3) 20%,
        transparent 70%
    );
    filter: blur(100px);
    pointer-events: none;
}

.gradient-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(80, 60, 50, 0.4) 0%, transparent 70%);
    filter: blur(120px);
    pointer-events: none;
}


.collapse-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tab-btn {
    font-family: Inter;
    font-size: 12px;
    padding: 7px 12px;
    border-radius: 8px;
    background: white;
    color: #121926;
    box-shadow: 0px 1px 3px #0000001A;
    transition: all 0.2s ease;
}

.tab-btn.active {
    background: #1A56DB;
    color: white;
}