/* === الألوان الأصلية لمجرة === */
body{
    margin:0;
    font-family: 'Tahoma', Arial, sans-serif;
    background:#f3efe6; /* كريمي فاتح */
    color:#4a2e1f; /* بني متوسط للنص */
    direction:rtl;
}
header{
    text-align:center;
    padding:40px 20px;
    background:#d6c2a3; /* بني فاتح */
    box-shadow:0 5px 15px rgba(0,0,0,.1);
}
header h1{ color:#7a4a2e; font-size:50px; margin:0; }
header p{ color:#4a2e1f; font-size:18px; margin-top:10px; }

nav{ margin-top:15px; text-align:center; }
nav a{
    text-decoration:none;
    color:white;
    margin:0 12px;
    font-size:18px;
    padding:10px 18px;
    border-radius:15px;
    background:#b8926a; /* بني فاتح */
    transition:0.3s;
}
nav a:hover{ background:#8b6844; } /* بني غامق */

.cards-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
    padding:30px 20px;
    max-width:1200px;
    margin:auto;
}
.card, .card-study{
    background:#fffaf3; /* أبيض كريمي ناعم */
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    cursor:pointer;
    transition:0.4s;
    position:relative;
    overflow:hidden;
}
.card:hover, .card-study:hover{
    transform:translateY(-5px) scale(1.03);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}
.card-icon{ font-size:40px; margin-bottom:15px; color:#b8926a; }
.card h2, .card-study h3{ color:#7a4a2e; }
.card p, .card-study p{ font-size:16px; line-height:1.6; display:none; }
.card.active p, .card-study.active p{ display:block; margin-top:10px; }

.btn{
    text-decoration:none;
    background:#b8926a; /* بني فاتح */
    color:white;
    padding:12px 25px;
    border-radius:25px;
    font-size:16px;
    transition:0.3s;
}
.btn:hover{ background:#8b6844; } /* بني غامق */

#content{
    display:none;
    margin:30px auto;
    padding:25px;
    max-width:800px;
    background:#fffaf3;
    border-radius:20px;
    box-shadow:0 0 15px rgba(184,146,106,.4);
}

footer{
    text-align:center;
    padding:25px;
    background:#d6c2a3;
    color:#4a2e1f;
    margin-top:40px;
    font-size:14px;
}