* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0a0a0a;
    color: #fff;
    font-family: 'Segoe UI', sans-serif;
}

.container { text-align: center; }

.clown {
    font-size: 6rem;
    animation: bounce 2s infinite;
}

h1 {
    font-size: 2.5rem;
    margin: 1rem 0 0.5rem;
    background: linear-gradient(90deg, 
        #ff6b6b, #feca57, #48dbfb, #ff6b6b, #feca57, #48dbfb, #ff6b6b
    );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 4s linear infinite;
}

p { font-size: 1.2rem; color: #888; }

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

@keyframes shimmer {
    0% { background-position: 0% 50%; }
    100% { background-position: -200% 50%; }
}

a {
    color: #b0b0b0;
    text-decoration: underline;
}
a:hover {
    color: #e0e0e0;
    text-decoration: underline;
}
a:visited {
    color: #9a9a9a;
}
a:focus {
    outline: 2px solid #b0b0b0;
    outline-offset: 2px;
}