/* GENEL TASARIM */
body {
    font-family: 'Segoe UI', sans-serif;
    background-color: #121212;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    margin: 0;
    overflow-x: hidden;
}

/* BASKETBOL TOPU ANİMASYONU */
.basketball-animation {
    position: fixed;
    top: 40%;
    left: -250px;
    font-size: 150px;
    z-index: 9999;
    animation: rollAndPass 2.5s ease-in-out forwards;
    pointer-events: none;
    filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.8));
}

@keyframes rollAndPass {
    0% { left: -250px; transform: rotate(0deg); }
    100% { left: 120%; transform: rotate(1080deg); }
}

/* GENEL TASARIM - MERKEZLEME */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #121212;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center; /* Her şeyi yatayda tam merkeze alır */
    justify-content: flex-start;
    padding: 40px 20px;
    margin: 0;
    min-height: 100vh;
    text-align: center; /* Yazıları merkeze alır */
}

/* PROFİL ALANI GÜNCELLEME */
.profile {
    display: flex;
    flex-direction: column;
    align-items: center; /* Fotoğrafı ve ismi merkeze çeker */
    width: 100%;
    margin-bottom: 30px;
}

.profile img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #ff8c00;
    object-fit: cover;
    display: block; /* Yanındaki boşlukları siler */
    margin: 0 auto; /* Kesin merkezleme */
}

/* LİNKLERİN MERKEZDE DURMASI */
.links {
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 0px; /* Butonlar arası boşluk */
}

.link-card {
    display: flex;
    align-items: center;
    justify-content: center; /* İkon ve yazıyı buton içinde ortalar */
    text-align: center;
}
/* LİNKLER */
.links { width: 100%; max-width: 400px; }
.link-card {
    background: #222;
    display: flex; align-items: center; justify-content: center;
    padding: 18px; margin-bottom: 15px;
    text-decoration: none; color: white; font-weight: bold;
    border-radius: 15px; transition: all 0.3s ease;
    border: 1px solid #333;
}

/* Özel Renkler */
.yt-color:hover { background: #FF0000 !important; color: white !important; }
.prog-card { border-left: 5px solid #ff8c00; }
.contact-btn { opacity: 0.7; margin-top: 20px; }

.link-card:hover {
    transform: translateY(-5px);
    background: #ff8c00;
    color: #000;
    box-shadow: 0px 10px 25px rgba(255, 140, 0, 0.4);
}

.link-card i { margin-right: 12px; font-size: 20px; }
.footer { margin-top: 40px; font-size: 12px; color: #555; }

/* Özel Ders Kartı Stili */
.coach-card {
    background: linear-gradient(135deg, #ff8c00, #e67e22) !important;
    color: #000 !important; /* Yazı siyah olsun ki turuncu üzerinde okunsun */
    border: none !important;
    font-size: 18px;
    margin-bottom: 25px !important;
}

.coach-card:hover {
    transform: scale(1.05) translateY(-5px) !important;
    box-shadow: 0px 15px 30px rgba(255, 140, 0, 0.5) !important;
}