/* Netlojik ortak stiller */
body { background: #f7faff; }
.eyebrow { font-size: 11px; letter-spacing: .22em; font-weight: 700; text-transform: uppercase; color: #1f6bff; }
.glass { background: rgba(255,255,255,.88); backdrop-filter: blur(10px); }
.hero-img {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 28%), linear-gradient(to bottom, #000 78%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, #000 28%), linear-gradient(to bottom, #000 78%, transparent 100%);
  mask-composite: intersect;
}
.mm-panel { display: none; }
@media (min-width: 1024px) {
  .mm:hover .mm-panel, .mm.is-open .mm-panel { display: block; }
}
.prose-legal h2 { margin-top: 2.25rem; font-size: 1.25rem; font-weight: 700; color: #0a1a3d; }
.prose-legal h3 { margin-top: 1.5rem; font-weight: 700; color: #0a1a3d; }
.prose-legal p, .prose-legal li { margin-top: .75rem; line-height: 1.75; color: #4a5878; }
.prose-legal ul { list-style: disc; padding-left: 1.25rem; }
.prose-legal a { color: #0b57f0; font-weight: 600; }
.field { width: 100%; border-radius: .75rem; border: 1px solid #dbe4f2; background: #fff; padding: .75rem 1rem; font-size: .875rem; color: #0a1a3d; }
.field:focus { outline: none; border-color: #4d8dff; box-shadow: 0 0 0 3px rgba(31,107,255,.15); }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #1f6bff; outline-offset: 2px; border-radius: 6px; }

/* CTA bandının sağındaki dekor görseli: soluk, soldan banda doğru eriyen */
.cta-art {
  opacity: .45;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 55%);
  mask-image: linear-gradient(to right, transparent 0%, #000 55%);
}