:root {
  --kocaeli-navy: #102b55;
  --kocaeli-blue: #1f5f99;
  --kocaeli-gold: #c8963e;
  --kocaeli-sand: #f6f2ea;
  --kocaeli-ink: #243244;
}

.kocaeli-page { background: var(--kocaeli-sand); color: var(--kocaeli-ink); font-family: Arial, sans-serif; }
.kocaeli-page .kocaeli-header { background: var(--kocaeli-navy); color: #fff; padding: 18px 0; }
.kocaeli-page .kocaeli-brand { color: #fff; font-size: 1.25rem; font-weight: 700; text-decoration: none; }
.kocaeli-page .kocaeli-brand span { color: #e5bc76; }
.kocaeli-page .kocaeli-nav { display: flex; flex-wrap: wrap; gap: 16px; justify-content: flex-end; }
.kocaeli-page .kocaeli-nav a { color: #fff; font-size: .94rem; text-decoration: none; }
.kocaeli-page .kocaeli-hero { background: linear-gradient(120deg, rgba(16,43,85,.96), rgba(31,95,153,.9)); color: #fff; padding: 76px 0 64px; }
.kocaeli-page .kocaeli-kicker { color: #e5bc76; font-size: .85rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.kocaeli-page .kocaeli-hero h1 { font-size: clamp(2.1rem, 5vw, 3.8rem); font-weight: 700; margin: 12px 0 16px; }
.kocaeli-page .kocaeli-hero p { font-size: 1.1rem; line-height: 1.7; max-width: 760px; }
.kocaeli-page .kocaeli-main { padding: 56px 0; }
.kocaeli-page .kocaeli-card { background: #fff; border: 1px solid #e8e0d4; border-radius: 14px; box-shadow: 0 12px 30px rgba(16,43,85,.07); height: 100%; padding: 28px; }
.kocaeli-page .kocaeli-card h2, .kocaeli-page .kocaeli-content h2 { color: var(--kocaeli-navy); font-size: 1.45rem; font-weight: 700; margin-bottom: 14px; }
.kocaeli-page .kocaeli-card p, .kocaeli-page .kocaeli-content p, .kocaeli-page .kocaeli-content li { line-height: 1.75; }
.kocaeli-page .kocaeli-content { background: #fff; border-radius: 14px; margin-top: 28px; padding: 32px; }
.kocaeli-page .kocaeli-content ul { padding-left: 20px; }
.kocaeli-page .kocaeli-button { background: var(--kocaeli-gold); border-radius: 6px; color: #172b4d; display: inline-block; font-weight: 700; margin-top: 10px; padding: 12px 18px; text-decoration: none; }
.kocaeli-page .kocaeli-footer { background: #0b203f; color: #dbe5f2; margin-top: 48px; padding: 34px 0; }
.kocaeli-page .kocaeli-footer a { color: #fff; text-decoration: none; }
#kocaeli-analytics-consent { background: #102b55; border-radius: 12px; bottom: 18px; box-shadow: 0 12px 28px rgba(0,0,0,.24); color: #fff; max-width: 440px; padding: 18px; position: fixed; right: 18px; z-index: 9999; }
#kocaeli-analytics-consent p { font-size: .92rem; line-height: 1.45; margin: 0 0 12px; }
#kocaeli-analytics-consent button { background: #fff; border: 0; border-radius: 5px; color: #102b55; cursor: pointer; font-weight: 700; margin-right: 8px; padding: 8px 12px; }
#kocaeli-analytics-consent button[data-consent="denied"] { background: transparent; border: 1px solid #a9bbd3; color: #fff; }
@media (max-width: 767px) { .kocaeli-page .kocaeli-nav { justify-content: flex-start; margin-top: 12px; } .kocaeli-page .kocaeli-hero { padding: 50px 0; } .kocaeli-page .kocaeli-content { padding: 24px; } }