body {
    margin:0;
    font-family: Arial;
    background:#0b0f1a;
    color:white;
    text-align:center;
}

.hero {
    padding:60px 20px;
}

.hero h1 {
    font-size:40px;
}

.card {
    background:rgba(255,255,255,0.05);
    margin:20px;
    padding:20px;
    border-radius:15px;
    backdrop-filter: blur(10px);
}

a {
    display:inline-block;
    margin-top:10px;
    padding:10px 20px;
    background:#7e1ed1;
    color:white;
    border-radius:10px;
    text-decoration:none;
}

.whatsapp {
    position:fixed;
    bottom:20px;
    right:20px;
    background:#25D366;
    padding:15px;
    border-radius:50px;
}

/* --- BURADAN AŞAĞISI MARTI ANİMASYONU İÇİN EKLENDİ --- */
.bird-container {
    position: absolute;
    top: 15%;
    left: -10%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    animation: fly-cycle 12s linear infinite;
    pointer-events: none;
    z-index: 1;
}
.bird-container--two {
    animation-delay: 4s;
    animation-duration: 16s;
    top: 25%;
}
.bird {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" fill="white"><path d="M0,13 Q7,5 13,13 Q19,5 26,13 Q19,9 13,13 Q7,9 0,13 Z"/></svg>');
    background-size: auto 100%;
    width: 35px;
    height: 35px;
    will-change: background-position;
    animation: fly-flap 0.8s steps(1) infinite;
}
@keyframes fly-cycle {
    0% { transform: scale(0.4) translateX(-10vw); }
    50% { transform: scale(0.5) translateX(50vw) translateY(-5vh); }
    100% { transform: scale(0.4) translateX(110vw) translateY(2vh); }
}
@keyframes fly-flap {
    0% { transform: scaleY(1); }
    50% { transform: scaleY(0.4) translateY(2px); }
    100% { transform: scaleY(1); }
}