/* API Control Section Cards */
.api-control-card {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 16px;
box-shadow: 0 8px 32px rgba(123,93,214,0.10), 0 1.5px 6px rgba(123,93,214,0.06);
padding: 32px 28px 36px 28px;
text-decoration: none;
transition: box-shadow 0.2s, transform 0.2s;
position: relative;
height: 100%;
color: inherit;
}

.api-control-card:hover {
box-shadow: 0 12px 40px rgba(123,93,214,0.16), 0 2px 8px rgba(123,93,214,0.10);
transform: translateY(-4px) scale(1.02);
text-decoration: none;
color: inherit;
}

.api-control-card .card-icon-link {
text-decoration: none;
color: inherit;
display: block;
}

.api-control-card .card-icon-link:hover {
text-decoration: none;
}

.api-control-card .card-icon {
font-size: 3.5rem;
color: #7b5dd6;
background: #f3f0fa;
border-radius: 16px;
padding: 20px;
width: 100%;
height: 180px;
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: center;
}

.api-control-card .card-icon img {
object-fit: contain;
}

.api-control-card .card-icon svg {
width: 100%;
height: 100%;
max-width: 120px;
max-height: 120px;
}

.api-control-card .card-title {
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 12px;
color: #2d225a;
text-align: center;
}

.api-control-card .card-desc {
font-size: 1rem;
color: #6c6a7a;
text-align: center;
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}

.api-control-card .card-button-wrapper {
text-align: center;
margin-top: auto;
padding-top: 10px;
}

.api-control-card .card-button-wrapper .btn {
display: inline-block;
cursor: pointer;
transition: color 0.2s ease;
}

.api-control-card .card-button-wrapper .btn:hover {
color: #e2e2e2 !important;
}

/* Responsive Styles */
@media (max-width: 991.98px) {
.api-control-card {
    margin-bottom: 30px;
}

.api-control-card .card-icon {
    height: 160px;
    font-size: 3rem;
}
}

@media (max-width: 767.98px) {
.api-control-card {
    padding: 28px 24px 32px 24px;
}

.api-control-card .card-icon {
    height: 140px;
    font-size: 2.8rem;
    margin-bottom: 20px;
}

.api-control-card .card-title {
    font-size: 1.35rem;
}

.api-control-card .card-desc {
    font-size: 0.95rem;
}
}
/* GitHub Contribute Section */
.github-contribute-box {
background-color: #fff;
border-radius: 16px;
padding: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
box-shadow: 0 8px 32px rgba(123,93,214,0.10), 0 1.5px 6px rgba(123,93,214,0.06);
transition: box-shadow 0.2s, transform 0.2s;
cursor: pointer;
}

.github-contribute-box:hover {
box-shadow: 0 12px 40px rgba(123,93,214,0.16), 0 2px 8px rgba(123,93,214,0.10);
transform: translateY(-4px) scale(1.02);
}

.github-contribute-box img {
width: 40px;
height: 40px;
}

.github-contribute-box p {
color: #353f4f !important;
margin-bottom: 0;
}

.github-contribute-box .github-link {
color: #7b5dd6;
text-decoration: underline;
transition: color 0.2s ease;
}

.github-contribute-box .github-link:hover {
color: #9d7fd9 !important;
}

/* Responsive Styles */
@media (max-width: 767.98px) {
.github-contribute-box {
    padding: 30px 24px;
    flex-direction: column;
    gap: 15px;
}

.github-contribute-box p {
    text-align: center;
}
}