body {
        margin: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(to right, #ffecd2, #fcb69f);
        overflow: hidden;
        font-family: Comic Sans MS, cursive;
    }

    .cadre {
        position: relative;
        padding: 15px;
        border-radius: 30px;
        background: linear-gradient(45deg, #a2f1e3, orange, yellow, #c5c91c, #d4d4df, #9E9E9E);
        background-size: 300% 300%;
        animation: rainbow 15s infinite alternate;
        box-shadow: 0 15px 30px rgba(0,0,0,0.3);
        transition: transform 0.3s;
    }

    .cadre:hover {
        transform: scale(1.08) rotate(2deg);
    }

    @keyframes rainbow {
        0% { background-position: left; }
        100% { background-position: right; }
    }

    .cadre img {
        display: block;
        border-radius: 20px;
        max-width: 98%;
        height: auto;
        border: 6px solid white;
    }

    /* étoiles décoratives */
    .star {
        position: absolute;
        color: yellow;
        font-size: 24px;
        animation: twinkle 1.5s infinite alternate;
    }

    .star:nth-child(1) { top: -10px; left: -10px; }
    .star:nth-child(2) { top: -10px; right: -10px; }
    .star:nth-child(3) { bottom: -10px; left: -10px; }
    .star:nth-child(4) { bottom: -10px; right: -10px; }

    @keyframes twinkle {
        from { transform: scale(1); opacity: 0.7; }
        to { transform: scale(1.5); opacity: 1; }
    }