:root{
    --red: #c8102e;
    --white: #ffffff;
    --bg: #ffffff;
    --muted: #666666;
}

/* Genel Ayarlar */
*{box-sizing:border-box;}
html, body{height:100%; margin:0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
body{background:var(--bg); color:var(--red); line-height:1.5; padding-bottom:40px;}

/* Header */
.site-header{background:var(--red); color:var(--white); padding:28px 0; text-align:center; box-shadow: 0 4px 10px rgba(0,0,0,0.2);}
.logo{margin:0; font-size:clamp(24px,5vw,40px); font-weight:bold;}
.tag{margin:6px 0 0; font-weight:600; opacity:0.95;}

/* Ana içerik */
.main-content{display:flex; justify-content:center; margin:50px 20px;}
.intro{background:var(--white); border-radius:12px; padding:40px; box-shadow:0 12px 30px rgba(0,0,0,0.2); max-width:600px; text-align:left; line-height:1.6; transition: transform 0.3s;}
.intro:hover{transform: translateY(-5px);}
.card h2{color:var(--red); margin-top:0; font-size:28px;}

/* Footer */
.site-footer{border-top:4px solid var(--red); padding:20px 0; text-align:center; background:linear-gradient(180deg, rgba(200,16,46,0.05), transparent);}
.site-footer p, .site-footer a{margin:4px 0; color:var(--red); text-decoration:none; display:block; font-weight:600;}

/* Responsive */
@media(max-width:720px){
    .intro{padding:20px;}
}
a:focus{outline:3px dashed rgba(200,16,46,0.6); outline-offset:3px;}