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

/* Bento card base */
.bento-card {
    transition: all 0.3s ease;
}
.bento-card:hover {
    border-color: #b70100;
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(183, 1, 0, 0.08);
}

/* Card icon containers */
.icon-gradient-primary {
    background: linear-gradient(135deg, #ffdad4 0%, #ffb4a8 100%);
}
.icon-gradient-tertiary {
    background: linear-gradient(135deg, #dae2ff 0%, #b2c5ff 100%);
}
.icon-gradient-neutral {
    background: linear-gradient(135deg, #e8e8e8 0%, #c8c6c5 100%);
}
.icon-gradient-warm {
    background: linear-gradient(135deg, #fce7b4 0%, #fbb46e 100%);
}
.card-icon {
    transition: transform 0.3s ease;
}
.bento-card:hover .card-icon {
    transform: scale(1.12);
}

/* Card "learn more" link */
.card-more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #b70100;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}
.bento-card:hover .card-more {
    opacity: 1;
    transform: translateY(0);
}
.card-more .material-symbols-outlined {
    font-size: 16px;
    transition: transform 0.2s ease;
}
.bento-card:hover .card-more .material-symbols-outlined {
    transform: translateX(3px);
}

/* Code terminal section */
.code-bg {
    background-color: #1a1c1c;
    color: #e2e2e2;
}

/* Achievement strip */
.stat-item {
    position: relative;
}
.stat-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background: #e9bcb5;
}

/* Dot pattern background */
.bg-pattern {
    background-image: radial-gradient(circle at 2px 2px, rgba(183, 1, 0, 0.1) 1px, transparent 0);
    background-size: 24px 24px;
}

/* Bento grid for service pages */
.bento-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

/* Hero background glow */
.hero-glow {
    background:
        radial-gradient(ellipse 55% 70% at 105% 50%, rgba(255, 218, 212, 0.55) 0%, transparent 65%),
        radial-gradient(ellipse 30% 40% at -5% 80%, rgba(255, 180, 168, 0.2) 0%, transparent 60%);
}