.btn{position:relative;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease}
.card{position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease}
.card:hover .ico{transform:rotate(-8deg) scale(1.08);background:#1F6FB2 !important}
.rel{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #22344B;color:#FFFFFF;font-size:20px;font-weight:700;transition:padding-left .3s,color .3s}
.rel:hover{padding-left:12px;color:#5AA7E6}
.nav-glass{position:sticky;top:0;z-index:60;background:rgba(250,250,251,.8);-webkit-backdrop-filter:blur(30px) saturate(150%) brightness(1.15);backdrop-filter:blur(30px) saturate(150%) brightness(1.15);border-bottom:1px solid #E2E7ED}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}
@supports (animation-timeline: view()){.reveal{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.doc-hero{background:#0F1B2B;color:#FFFFFF}
.toc a{display:block;padding:9px 0 9px 14px;border-left:2px solid #E2E7ED;color:#556170;font-size:15px;font-weight:600;transition:color .2s,border-color .2s}
.toc a:hover{color:#18212C;border-color:#1F6FB2}
.prose{font-size:17px;line-height:1.75;color:#33404E}
.prose h2{margin:56px 0 16px;font-size:30px;line-height:1.15;font-weight: 700;color:#18212C;scroll-margin-top:110px}
.prose h2:first-child{margin-top:0}
.prose h3{margin:32px 0 10px;font-size:21px;line-height:1.3;font-weight: 700;color:#18212C}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}
.prose li{margin:0 0 8px}
.prose table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15px}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid #E2E7ED;vertical-align:top}
.prose th{background:#F2F5F8;font-weight:700;color:#18212C}
.callout{border-left:3px solid #1F6FB2;background:#E8F1F9;padding:18px 22px;border-radius:0 6px 6px 0;margin:8px 0 24px}
@media (max-width: 960px){.side{position:static !important}}
@media (max-width: 960px){.stack{grid-template-columns:minmax(0,1fr) !important}.stack2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.wrap{padding-left:20px;padding-right:20px}.hero-h1{font-size:42px !important}.sec-h2{font-size:34px !important}.pad-y{padding-top:76px !important;padding-bottom:76px !important}}
@media (max-width: 560px){.stack2{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width: 1180px){.mainnav{gap:4px 20px !important}.navlink{font-size:14px}}
@media (max-width: 1080px){.burger{display:flex}.mainnav{display:none !important;order:3;width:100%;flex-direction:column;align-items:stretch !important;gap:0 !important;padding:6px 0 4px;border-top:1px solid #E2E7ED}.mainnav.open{display:flex !important}.mainnav .navlink{padding:14px 0;font-size:17px;border-bottom:1px solid #EBEFF3}.mainnav .navlink::after{display:none}}
@media (max-width: 560px){.hdr-cta{display:none !important}}
/* === YENİ GÖRÜNÜM === */
h1,h2,h3,h4{letter-spacing:-0.02em}
.eyebrow::before{display:none !important}
.hero-grid{background-image:none !important;background-color:#0F1B2B !important}
.pnum{width:34px;height:34px;border-radius:50%;background:#E8F1FA;color:#1A5E99;font-size:15px !important;font-weight:700;display:flex !important;align-items:center;justify-content:center;flex:none;padding:0 !important;line-height:1 !important}
.foot a{color:#C3CEDB;transition:color .2s}.foot a:hover{color:#FFFFFF}
.social{transition:background-color .25s,border-color .25s}.social:hover{background:#1F6FB2;border-color:#1F6FB2}