*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;font-size:1rem;line-height:1.6;color:#1a2332;background-color:#f0f2f5}
img,video{max-width:100%;height:auto;display:block;vertical-align:middle}
a{color:#0ea5e9;text-decoration:none}
a:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;cursor:pointer;border:none;background:none;padding:0}
button:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}
p{margin:0 0 1rem}
p:last-child{margin-bottom:0}

:root{
--vdn-koyu-zemin:#1a2332;
--vdn-koyu-metin:#e8ecf0;
--vdn-koyu-metin-soluk:rgba(232,236,240,0.85);
--vdn-vurgu:#0ea5e9;
--vdn-vurgu-koyu:#0284c7;
--vdn-icerik-zemin:#f0f2f5;
--vdn-icerik-metin:#1a2332;
--vdn-icerik-metin-ikincil:#475569;
--vdn-kenar:#334155;
--vdn-golge:0 2px 8px rgba(26,35,50,0.08);
--vdn-golge-koyu:0 4px 16px rgba(26,35,50,0.12);
--vdn-ust-yukseklik:3.5rem;
--vdn-genis-maks:75rem;
--vdn-yatay-bosluk:1rem;
--vdn-gecis:0.2s ease;
}

.vdn-ust-cubuk{
position:sticky;
top:0;
z-index:1000;
background-color:var(--vdn-koyu-zemin);
color:var(--vdn-koyu-metin);
box-shadow:var(--vdn-golge-koyu);
}

.vdn-ust-ic{
display:flex;
align-items:center;
justify-content:space-between;
max-width:var(--vdn-genis-maks);
margin:0 auto;
padding:0 var(--vdn-yatay-bosluk);
min-height:var(--vdn-ust-yukseklik);
gap:1rem;
}

.vdn-logo-alani{
display:flex;
align-items:center;
flex-shrink:0;
}

.vdn-logo-gorsel{
max-height:2rem;
width:auto;
object-fit:contain;
}

.vdn-masaustu-nav{
display:none;
}

.vdn-nav-listesi{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:0.25rem;
}

.vdn-nav-oge{
position:relative;
}

.vdn-nav-baglanti{
display:block;
padding:0.5rem 0.75rem;
color:var(--vdn-koyu-metin);
font-size:0.9375rem;
font-weight:500;
border-radius:6px;
transition:color var(--vdn-gecis),background-color var(--vdn-gecis);
}

.vdn-nav-baglanti:hover,
.vdn-nav-baglanti:focus{
color:#fff;
background-color:rgba(255,255,255,0.08);
}

.vdn-nav-alt-grup{
position:relative;
}

.vdn-nav-alt-etiket{
display:inline-flex;
align-items:center;
padding:0.5rem 0.75rem;
color:var(--vdn-koyu-metin);
font-size:0.9375rem;
font-weight:500;
border-radius:6px;
transition:color var(--vdn-gecis),background-color var(--vdn-gecis);
}

.vdn-nav-alt-etiket:hover,
.vdn-nav-alt-etiket:focus,
.vdn-nav-alt-etiket[aria-expanded="true"]{
color:#fff;
background-color:rgba(255,255,255,0.08);
}

.vdn-nav-alt-etiket::after{
margin-left:0.35rem;
font-family:'Font Awesome 6 Free';
font-weight:900;
content:'\f078';
font-size:0.7rem;
opacity:0.9;
transition:transform var(--vdn-gecis);
}

.vdn-nav-alt-etiket[aria-expanded="true"]::after{
transform:rotate(180deg);
}

.vdn-nav-alt-listesi{
position:absolute;
top:100%;
left:0;
min-width:12rem;
margin-top:0.25rem;
padding:0.5rem 0;
background-color:#243044;
border:1px solid var(--vdn-kenar);
border-radius:8px;
box-shadow:var(--vdn-golge-koyu);
opacity:0;
visibility:hidden;
transform:translateY(-4px);
transition:opacity var(--vdn-gecis),visibility var(--vdn-gecis),transform var(--vdn-gecis);
}

.vdn-nav-alt-grup:hover .vdn-nav-alt-listesi,
.vdn-nav-alt-etiket[aria-expanded="true"] + .vdn-nav-alt-listesi{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.vdn-nav-alt-oge{
border-bottom:1px solid rgba(255,255,255,0.06);
}

.vdn-nav-alt-oge:last-child{
border-bottom:none;
}

.vdn-nav-alt-baglanti{
display:block;
padding:0.5rem 1rem;
color:var(--vdn-koyu-metin-soluk);
font-size:0.875rem;
transition:color var(--vdn-gecis),background-color var(--vdn-gecis);
}

.vdn-nav-alt-baglanti:hover,
.vdn-nav-alt-baglanti:focus{
color:#fff;
background-color:rgba(255,255,255,0.06);
}

.vdn-hamburger-dugme{
display:flex;
align-items:center;
justify-content:center;
width:2.75rem;
height:2.75rem;
color:var(--vdn-koyu-metin);
border-radius:8px;
transition:color var(--vdn-gecis),background-color var(--vdn-gecis);
}

.vdn-hamburger-dugme:hover,
.vdn-hamburger-dugme:focus,
.vdn-hamburger-dugme[aria-expanded="true"]{
color:#fff;
background-color:rgba(255,255,255,0.1);
}

.vdn-hamburger-ikon{
font-size:1.25rem;
}

.vdn-mobil-panel{
position:fixed;
top:var(--vdn-ust-yukseklik);
left:0;
right:0;
bottom:0;
z-index:999;
background-color:var(--vdn-koyu-zemin);
overflow-y:auto;
visibility:hidden;
opacity:0;
transform:translateX(100%);
transition:visibility var(--vdn-gecis),opacity var(--vdn-gecis),transform 0.25s ease;
}

.vdn-mobil-panel-ic{
padding:1.5rem var(--vdn-yatay-bosluk);
}

.vdn-mobil-listesi{
display:flex;
flex-direction:column;
gap:0.125rem;
}

.vdn-mobil-oge{
border-bottom:1px solid rgba(255,255,255,0.06);
}

.vdn-mobil-baglanti{
display:block;
padding:0.875rem 0;
color:var(--vdn-koyu-metin);
font-size:1rem;
font-weight:500;
transition:color var(--vdn-gecis),padding-left var(--vdn-gecis);
}

.vdn-mobil-baglanti:hover,
.vdn-mobil-baglanti:focus{
color:var(--vdn-vurgu);
padding-left:0.5rem;
}

.vdn-mobil-perde{
position:fixed;
inset:0;
z-index:998;
background-color:rgba(0,0,0,0.5);
visibility:hidden;
opacity:0;
transition:visibility var(--vdn-gecis),opacity var(--vdn-gecis);
}

body.vdn-menu-acik .vdn-mobil-panel{
visibility:visible;
opacity:1;
transform:translateX(0);
}

body.vdn-menu-acik .vdn-mobil-perde{
visibility:visible;
opacity:1;
}

body.vdn-menu-acik{overflow:hidden}

.vdn-alt-cubuk{
margin-top:auto;
background-color:var(--vdn-koyu-zemin);
color:var(--vdn-koyu-metin);
padding:2rem 0 1.5rem;
}

.vdn-alt-ic{
max-width:var(--vdn-genis-maks);
margin:0 auto;
padding:0 var(--vdn-yatay-bosluk);
}

.vdn-alt-ust-bolum{
display:flex;
flex-direction:column;
gap:1.5rem;
padding-bottom:1.5rem;
border-bottom:1px solid var(--vdn-kenar);
}

.vdn-alt-nav-listesi{
display:flex;
flex-wrap:wrap;
gap:0.5rem 1.25rem;
justify-content:center;
}

.vdn-alt-nav-baglanti{
color:var(--vdn-koyu-metin-soluk);
font-size:0.875rem;
padding:0.25rem 0;
transition:color var(--vdn-gecis);
}

.vdn-alt-nav-baglanti:hover,
.vdn-alt-nav-baglanti:focus{
color:var(--vdn-vurgu);
}

.vdn-alt-sosyal{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:1rem;
}

.vdn-alt-sosyal-baglanti{
display:flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
color:var(--vdn-koyu-metin-soluk);
font-size:1.25rem;
border-radius:50%;
transition:color var(--vdn-gecis),background-color var(--vdn-gecis);
}

.vdn-alt-sosyal-baglanti:hover,
.vdn-alt-sosyal-baglanti:focus{
color:#fff;
background-color:rgba(255,255,255,0.1);
}

.vdn-alt-telif{
padding-top:1rem;
text-align:center;
}

.vdn-alt-telif-metin{
margin:0;
font-size:0.8125rem;
color:var(--vdn-koyu-metin-soluk);
}

@media (min-width:768px){
:root{--vdn-yatay-bosluk:1.5rem}
.vdn-hamburger-dugme{display:none}
.vdn-mobil-panel{display:none}
.vdn-mobil-perde{display:none}
.vdn-masaustu-nav{display:block}
.vdn-alt-ust-bolum{flex-direction:row;justify-content:space-between;align-items:center}
.vdn-alt-nav-listesi{justify-content:flex-start}
.vdn-alt-sosyal{justify-content:flex-end}
.vdn-logo-gorsel{max-height:2.25rem}
}

@media (min-width:1024px){
:root{--vdn-yatay-bosluk:2rem;--vdn-ust-yukseklik:4rem}
.vdn-ust-ic{padding-left:var(--vdn-yatay-bosluk);padding-right:var(--vdn-yatay-bosluk)}
.vdn-nav-listesi{gap:0.5rem}
.vdn-nav-baglanti{padding:0.6rem 0.9rem;font-size:0.9375rem}
.vdn-nav-alt-etiket{padding:0.6rem 0.9rem}
.vdn-nav-alt-listesi{min-width:14rem;padding:0.5rem 0}
.vdn-alt-cubuk{padding:2.5rem 0 1.75rem}
.vdn-alt-ic{padding-left:var(--vdn-yatay-bosluk);padding-right:var(--vdn-yatay-bosluk)}
.vdn-alt-nav-listesi{gap:0.75rem 1.5rem}
.vdn-alt-nav-baglanti{font-size:0.9375rem}
.vdn-alt-sosyal{gap:1.25rem}
.vdn-alt-sosyal-baglanti{width:2.75rem;height:2.75rem;font-size:1.35rem}
.vdn-alt-telif{padding-top:1.25rem}
.vdn-alt-telif-metin{font-size:0.875rem}
}

@media (min-width:1280px){
.vdn-ust-ic{gap:2rem}
.vdn-nav-listesi{gap:0.75rem}
}

.vdn-ana-sarmal{max-width:var(--vdn-genis-maks);margin:0 auto;padding:0 var(--vdn-yatay-bosluk)}
.vdn-ana-banner{position:relative;background:var(--vdn-koyu-zemin);color:var(--vdn-koyu-metin);padding:2.5rem 0;margin-bottom:2rem}
.vdn-ana-banner-ic{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}
.vdn-ana-banner-gorsel{width:100%;max-width:56rem;border-radius:12px;overflow:hidden;box-shadow:var(--vdn-golge-koyu)}
.vdn-ana-banner-gorsel img{width:100%;height:auto}
.vdn-ana-baslik-1{font-size:1.75rem;font-weight:700;margin:0 0 0.5rem;line-height:1.3}
.vdn-ana-alt-baslik{font-size:1rem;color:var(--vdn-koyu-metin-soluk);margin:0}
.vdn-ana-bolum{margin-bottom:2.5rem}
.vdn-ana-bolum-baslik{font-size:1.375rem;font-weight:600;margin:0 0 1rem;color:var(--vdn-icerik-metin)}
.vdn-ana-bolum-alt-baslik{font-size:1.125rem;font-weight:600;margin:1.25rem 0 0.5rem;color:var(--vdn-icerik-metin)}
.vdn-ana-paragraf{margin:0 0 1rem;color:var(--vdn-icerik-metin)}
.vdn-ana-liste{margin:0.5rem 0 1rem;padding-left:1.5rem;list-style:disc}
.vdn-ana-liste li{margin-bottom:0.35rem;color:var(--vdn-icerik-metin)}
.vdn-ana-kutu{background:#fff;border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:var(--vdn-golge);border:1px solid rgba(0,0,0,0.06)}
.vdn-ana-kutu-baslik{font-size:1rem;font-weight:600;margin:0 0 0.75rem;color:var(--vdn-icerik-metin)}
.vdn-ana-gorsel-sarili{margin:1.5rem 0;border-radius:12px;overflow:hidden;box-shadow:var(--vdn-golge)}
.vdn-ana-gorsel-sarili img{width:100%;height:auto;display:block}
.vdn-ana-cta-alan{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}
.vdn-ana-cta-baglanti{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:var(--vdn-vurgu);color:#fff;font-weight:600;font-size:0.9375rem;border-radius:8px;transition:background var(--vdn-gecis)}
.vdn-ana-cta-baglanti:hover,.vdn-ana-cta-baglanti:focus{background:var(--vdn-vurgu-koyu);color:#fff}
.vdn-ana-cta-ikincil{background:var(--vdn-kenar);color:var(--vdn-koyu-metin)}
.vdn-ana-cta-ikincil:hover,.vdn-ana-cta-ikincil:focus{background:#475569;color:#fff}
.vdn-ana-ikonlu-satir{display:flex;align-items:flex-start;gap:0.75rem;margin:0.75rem 0}
.vdn-ana-ikonlu-satir .fa-solid{flex-shrink:0;margin-top:0.2rem;color:var(--vdn-vurgu);font-size:1.125rem}
@media (min-width:768px){
.vdn-ana-baslik-1{font-size:2.25rem}
.vdn-ana-banner{padding:3.5rem 0;margin-bottom:2.5rem}
.vdn-ana-bolum-baslik{font-size:1.5rem}
.vdn-ana-bolum{margin-bottom:3rem}
}
@media (min-width:1024px){
.vdn-ana-banner-ic{flex-direction:row;text-align:left;gap:2rem}
.vdn-ana-banner-ic .vdn-ana-banner-gorsel{max-width:42%}
.vdn-ana-baslik-1{font-size:2.5rem}
.vdn-ana-banner{padding:4rem 0}
}

.vdn-sayfa-sarmal{max-width:var(--vdn-genis-maks);margin:0 auto;padding:0 var(--vdn-yatay-bosluk);padding-bottom:2.5rem}
.vdn-sayfa-baslik-1{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:var(--vdn-icerik-metin);line-height:1.3}
.vdn-sayfa-bolum{margin-bottom:2rem}
.vdn-sayfa-bolum-baslik{font-size:1.375rem;font-weight:600;margin:0 0 0.75rem;color:var(--vdn-icerik-metin)}
.vdn-sayfa-bolum-alt-baslik{font-size:1.0625rem;font-weight:600;margin:1rem 0 0.35rem;color:var(--vdn-icerik-metin)}
.vdn-sayfa-paragraf{margin:0 0 1rem;color:var(--vdn-icerik-metin)}
@media (min-width:768px){
.vdn-sayfa-baslik-1{font-size:2rem}
.vdn-sayfa-bolum-baslik{font-size:1.5rem}
}

.vdn-iletisim-sarmal{max-width:var(--vdn-genis-maks);margin:0 auto;padding:0 var(--vdn-yatay-bosluk);padding-bottom:2.5rem}
.vdn-iletisim-baslik-1{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:var(--vdn-icerik-metin);line-height:1.3}
.vdn-iletisim-giris{font-size:1rem;color:var(--vdn-icerik-metin-ikincil);margin:0 0 1.5rem}
.vdn-iletisim-bilgi-kutu{background:#fff;border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:var(--vdn-golge);border:1px solid rgba(0,0,0,0.06)}
.vdn-iletisim-bilgi-baslik{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--vdn-icerik-metin)}
.vdn-iletisim-satir{display:flex;align-items:center;gap:0.75rem;margin:0.5rem 0}
.vdn-iletisim-satir .fa-solid,.vdn-iletisim-satir .fa-brands{flex-shrink:0;width:1.25rem;color:var(--vdn-vurgu);text-align:center}
.vdn-iletisim-satir a{color:var(--vdn-icerik-metin)}
.vdn-iletisim-satir a:hover{color:var(--vdn-vurgu)}
.vdn-iletisim-harita-wrap{margin:1.5rem 0;border-radius:12px;overflow:hidden;box-shadow:var(--vdn-golge)}
.vdn-iletisim-harita{display:block;width:100%;max-width:100%;height:320px;border:0}
@media (min-width:768px){
.vdn-iletisim-baslik-1{font-size:2rem}
.vdn-iletisim-harita{height:450px}
}

.vdn-blog-sarmal{max-width:var(--vdn-genis-maks);margin:0 auto;padding:0 var(--vdn-yatay-bosluk);padding-bottom:2.5rem}
.vdn-blog-liste-baslik{font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;color:var(--vdn-icerik-metin);line-height:1.3}
.vdn-blog-listesi{display:grid;gap:1.5rem}
.vdn-blog-kart{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--vdn-golge);border:1px solid rgba(0,0,0,0.06);display:grid;grid-template-columns:1fr}
.vdn-blog-kart-gorsel-wrap{aspect-ratio:16/10;overflow:hidden}
.vdn-blog-kart-gorsel-wrap img{width:100%;height:100%;object-fit:cover}
.vdn-blog-kart-ic{padding:1.25rem}
.vdn-blog-kart-baslik{font-size:1.125rem;font-weight:600;margin:0 0 0.5rem;line-height:1.35}
.vdn-blog-kart-baslik a{color:var(--vdn-icerik-metin)}
.vdn-blog-kart-baslik a:hover{color:var(--vdn-vurgu)}
.vdn-blog-kart-ozet{font-size:0.9375rem;color:var(--vdn-icerik-metin-ikincil);margin:0 0 0.75rem;line-height:1.5}
.vdn-blog-kart-baglanti{font-size:0.9375rem;font-weight:600;color:var(--vdn-vurgu)}
.vdn-blog-kart-baglanti:hover{color:var(--vdn-vurgu-koyu)}
.vdn-blog-kart-baglanti .fa-arrow-right{margin-left:0.25rem;font-size:0.75rem}
@media (min-width:768px){
.vdn-blog-liste-baslik{font-size:2rem}
.vdn-blog-kart{grid-template-columns:280px 1fr}
.vdn-blog-kart-gorsel-wrap{aspect-ratio:auto;height:100%;min-height:180px}
}

.vdn-yazi-sarmal{max-width:50rem;margin:0 auto;padding:0 var(--vdn-yatay-bosluk);padding-bottom:2.5rem}
.vdn-yazi-baslik-1{font-size:1.75rem;font-weight:700;margin:0 0 0.75rem;color:var(--vdn-icerik-metin);line-height:1.3}
.vdn-yazi-ust{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;margin-bottom:1.5rem;font-size:0.875rem;color:var(--vdn-icerik-metin-ikincil)}
.vdn-yazi-tarih,.vdn-yazi-yazar{display:inline-flex;align-items:center;gap:0.35rem}
.vdn-yazi-bolum{margin-bottom:1.75rem}
.vdn-yazi-bolum-baslik{font-size:1.25rem;font-weight:600;margin:0 0 0.5rem;color:var(--vdn-icerik-metin)}
.vdn-yazi-bolum-alt-baslik{font-size:1.0625rem;font-weight:600;margin:1rem 0 0.35rem;color:var(--vdn-icerik-metin)}
.vdn-yazi-paragraf{margin:0 0 1rem;color:var(--vdn-icerik-metin);line-height:1.65}
.vdn-yazi-gorsel{margin:1rem 0;border-radius:12px;overflow:hidden;box-shadow:var(--vdn-golge)}
.vdn-yazi-gorsel img{width:100%;height:auto;display:block}
.vdn-yazi-ilgili-bolum{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--vdn-kenar)}
.vdn-yazi-ilgili-baslik{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--vdn-icerik-metin)}
.vdn-yazi-ilgili-listesi{display:flex;flex-direction:column;gap:0.5rem}
.vdn-yazi-ilgili-oge a{display:block;padding:0.5rem 0;color:var(--vdn-icerik-metin);border-bottom:1px solid rgba(0,0,0,0.06)}
.vdn-yazi-ilgili-oge a:hover{color:var(--vdn-vurgu)}
@media (min-width:768px){
.vdn-yazi-baslik-1{font-size:2rem}
.vdn-yazi-bolum-baslik{font-size:1.375rem}
}

.vdn-hata-sarmal{max-width:var(--vdn-genis-maks);margin:0 auto;padding:0 var(--vdn-yatay-bosluk);padding-bottom:2.5rem;text-align:center}
.vdn-hata-kutu{margin:2rem auto;max-width:32rem}
.vdn-hata-kod{font-size:4rem;font-weight:700;color:var(--vdn-vurgu);margin:0 0 0.5rem;line-height:1}
.vdn-hata-baslik{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--vdn-icerik-metin)}
.vdn-hata-aciklama{margin:0 0 1.5rem;color:var(--vdn-icerik-metin-ikincil)}
.vdn-hata-listesi{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem 1.25rem;margin:1.5rem 0}
.vdn-hata-listesi a{display:inline-flex;align-items:center;gap:0.35rem;padding:0.5rem 1rem;background:var(--vdn-vurgu);color:#fff;font-weight:500;border-radius:8px}
.vdn-hata-listesi a:hover{background:var(--vdn-vurgu-koyu);color:#fff}
.vdn-hata-ikincil-listesi{margin-top:1rem}
.vdn-hata-ikincil-listesi a{color:var(--vdn-vurgu);font-size:0.9375rem}
.vdn-hata-ikincil-listesi a:hover{color:var(--vdn-vurgu-koyu)}
@media (min-width:768px){
.vdn-hata-kod{font-size:5rem}
.vdn-hata-baslik{font-size:1.75rem}
}
