*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:'Montserrat',Arial,sans-serif;

}



body{

background:#f5f5f5;

color:#222;

}



/* İçerik */

.content{

margin-left:260px;

padding:40px;

}



/* Hero */

.hero{

padding:20px 0;

margin-bottom:40px;

}



.hero h1{

font-size:38px;

font-weight:700;

color:#222;

margin-bottom:15px;

}



.hero p{

color:#666;

font-size:17px;

line-height:1.6;

}



/* Sayfa başlıkları */

.content > h2{

font-size:28px;

border-left:4px solid #333;

padding-left:12px;

}



/* Kart alanı */

.card-container{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:20px;

}



/* Kart */

.card{

background:white;

padding:25px;

border-radius:12px;

border:1px solid #ddd;

box-shadow:0 3px 10px rgba(0,0,0,0.05);

}



.card h2{

font-size:22px;

color:#222;

margin-bottom:15px;

border-left:3px solid #333;

padding-left:10px;

}



.card p{

color:#555;

line-height:1.6;

}



.green{

color:#9acd9a !important;

}



.gray{

color:#999 !important;

}



/* =========================
   MOBİL
========================= */


@media(max-width:768px){


.content{

    margin-left:0;

    padding:20px;

    padding-top:70px;

}


/* Mobil bar başka dosyada yönetiliyor */

.mobile-bar{

    display:flex;

}



.hero{

    margin-top:0;

}


.hero h1{

    font-size:28px;

}


.hero p{

    font-size:15px;

}


.card-container{

    grid-template-columns:1fr;

}



}



@media(max-width:480px){


.content{

    padding:15px;

    padding-top:70px;

}


.hero h1{

    font-size:24px;

}


.hero p{

    font-size:14px;

}


}