:root{--navy:#073b63;--navy2:#0c5687;--red:#e6202e;--ink:#102d47;--muted:#6b7f91;--line:#e4edf4;--pale:#f4f9fd;--white:#fff;--shadow:0 12px 35px rgba(14,54,84,.09);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}.container{width:min(1180px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.icon{width:27px;height:27px;display:block}.icon-sm{width:18px;height:18px}.muted{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:7px;background:var(--red);color:#fff;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid #b9d4e8;background:#fff;color:#0b5d94;font-weight:750;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,70,109,.12)}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}.section{padding:64px 0}.section.soft{background:var(--pale)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-head h2{margin:0;font-size:clamp(27px,3vw,38px);line-height:1.15}.section-head p{margin:8px 0 0;color:var(--muted)}
.topbar{height:72px;background:#fff;border-bottom:1px solid #edf2f6;position:sticky;top:0;z-index:90}.nav{height:72px;display:flex;align-items:center;gap:27px}.logo{width:280px;max-width:30vw}.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px;font-weight:700}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--red);transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-search{display:flex;width:160px;border:1px solid #d8e5ef;border-radius:30px;overflow:hidden;height:40px}.nav-search input{border:0;outline:0;width:115px;padding:0 12px}.nav-search button{width:45px;border:0;background:var(--navy);color:#fff;display:grid;place-items:center}.hamb{display:none;margin-left:auto;width:42px;height:42px;border:0;border-radius:10px;background:#edf6fc;color:var(--navy)}
.hero{min-height:560px;position:relative;overflow:hidden;color:white;background:linear-gradient(90deg,rgba(2,39,69,.95),rgba(2,39,69,.63),rgba(2,39,69,.25)),url('https://images.unsplash.com/photo-1589561454226-796a8aa89b05?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,rgba(2,35,62,.35));pointer-events:none}.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr .65fr;gap:70px;align-items:center;min-height:560px}.hero h1{font-size:clamp(48px,6vw,76px);line-height:.98;margin:18px 0 18px;letter-spacing:-.04em;max-width:760px}.hero p{font-size:18px;max-width:660px;color:#e6f0f7}.hero-search{display:flex;margin-top:28px;max-width:720px;background:#fff;border-radius:50px;padding:6px;box-shadow:0 14px 35px rgba(0,0,0,.2)}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:0 22px;font-size:15px}.hero-search button{width:100px;border:0;border-radius:42px;background:var(--red);color:#fff;font-weight:800}.popular{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px;font-size:13px}.popular a{border-bottom:1px solid rgba(255,255,255,.6)}.population-card{justify-self:end;width:100%;max-width:335px;background:rgba(3,49,83,.88);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);padding:26px;border-radius:16px;box-shadow:0 18px 38px rgba(0,0,0,.2);animation:float 4s ease-in-out infinite}.population-card .big{font-size:40px;font-weight:900;line-height:1.1}.population-card small{color:#cfe2ef}.population-card hr{border:0;border-top:1px solid rgba(255,255,255,.17);margin:18px 0}.stat-mini{display:flex;justify-content:space-between;font-size:13px}.quick{padding:24px 0 14px}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.quick-card{min-height:126px;border:1px solid #e0ebf4;border-radius:16px;background:linear-gradient(145deg,#fff,#f2f8fc);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;font-weight:800;box-shadow:0 6px 22px rgba(14,54,84,.05);transition:.25s}.quick-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b8d7eb}.quick-card .ico{width:45px;height:45px;margin-bottom:9px;color:#0a6098}
.dashboard{display:grid;grid-template-columns:2fr .8fr;gap:24px}.map-card,.chart-card,.ranking-card,.code-card,.article,.content-card,.filter-panel{border:1px solid #e0e9f1;background:#fff;border-radius:var(--radius);box-shadow:0 7px 24px rgba(14,54,84,.05)}.map-card{padding:28px}.map-card h3,.chart-card h3,.ranking-card h3,.code-card h3{margin:0 0 3px}.map-holder{position:relative;margin-top:15px;min-height:340px;display:flex;align-items:center;justify-content:center}.turkey-map{width:100%;height:auto;filter:drop-shadow(0 10px 15px rgba(10,73,113,.08))}.province-shape{transition:.25s}.province-shape:hover{opacity:.72;transform:translateY(-2px)}.map-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#657b8e;margin-top:10px}.map-legend span{display:flex;align-items:center;gap:5px}.dot{width:10px;height:10px;border-radius:2px;display:inline-block}.chart-card{padding:28px;background:linear-gradient(160deg,#0b527f,#06385e);color:#fff}.chart-card p{color:#cce0ed}.line-chart{height:235px;margin-top:25px;position:relative}.line-chart svg{width:100%;height:100%}.line-chart .grid{stroke:rgba(255,255,255,.13);stroke-width:1}.line-chart .line{fill:none;stroke:white;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-chart .point{fill:#fff}.line-labels{display:flex;justify-content:space-between;font-size:10px;color:#d9e8f2;margin-top:2px}.rank-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:24px;margin-top:24px}.ranking-card{padding:25px}.rank-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf2f5;font-size:14px}.rank-row:last-child{border:0}.rank-no{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#0d5d94;color:#fff;font-size:11px;font-weight:800}.rank-val{color:#567086;font-variant-numeric:tabular-nums}.story-card{min-height:100%;border-radius:var(--radius);overflow:hidden;position:relative;color:#fff;background:linear-gradient(180deg,rgba(5,41,69,.06),rgba(5,41,69,.92)),url('https://images.unsplash.com/photo-1689130033348-1ebe2612a3d8?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000') center/cover}.story-content{position:absolute;left:25px;right:25px;bottom:25px}.story-content h3{font-size:29px;line-height:1.05;margin:0 0 12px}.wide-stats{background:linear-gradient(rgba(3,44,75,.86),rgba(3,44,75,.86)),url('https://images.unsplash.com/photo-1530789253388-582c481c54b0?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000') center/cover;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.big-stat{display:flex;align-items:center;justify-content:center;gap:14px;padding:30px 15px;border-right:1px solid rgba(255,255,255,.2)}.big-stat:last-child{border:0}.big-stat b{font-size:29px;display:block}.big-stat span{font-size:12px;color:#d4e5ef}.big-stat .ico{width:42px;height:42px}.codes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.code-card{padding:26px}.sample-code{display:flex;align-items:center;gap:15px;padding:13px;border:1px solid #dfe9f0;border-radius:12px;margin:18px 0}.plate{font-size:24px;font-weight:900;background:#e8202e;color:#fff;border:3px solid #fff;outline:2px solid #cbd7e0;padding:0 9px;border-radius:7px}.phone-code{font-size:22px;font-weight:900;color:#184eaf}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.article{overflow:hidden;transition:.25s}.article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.article img{width:100%;height:155px;object-fit:cover}.article-body{padding:17px}.article time{font-size:11px;color:#72889a}.article h3{font-size:16px;line-height:1.35;margin:7px 0 10px}.article a{font-size:12px;font-weight:800;color:#0b68a2}.newsletter{padding:32px;border-radius:16px;background:linear-gradient(115deg,#06456f,#08639a);color:#fff;display:flex;align-items:center;gap:25px}.newsletter .copy{flex:1}.newsletter h3{font-size:26px;margin:0}.newsletter p{margin:4px 0 0;color:#d5e7f1}.subscribe{display:flex;width:min(440px,100%);background:#fff;border-radius:9px;overflow:hidden}.subscribe input{flex:1;border:0;outline:0;padding:0 15px;min-width:0}.subscribe button{border:0;background:var(--red);color:#fff;font-weight:800;padding:0 22px;min-height:48px}
.page-hero{padding:72px 0 66px;background:linear-gradient(120deg,#063b62,#0e689e);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:430px;height:430px;border:80px solid rgba(255,255,255,.05);border-radius:50%;right:-110px;top:-190px}.breadcrumbs{font-size:12px;color:#cbe0ec;margin-bottom:12px}.page-hero h1{font-size:clamp(38px,5vw,60px);margin:0 0 12px;line-height:1.05}.page-hero p{max-width:700px;color:#dcebf3}.filter-panel{padding:20px;display:flex;gap:12px;align-items:center;margin-bottom:24px}.filter-panel input,.filter-panel select,.contact-form input,.contact-form textarea{width:100%;border:1px solid #d9e5ed;border-radius:11px;min-height:46px;padding:0 14px;font:inherit;outline:0}.filter-panel input:focus,.filter-panel select:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:#70a9cf;box-shadow:0 0 0 3px #e8f4fb}.table-wrap{overflow:auto;border:1px solid #dfE8ef;border-radius:16px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th{text-align:left;background:#f2f7fb;color:#31536d;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:14px 16px}.data-table td{padding:14px 16px;border-top:1px solid #edf2f5;font-size:14px}.data-table tr:hover td{background:#f9fcfe}.data-table a{font-weight:800;color:#0b659d}.tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eaf4fa;color:#0b6097;font-size:11px;font-weight:800}.detail-head{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.city-photo{height:300px;border-radius:20px;object-fit:cover;box-shadow:var(--shadow)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.metric{border:1px solid #deE9f0;border-radius:15px;padding:20px;background:#fff}.metric span{font-size:12px;color:#6e8496}.metric strong{display:block;font-size:25px;margin-top:4px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.content-card{padding:27px}.content-card h2,.content-card h3{margin-top:0}.year-bars{display:flex;align-items:end;gap:9px;height:255px;padding-top:25px}.year-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.year-col .bar{width:100%;max-width:35px;background:linear-gradient(#0d6da8,#0a4773);border-radius:6px 6px 0 0;min-height:25px;transform-origin:bottom;animation:grow 1s ease both}.year-col small{font-size:10px;color:#73879a}.district-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.district-card{border:1px solid #dfE9f0;border-radius:14px;padding:18px;background:#fff}.district-card b{display:block;font-size:18px}.district-card span{font-size:12px;color:#6e8496}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-list .article img{height:210px}.post{max-width:860px;margin:auto}.post img.cover{width:100%;height:420px;object-fit:cover;border-radius:20px}.post h2{margin-top:34px}.post p{font-size:17px;color:#40586c}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.contact-cards{display:grid;gap:14px}.contact-item{border:1px solid #dfe9f0;border-radius:15px;padding:20px;display:flex;gap:14px}.contact-form{display:grid;gap:13px}.contact-form textarea{min-height:150px;padding-top:13px;resize:vertical}.notice{padding:14px 16px;border-left:4px solid #0b659d;background:#eef7fc;border-radius:8px;color:#3f5e72;font-size:13px}
.footer{margin-top:55px;border-top:1px solid #e4edf3;background:#fff}.footer-main{padding:50px 0;display:grid;grid-template-columns:1.6fr .8fr .8fr .9fr;gap:45px}.footer-brand img{width:250px}.footer-brand p{font-size:13px;color:#6d8192;max-width:400px}.footer h4{margin:5px 0 15px}.footer a{display:block;color:#5c7285;font-size:13px;margin:8px 0}.social{display:flex;gap:9px;margin-top:18px}.social a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf5fa;color:#0b6098;margin:0}.social svg{width:17px;height:17px}.footer-bottom{border-top:1px solid #edf2f5;padding:18px 0;color:#718494;font-size:12px}.footer-bottom .container{display:flex;justify-content:space-between;gap:20px}
.reveal{opacity:0;transform:translateY(22px);transition:.65s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-8px)}}@keyframes grow{from{transform:scaleY(.1)}}
@media(max-width:1000px){.nav-links,.nav-search{display:none}.hamb{display:grid;place-items:center}.logo{max-width:230px}.nav.open{height:auto;align-items:flex-start;padding:15px 0 22px;flex-wrap:wrap}.nav.open .nav-links{display:flex;order:3;width:100%;flex-direction:column;align-items:flex-start;padding:15px;background:#f3f8fb;border-radius:12px}.topbar:has(.nav.open){height:auto}.hero-in{grid-template-columns:1fr;gap:25px;padding:70px 0}.population-card{justify-self:start}.quick-grid{grid-template-columns:repeat(3,1fr)}.dashboard,.rank-grid,.detail-head,.two-col,.contact-grid{grid-template-columns:1fr}.story-card{min-height:420px}.codes,.blog-list{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-main>div:last-child{grid-column:1/-1}.district-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.topbar,.nav{height:64px}.logo{width:218px}.hero{min-height:auto}.hero-in{min-height:auto;padding:64px 0}.hero h1{font-size:45px}.hero-search{border-radius:14px;padding:5px}.hero-search button{width:78px;border-radius:10px}.population-card{max-width:none}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card{min-height:112px}.section{padding:48px 0}.section-head{align-items:flex-start;flex-direction:column}.rank-grid,.codes,.blog-list,.article-grid,.stats-grid,.footer-main,.district-grid{grid-template-columns:1fr}.big-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);justify-content:flex-start}.newsletter{flex-direction:column;align-items:flex-start}.subscribe{width:100%}.metric-grid{grid-template-columns:1fr 1fr}.filter-panel{flex-direction:column;align-items:stretch}.footer-main{gap:25px}.footer-main>div:last-child{grid-column:auto}.footer-bottom .container{flex-direction:column}.page-hero{padding:55px 0}.page-hero h1{font-size:39px}.city-photo{height:230px}.post img.cover{height:250px}}

/* 2026-09-18 UI refinements */
.hero-in{gap:84px}
.hero p{max-width:690px;line-height:1.75}
.hero-search{max-width:780px;min-height:64px;margin-top:36px;padding:7px;box-shadow:0 16px 42px rgba(0,0,0,.22)}
.hero-search input{padding:0 26px;font-size:16px}
.hero-search button{width:112px;border-radius:46px;font-size:14px}
.popular{margin-top:20px;gap:18px}
.newsletter-section{padding:58px 0 64px}
.newsletter-full{width:100%;border-radius:0;padding:0;background:linear-gradient(115deg,#06456f,#08639a);box-shadow:0 15px 34px rgba(5,70,111,.12)}
.newsletter-inner{min-height:150px;display:flex;align-items:center;gap:25px}
.newsletter-icon{width:58px;height:58px;flex:0 0 58px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:16px;display:grid;place-items:center}
.newsletter-icon .icon{width:30px;height:30px}
.newsletter-full .copy{flex:1}
.newsletter-full .subscribe{width:min(480px,100%)}
@media(max-width:1000px){.hero-in{gap:34px}.newsletter-section{padding:48px 0}.newsletter-inner{padding-top:30px;padding-bottom:30px}}
@media(max-width:650px){.hero p{line-height:1.65}.hero-search{min-height:58px;margin-top:28px;padding:5px}.hero-search input{padding:0 16px;font-size:14px}.hero-search button{width:82px}.popular{margin-top:16px;gap:12px}.newsletter-section{padding:0}.newsletter-full{border-radius:0}.newsletter-inner{min-height:auto;flex-direction:column;align-items:flex-start;gap:18px;padding-top:30px;padding-bottom:30px}.newsletter-full .subscribe{width:100%}}