/* Ana sayfadaki CSS ile %100 aynı */
:root { --bg-body: #fdfdfd; --bg-card: #ffffff; --text-main: #1a1a1a; --accent: #ff4500; --border-color: #e0e0e0; }
body.dark-mode { --bg-body: #050505; --bg-card: #111111; --text-main: #f0f0f0; }
body { font-family: 'Segoe UI', sans-serif; background-color: var(--bg-body); color: var(--text-main); margin: 0; transition: 0.4s; }
.content { max-width: 1000px; margin: 0 auto; padding: 40px 20px; }
.nav-btn { background: var(--accent); color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; }
.project-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }
.project-card { background: var(--bg-card); padding: 30px; border-radius: 15px; border: 1px solid var(--border-color); position: relative; }
.fav-btn { position: absolute; top: 25px; right: 20px; background: none; border: none; color: var(--accent); font-size: 1.6rem; cursor: pointer; }
.store-buttons { display: flex; gap: 12px; margin-top: 15px; }
.store-btn { flex: 1; padding: 10px; border-radius: 8px; text-decoration: none; color: #fff; font-weight: bold; text-align: center; border: 1px solid; }
.play-btn { border-color: #3ddc84; color: #3ddc84; }
.apple-btn { border-color: #007aff; color: #007aff; }
.web-btn { border-color: var(--accent); color: var(--accent); }