/* Custom Landing Page Styles */

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Card hover effects */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -12px rgba(14, 165, 233, 0.15);
}

/* Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
    content: '/';
    padding: 0 0.5rem;
    color: #94a3b8;
}

/* Feature icon box */
.feature-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    transition: transform 0.3s ease;
}
.feature-icon:hover {
    transform: scale(1.05);
}

/* Numbered list */
.number-badge {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: 0.8rem;
}

/* Page header (sub pages) */
.page-header {
    background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 100%);
}

/* Pulse animation */
@keyframes pulse-ring {
    0% { transform: scale(0.8); opacity: 0.5; }
    50% { transform: scale(1); opacity: 0.3; }
    100% { transform: scale(0.8); opacity: 0.5; }
}
.pulse-ring {
    animation: pulse-ring 2s ease-in-out infinite;
}

/* Scroll reveal */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}