:root{--primary:#1E3A8A;--accent:#0EA5E9;--ink:#0b1220;--muted:#6B7280;--soft:#F3F4F6;--card:#ffffff;--nav-h:80px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:#111827;background:#fff;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#loader{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:linear-gradient(135deg,rgba(30,58,138,.98),rgba(14,165,233,.96));transition:opacity .25s ease}
#loader .spinner{width:58px;height:58px;border-radius:999px;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.navbar{min-height:var(--nav-h);transition:background-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}
.bg-nav{background:transparent}
.navbar .navbar-brand .brand-text{font-weight:800;color:#fff;font-size:1rem}
.brand-logo{width:148px;height:auto}
.navbar .navbar-toggler{border:0}
.navbar .navbar-toggler-icon{filter:invert(1)}
.navbar .nav-link{color:#fff;padding:.75rem .9rem;position:relative}
.navbar .nav-link.active{font-weight:700}
.navbar .btn.btn-primary{font-weight:800;background:#fff;border:2px solid #fff;color:#0b1220}
.navbar .btn.btn-primary:hover{filter:brightness(.95)}
.navbar .nav-indicator{position:absolute;bottom:0;left:0;height:2px;background:#fff;width:0;transition:transform .25s ease,width .25s ease;transform:translateX(0)}
.navbar.is-scrolled{background:linear-gradient(135deg,rgba(30,58,138,.98),rgba(14,165,233,.95));backdrop-filter:saturate(140%) blur(6px);box-shadow:0 6px 22px rgba(0,0,0,.25)}
.offcanvas-grad{background:linear-gradient(135deg,rgba(30,58,138,.98),rgba(14,165,233,.95));color:#fff;max-width:min(520px,90vw)}
.offcanvas-grad .offcanvas-header{border-bottom:1px solid rgba(255,255,255,.2)}
.offcanvas-grad .btn-light{color:#0b1220!important;border-color:#fff}
.hero{position:relative;isolation:isolate;padding-top:var(--nav-h);min-height:calc(92vh - var(--nav-h));color:#fff;overflow:hidden;display:flex;align-items:center}
.hero-bg{position:absolute;inset:-20% -10% -10% -10%;background:radial-gradient(60% 50% at 30% 30%,rgba(14,165,233,.25),transparent 60%),radial-gradient(50% 40% at 80% 20%,rgba(30,58,138,.35),transparent 60%),linear-gradient(135deg,#1E3A8A 0%,#0EA5E9 100%);filter:saturate(1.05);animation:bgshift 16s ease-in-out infinite alternate}
@keyframes bgshift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-2%,1%,0) scale(1.03)}}
.hero-mesh{position:absolute;inset:-100px -100px 0 -100px;background:radial-gradient(1200px 600px at 60% 30%,rgba(255,255,255,.10),transparent 60%)}
.hero-grid{position:absolute;inset:0;background:linear-gradient(transparent,rgba(255,255,255,.06)),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 80px);mix-blend-mode:overlay;opacity:.35}
.hero-particles{position:absolute;inset:0;pointer-events:none}
.hero-particles .p{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22);box-shadow:0 0 22px rgba(255,255,255,.30)}
.p1{left:6%;top:78%;animation:float1 7s infinite ease-in-out}
.p2{left:18%;top:22%;width:8px;height:8px;animation:float2 6.5s infinite ease-in-out}
.p3{right:14%;top:30%;width:12px;height:12px;animation:float3 8s infinite ease-in-out}
.p4{right:28%;bottom:12%;width:9px;height:9px;animation:float2 7.2s infinite ease-in-out}
.p5{left:44%;top:12%;width:11px;height:11px;animation:float1 6.8s infinite ease-in-out}
.p6{left:70%;top:70%;width:10px;height:10px;animation:float3 7.8s infinite ease-in-out}
@keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes float2{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(6px)}}
@keyframes float3{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.06)}}
.hero-inner{position:relative;z-index:2;padding:28px 0}
.eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.hero-title{font-size:clamp(1.45rem,3.3vw,2.4rem);font-weight:900;text-shadow:0 2px 18px rgba(0,0,0,.45);margin:.25rem 0 .5rem}
.hero-desc{font-size:1.02rem;opacity:.98;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.hero-cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.hero-figure{filter:drop-shadow(0 18px 32px rgba(0,0,0,.35))}
.hero-media{transform:translateZ(0);will-change:transform}
.hero-social{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:3}
.hero-social a{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);color:#fff;transition:transform .2s ease,filter .2s ease}
.hero-social a:hover{transform:translateY(-2px);filter:brightness(1.05)}
.hero-bottom{position:absolute;left:0;right:0;bottom:-1px;height:80px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.06));clip-path:polygon(0 55%,100% 0,100% 100%,0 100%)}
.breadcrumb-over-hero{background:rgba(255,255,255,.9)!important;backdrop-filter:saturate(120%) blur(6px);border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
.breadcrumb .breadcrumb-item a{color:#0b1220!important}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#6b7280!important}
.breadcrumb .breadcrumb-item.active{color:#1E3A8A!important}
.section-plain{background:#fff}
.bg-soft{background:linear-gradient(180deg,#f4f7fb,#eef3f9)}
.fcard{border-radius:16px;background:var(--card);border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .22s ease, box-shadow .22s ease}
.fcard:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(17,24,39,.14)}
.ficon-wrap{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#1E3A8A,#0EA5E9);color:#fff;border:1px solid rgba(255,255,255,.2)}
.ficon{font-size:22px}
.ftitle{font-weight:700}
.brand-card{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}
.brand-logo-img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#f8fafc}
.brand-body{padding:14px}
.segments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.segpill{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#eef2ff,#e0f2fe);color:#0b1220;border:1px solid #dbeafe;border-radius:12px;padding:10px 12px;min-height:46px;font-weight:700;box-shadow:0 1px 0 rgba(17,24,39,.04)}
.accordion .accordion-item{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(17,24,39,.05)}
.accordion-button{background:linear-gradient(0deg,#ffffff,#fafafa);color:#0b1220;font-weight:700}
.accordion-button:not(.collapsed){background:#f2f6ff}
.prose.narrow{max-width:76ch;margin:0 auto}
.zoomcard{transition:transform .22s ease, box-shadow .22s ease}
.zoomcard:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(17,24,39,.14)}
.cta-band{padding:18px 0;background:linear-gradient(90deg,#1E3A8A,#0EA5E9);color:#fff}
.cta-band .btn{font-weight:800}
.footer-dark{background:#0b1220;color:#cbd5e1}
.footer-dark .footer-logo{filter:grayscale(.05) contrast(1.06)}
.footer-nav a{color:#cbd5e1}
.footer-nav a:hover{color:#fff}
.social .social-link{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#4b5563,#374151);color:#fff;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease, filter .2s ease}
.social .social-link:hover{transform:translateY(-2px);filter:brightness(1.1)}
.copy{color:#94a3b8}
.btn{border-radius:.8rem}
.btn-outline-light{border-width:2px}
.btn-light{border:2px solid #e5e7eb}
#sozluk .card i{color:#60A5FA!important}
#sozluk .row .col-md-6:nth-child(even) i{color:#34D399!important}
@media (max-width:1199.98px){:root{--nav-h:76px}}
@media (max-width:991.98px){
  :root{--nav-h:70px}
  .brand-logo{width:132px}
  .navbar .navbar-brand .brand-text{font-size:.95rem}
  .hero{min-height:540px}
  .hero-title{font-size:clamp(1.35rem,3.6vw,2.1rem)}
  .hero-desc{font-size:1rem}
}
@media (max-width:575.98px){
  :root{--nav-h:64px}
  .brand-logo{width:118px}
  .navbar .navbar-brand .brand-text{font-size:.9rem}
  .hero-title{font-size:1.28rem}
  .hero-desc{font-size:.98rem}
}