/* Header Gradient */
.header-gradient {
    background: linear-gradient(135deg, #ff6b35 0%, #e63946 45%, #8b2fc9 100%);
}

/* Voir tout button */
.voir-tout-btn {
    background: linear-gradient(135deg, #ff6b35, #e63946);
}

/* Card shadow */
.card-shadow {
    box-shadow:
        0 20px 50px -12px rgba(0, 0, 0, 0.35),
        0 8px 20px -8px rgba(0, 0, 0, 0.2);
}

/* Card number font */
.card-number {
    font-family: 'Space Mono', monospace;
    font-weight: 700;
}

/* Smooth behavior */
html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

/* Safe area for notched phones */
@supports (padding-top: env(safe-area-inset-top)) {
    .header-gradient {
        padding-top: calc(1rem + env(safe-area-inset-top));
    }
    footer {
        padding-bottom: calc(2rem + env(safe-area-inset-bottom));
    }
}