/* Temel ve Navbar Stilleri (gbzscan-dizayn.css'den miras alınarak uyarlandı) */
:root {
    --bg-color: #F8FAFC; --text-main: #1A1A1B; --turkuaz: #00CED1; --turkuaz-hover: #40E0D0; --gri: #64748B;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; background-color: var(--bg-color); color: var(--text-main); transition: background-color 0.3s; }

/* Başarı anında arka plan hafif turkuaz olur */
.success-bg { background-color: #e0fbfb; }

.navbar {
    position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff;
    display: flex; justify-content: space-between; align-items: center; padding: 15px 50px;
    border-bottom: 1px solid var(--turkuaz); z-index: 1000; box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.nav-left { display: flex; align-items: center; gap: 10px; }
.logo-img { width: 100px; height: 100px; object-fit: contain; }
.logo-text { font-family: 'Bebas Neue', cursive; font-size: 32px; letter-spacing: 2px; }
.logo-text .gbz { color: var(--text-main); }
.logo-text .scan { color: var(--turkuaz); }
.nav-center { display: flex; gap: 30px; align-items: center; }
.nav-link { text-decoration: none; color: var(--text-main); font-weight: 600; transition: color 0.3s; }
.nav-link:hover { color: var(--turkuaz-hover); }
.nav-btn-scan { background-color: var(--turkuaz); color: white; padding: 10px 25px; border-radius: 25px; text-decoration: none; font-weight: bold; }
.auth-btn { background: transparent; color: var(--text-main); border: 2px solid var(--turkuaz); padding: 8px 20px; border-radius: 8px; cursor: pointer; font-weight: 600; }

/* Tarayıcı Özel Stilleri */
.scanner-container { margin-top: 120px; display: flex; justify-content: center; align-items: center; padding: 20px; }
.scanner-box { background: white; padding: 25px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); width: 100%; max-width: 600px; text-align: center; border-top: 5px solid var(--turkuaz); }
.video-wrapper { position: relative; width: 100%; aspect-ratio: 4/3; background: #000; border-radius: 10px; overflow: hidden; border: 2px solid #e2e8f0; margin-bottom: 20px; }
video { width: 100%; height: 100%; object-fit: cover; }
.vizor { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; border: 2px dashed rgba(0, 206, 209, 0.5); pointer-events: none; }

.result-area { background: var(--bg-color); padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #e2e8f0; }
#plakaMetni { font-size: 36px; font-weight: 800; color: var(--text-main); letter-spacing: 3px; font-family: 'Bebas Neue', cursive; }
#bilgi { color: var(--gri); font-size: 14px; margin-top: 5px; }

.start-btn { background: var(--turkuaz); color: white; border: none; padding: 15px 40px; border-radius: 50px; font-size: 18px; font-weight: bold; cursor: pointer; transition: 0.3s; width: 100%; }
.start-btn:hover { background: var(--turkuaz-hover); }

@media (max-width: 768px) { .navbar { flex-direction: column; gap: 15px; padding: 15px; } .scanner-container { margin-top: 200px; } }