:root,
[data-bs-theme=light] {
  --dn-mor: #6e44a8;
  --dn-mor-koyu: #4e2f7d;
  --dn-mor-acik: #a98bd6;
  --dn-mor-soluk: #f4effa;
  --dn-turuncu: #f08a24;
  --dn-turuncu-koyu: #d9701a;
  --dn-turuncu-soluk: #fff4e8;
  --dn-kirmizi: #e8501e;
  --dn-yesil: #3b7f35;
  --dn-yesil-acik: #93c031;
  --dn-krem: #fffaf4;
  --dn-whatsapp: #25d366;
  --bs-body-font-family: "Nunito", system-ui, sans-serif;
  --bs-orange: var(--dn-turuncu);
  --bs-orange-rgb: 240, 138, 36;
}

[data-bs-theme=dark] {
  --dn-mor-soluk: #241b31;
  --dn-turuncu-soluk: #2d2116;
  --dn-krem: #17141c;
}

body { font-family: var(--bs-body-font-family); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .navbar, .btn,
.nav-link, .card-title, .accordion-button {
  font-family: "Nunito", system-ui, sans-serif !important;
}
h1, h2, h3, .h1, .h2, .h3 { font-weight: 800; letter-spacing: -.01em; }

.dn-safran-kenar {
  position: fixed;
  z-index: 0;
  pointer-events: none;
  width: 220px;
  height: 352px;
  color: var(--dn-mor);
  opacity: .07;
  background: currentColor;
  -webkit-mask: url(/assets/images/brand/safran-siluet.svg) center / contain no-repeat;
          mask: url(/assets/images/brand/safran-siluet.svg) center / contain no-repeat;
}
.dn-safran-kenar.sol  { left: -60px;  bottom: -30px; transform: rotate(14deg); }
.dn-safran-kenar.sag  { right: -50px; top: 120px;   transform: rotate(-18deg) scale(.85); color: var(--dn-turuncu); opacity: .06; }
main, footer { position: relative; z-index: 1; }
header { position: relative; z-index: 1030; }
@media (max-width: 991px) { .dn-safran-kenar { width: 140px; height: 224px; opacity: .05; } }
@media (max-width: 575px) { .dn-safran-kenar.sag { display: none; } }

.navbar-brand-dn { display: flex; align-items: center; gap: .65rem; text-decoration: none; }
.navbar-brand-dn img { width: 58px; height: 58px; object-fit: contain; }
.navbar-brand-dn .marka-ad { display: block; font-weight: 800; font-size: 1.15rem; line-height: 1.1; color: var(--dn-yesil); }
.navbar-brand-dn .marka-ad span { color: var(--dn-yesil-acik); }
.navbar-brand-dn .marka-slogan { display: block; font-size: .85rem; font-style: italic; color: var(--dn-mor); font-weight: 600; }
@media (max-width: 575px) {
  .navbar-brand-dn img { width: 46px; height: 46px; }
  .navbar-brand-dn .marka-ad { font-size: 1rem; }
  .navbar-brand-dn .marka-slogan { font-size: .75rem; }
}
.navbar .nav-link { font-weight: 700; }
.navbar .dropdown-menu { border-top: 3px solid var(--dn-turuncu); }

.btn-dn {
  background: linear-gradient(90deg, var(--dn-mor) 0%, #8a5cc7 50%, var(--dn-mor) 100%);
  background-size: 200% auto;
  color: #fff; border: 0; font-weight: 700;
  transition: background-position .4s ease, transform .15s ease;
}
.btn-dn:hover, .btn-dn:focus { background-position: right center; color: #fff; transform: translateY(-1px); }
.btn-turuncu { background: var(--dn-turuncu); border-color: var(--dn-turuncu); color: #fff; font-weight: 700; }
.btn-turuncu:hover, .btn-turuncu:focus { background: var(--dn-turuncu-koyu); border-color: var(--dn-turuncu-koyu); color: #fff; }
.btn-whatsapp { background: var(--dn-whatsapp); border-color: var(--dn-whatsapp); color: #fff; font-weight: 700; }
.btn-whatsapp:hover, .btn-whatsapp:focus { background: #1ebe5b; border-color: #1ebe5b; color: #fff; }
.text-turuncu { color: var(--dn-turuncu) !important; }
.text-mor { color: var(--dn-mor) !important; }
.text-yesil { color: var(--dn-yesil) !important; }
.bg-mor-soluk { background-color: var(--dn-mor-soluk) !important; }
.bg-turuncu-soluk { background-color: var(--dn-turuncu-soluk) !important; }
.bg-krem { background-color: var(--dn-krem) !important; }

.dn-whatsapp-sabit {
  position: fixed; left: 18px; bottom: 18px; z-index: 1030;
  width: 56px; height: 56px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--dn-whatsapp); color: #fff; font-size: 30px;
  box-shadow: 0 6px 18px rgba(37, 211, 102, .45);
  transition: transform .2s ease;
}
.dn-whatsapp-sabit:hover { color: #fff; transform: scale(1.08); }

.dn-ust-baslik {
  display: inline-block; font-weight: 800; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--dn-turuncu); margin-bottom: .5rem;
}
.dn-baslik-cizgi { width: 64px; height: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--dn-mor), var(--dn-turuncu)); }

.dn-hero {
  background:
    radial-gradient(1200px 400px at 85% -10%, rgba(240, 138, 36, .14), transparent 60%),
    radial-gradient(900px 500px at 0% 110%, rgba(110, 68, 168, .14), transparent 60%),
    var(--dn-krem);
  overflow: hidden;
}
.dn-hero h1 { font-size: clamp(2rem, 4.2vw, 3.2rem); line-height: 1.12; }
.dn-hero h1 .vurgu { color: var(--dn-mor); }
.dn-hero .alinti {
  border-left: 4px solid var(--dn-turuncu); padding-left: 1rem; font-size: 1.08rem; line-height: 1.7;
}
.dn-hero-gorsel { position: relative; max-width: 440px; margin-inline: auto; }
.dn-hero-gorsel .logo-daire {
  background: #fff; border-radius: 50%; padding: 8%; box-shadow: 0 30px 60px -20px rgba(110, 68, 168, .35);
}
.dn-hero-gorsel .safran-kucuk { position: absolute; width: 22%; bottom: -4%; right: -2%; transform: rotate(12deg); }
.dn-hero-gorsel .safran-kucuk.sol { left: -4%; right: auto; bottom: auto; top: 6%; width: 16%; transform: rotate(-16deg); }
.dn-istatistik { font-weight: 800; font-size: 1.8rem; color: var(--dn-mor); line-height: 1; }

.dn-kitle-sekme .nav-link {
  border-radius: 50rem; font-weight: 700; color: var(--bs-body-color); background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color); margin: .25rem; padding: .55rem 1.1rem;
}
.dn-kitle-sekme .nav-link.active { background: var(--dn-mor); color: #fff; border-color: var(--dn-mor); }
.dn-madde { display: flex; gap: .85rem; align-items: flex-start; padding: .9rem 0; border-bottom: 1px dashed var(--bs-border-color); }
.dn-madde:last-child { border-bottom: 0; }
.dn-madde i { color: var(--dn-turuncu); font-size: 1.25rem; margin-top: .1rem; }
.dn-kitle-svg { width: 1em; height: 1em; display: inline-block; vertical-align: -.15em; flex-shrink: 0; overflow: visible; }
.dn-kitle-svg .d { fill: currentColor; fill-opacity: .2; }
.dn-kitle-svg .d2 { fill: currentColor; fill-opacity: .55; }
.k-doktorlar { color: #6e44a8; }
.k-diyetisyenler { color: #3b7f35; }
.k-eczacilar { color: #d9701a; }
.k-psikologlar { color: #c2416b; }
.k-ebeveynler { color: #e8501e; }
[data-bs-theme=dark] .k-doktorlar { color: #b597e3; }
[data-bs-theme=dark] .k-diyetisyenler { color: #93c031; }
[data-bs-theme=dark] .k-eczacilar { color: #f5a54f; }
[data-bs-theme=dark] .k-psikologlar { color: #ef7fa2; }
[data-bs-theme=dark] .k-ebeveynler { color: #ff8a5c; }
.dn-kitle-rozet { width: 64px; height: 64px; border-radius: 1.1rem; display: inline-flex; align-items: center; justify-content: center; font-size: 34px; line-height: 1; background: color-mix(in srgb, currentColor 13%, transparent); }
.dn-kitle-rozet.kucuk { width: 52px; height: 52px; border-radius: .95rem; font-size: 28px; }
.dn-kitle-sekme .nav-link .dn-kitle-svg { color: inherit; font-size: 1.15em; }

.dn-egitim-kart { border: 0; border-radius: 1rem; height: 100%; transition: transform .2s ease, box-shadow .2s ease; background: var(--bs-body-bg); }
.dn-egitim-kart:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -18px rgba(110, 68, 168, .45) !important; }
.dn-egitim-kart .etiket { font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--dn-turuncu); }
.dn-egitim-kart blockquote { font-size: 1rem; font-weight: 700; color: var(--bs-heading-color); margin: 0 0 .6rem; }
.dn-egitim-kart .alt { font-size: .9rem; }

.dn-ekip { background: #2f5d3a; color: #e8f2ea; }
.dn-ekip .dn-ust-baslik { color: var(--dn-yesil-acik); }
.dn-ekip h2 { color: #fff; }
.dn-ekip-foto { border-radius: 1.25rem; overflow: hidden; aspect-ratio: 3 / 4; background: #fff; }
.dn-ekip-foto img { width: 100%; height: 100%; object-fit: cover; }
.dn-ekip-ad { color: #c5ea7c; font-weight: 800; text-transform: uppercase; font-size: 1.35rem; line-height: 1.15; margin-bottom: .2rem; }
.dn-ekip-unvan { font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fff; opacity: .85; }
.dn-ekip-metin { color: #e8f2ea; font-size: .97rem; line-height: 1.6; }
.dn-ekip a.iletisim { color: #fff; text-decoration: none; font-weight: 600; }
.dn-ekip a.iletisim:hover { color: #c5ea7c; }
.dn-ekip .btn-outline-light { font-weight: 700; }

.dn-urun-gorsel { background: var(--dn-mor-soluk); border-radius: 1.5rem; padding: 2rem; display: flex; align-items: center; justify-content: center; min-height: 320px; }
.dn-urun-gorsel img { max-height: 380px; max-width: 100%; object-fit: contain; filter: drop-shadow(0 20px 30px rgba(0,0,0,.15)); }
.dn-urun-gorsel.turuncu { background: var(--dn-turuncu-soluk); }
.dn-urun-kart { border: 0; border-radius: 1rem; height: 100%; background: var(--bs-body-bg); }
.dn-urun-kart .resim { background: var(--dn-mor-soluk); border-radius: 1rem 1rem 0 0; aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.dn-urun-kart .resim img { max-height: 100%; max-width: 100%; object-fit: contain; }

.dn-sss .accordion-item { border: 0; border-radius: .75rem !important; overflow: hidden; margin-bottom: .75rem; background: var(--dn-mor-soluk); }
.dn-sss .accordion-button { background: transparent; font-weight: 700; color: var(--bs-heading-color); box-shadow: none; }
.dn-sss .accordion-button:not(.collapsed) { color: var(--dn-mor); }

footer.dn-footer { background: #2a1d3d; color: #cbbfe0; }
footer.dn-footer h5 { color: #fff; }
footer.dn-footer .nav-link, footer.dn-footer a { color: #cbbfe0; }
footer.dn-footer .nav-link:hover, footer.dn-footer a:hover { color: var(--dn-turuncu); }
footer.dn-footer .footer-logo { width: 84px; height: 84px; background: #fff; border-radius: 50%; padding: 6px; }
footer.dn-footer hr { border-color: rgba(255,255,255,.12); }

.dn-sayfa-bant { background: linear-gradient(120deg, var(--dn-mor) 0%, #8a5cc7 60%, var(--dn-turuncu) 140%); color: #fff; }
.dn-sayfa-bant h1 { color: #fff; }
.dn-sayfa-bant .breadcrumb-item, .dn-sayfa-bant .breadcrumb-item a, .dn-sayfa-bant .breadcrumb-item::before { color: rgba(255,255,255,.85) !important; }

.dn-yer-tutucu { background: linear-gradient(160deg, var(--dn-mor-soluk), var(--dn-turuncu-soluk)); }

.navbar-brand-dn .marka-ad, .navbar-brand-dn .marka-slogan { white-space: nowrap; }
.dn-ekip .btn-outline-light { color: #fff; border-color: rgba(255,255,255,.7); }
.dn-ekip .btn-outline-light:hover { background: #c5ea7c; border-color: #c5ea7c; color: #1f3d27; }
[data-bs-theme=light] .dn-urun-gorsel img[src$=".jpg"] { mix-blend-mode: multiply; }

@media (max-width: 991px) { .dn-hero-gorsel { max-width: 260px; } }
.navbar-brand-dn { flex-shrink: 0; }
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-expand-xl .navbar-nav .nav-link { padding-left: .55rem; padding-right: .55rem; font-size: .95rem; }
  .navbar-brand-dn img { width: 50px; height: 50px; }
  .navbar-brand-dn .marka-ad { font-size: 1.05rem; }
}
.navbar .nav-link:hover, .navbar .nav-link.active, .navbar .nav-link.show { color: var(--dn-mor) !important; }

.dn-yer-tutucu img, .dn-ekip-foto img { object-position: center top; }
.dn-ozgecmis h2 { font-size: 1.15rem; color: var(--dn-mor); margin: 1.5rem 0 .5rem; }
.dn-ozgecmis h2:first-child { margin-top: 0; }
.dn-ozgecmis h2 + br { display: none; }
.dn-yer-tutucu { position: relative; }
.dn-yer-tutucu > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.dn-ekip { background: var(--dn-krem); color: inherit; border-top: 1px solid rgba(110,68,168,.08); }
.dn-ekip .dn-ust-baslik { color: var(--dn-turuncu); }
.dn-ekip h2 { color: var(--bs-heading-color); }

.dn-egitim-menu { min-width: 330px; }
.dn-egitim-menu .dropdown-item { white-space: normal; padding-top: .55rem; padding-bottom: .55rem; }
.dn-egitim-menu { min-width: 340px; padding: .5rem; }
.dn-egitim-menu .dn-em-oge { display: flex !important; align-items: center; gap: .8rem; padding: .6rem .75rem !important; border-radius: .6rem; white-space: normal; }
.dn-egitim-menu .dn-em-ikon { flex: 0 0 40px; height: 40px; border-radius: 50%; background: color-mix(in srgb, currentColor 13%, transparent); display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; }
.dn-egitim-menu .dn-em-metin { display: flex; flex-direction: column; min-width: 0; }
.dn-egitim-menu .dn-em-baslik { font-weight: 700; color: var(--bs-heading-color); font-size: .95rem; line-height: 1.25; }
.dn-egitim-menu .dn-em-alt { font-size: .8rem; color: var(--bs-secondary-color, #747579); line-height: 1.3; margin-top: 2px; }
.dn-egitim-menu .dn-em-oge:hover, .dn-egitim-menu .dn-em-oge:focus { background: var(--dn-mor-soluk); }
.dn-egitim-menu .dn-em-oge:hover .dn-em-baslik { color: var(--dn-mor); }
.dn-egitim-menu .dn-em-oge:hover .dn-em-ikon { background: color-mix(in srgb, currentColor 20%, transparent); }

.dn-giris { opacity: 0; animation: dnGiris .9s cubic-bezier(.2,.7,.2,1) forwards; animation-delay: calc(var(--g, 0) * .14s + .1s); }
@keyframes dnGiris { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

.dn-hero h1 .vurgu { position: relative; white-space: nowrap; isolation: isolate; display: inline-block; }
.dn-hero h1 .vurgu::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: .02em; height: .14em; border-radius: 1em;
  background: linear-gradient(90deg, var(--dn-turuncu), #f5b45c); opacity: .55; z-index: -1;
  transform: scaleX(0); transform-origin: left; animation: dnCizgi .8s .9s cubic-bezier(.6,0,.2,1) forwards;
}
@keyframes dnCizgi { to { transform: scaleX(1); } }

.dn-hero-gorsel .logo-daire { animation: dnSuzul 6s ease-in-out infinite; position: relative; z-index: 1; }
@keyframes dnSuzul { 0%, 100% { translate: 0 0; } 50% { translate: 0 -12px; } }
.dn-hale {
  position: absolute; inset: -6%; border-radius: 50%; z-index: 0;
  background: radial-gradient(circle, rgba(169,139,214,.45) 0%, rgba(240,138,36,.18) 45%, transparent 70%);
  animation: dnNefes 5s ease-in-out infinite;
}
@keyframes dnNefes { 0%, 100% { transform: scale(.94); opacity: .7; } 50% { transform: scale(1.06); opacity: 1; } }

.dn-hero-gorsel .safran-kucuk { z-index: 2; transform-origin: 50% 100%; animation: dnSallan 4.5s ease-in-out infinite; }
.dn-hero-gorsel .safran-kucuk.sol { animation-duration: 5.5s; animation-delay: -1.5s; }
@keyframes dnSallan { 0%, 100% { rotate: -5deg; } 50% { rotate: 5deg; } }

.dn-yapraklar { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.dn-yapraklar span {
  position: absolute; top: -40px; width: 14px; height: 22px; border-radius: 80% 0 80% 0;
  background: var(--dn-mor-acik); opacity: 0; animation: dnYaprak 14s linear infinite;
}
.dn-yapraklar span:nth-child(2n) { background: #f5b45c; width: 10px; height: 16px; }
.dn-yapraklar span:nth-child(1) { left: 8%;  animation-delay: 0s; }
.dn-yapraklar span:nth-child(2) { left: 22%; animation-delay: 3s;  animation-duration: 16s; }
.dn-yapraklar span:nth-child(3) { left: 38%; animation-delay: 7s; }
.dn-yapraklar span:nth-child(4) { left: 55%; animation-delay: 1.5s; animation-duration: 18s; }
.dn-yapraklar span:nth-child(5) { left: 70%; animation-delay: 5s; }
.dn-yapraklar span:nth-child(6) { left: 84%; animation-delay: 9s;  animation-duration: 15s; }
.dn-yapraklar span:nth-child(7) { left: 94%; animation-delay: 11s; animation-duration: 17s; }
@keyframes dnYaprak {
  0%   { transform: translate(0, 0) rotate(0deg); opacity: 0; }
  10%  { opacity: .55; }
  50%  { transform: translate(40px, 50vh) rotate(180deg); }
  90%  { opacity: .45; }
  100% { transform: translate(-20px, 100vh) rotate(360deg); opacity: 0; }
}
.dn-hero > .container { z-index: 1; }

.dn-parilti { position: relative; overflow: hidden; }
.dn-parilti::after {
  content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent);
  transform: skewX(-20deg); animation: dnParilti 4s 2s ease-in-out infinite;
}
@keyframes dnParilti { 0% { left: -60%; } 30%, 100% { left: 130%; } }

@media (prefers-reduced-motion: reduce) {
  .dn-giris, .dn-hero h1 .vurgu::after { animation: none; opacity: 1; transform: none; }
  .dn-hero-gorsel .logo-daire, .dn-hale, .dn-hero-gorsel .safran-kucuk, .dn-parilti::after { animation: none; }
  .dn-yapraklar { display: none; }
}

.dn-istatistik { font-variant-numeric: tabular-nums; }

.dn-auth-govde { background: var(--dn-krem); }
.dn-auth { display: grid; grid-template-columns: minmax(0, 1fr); min-height: 100vh; }
@media (min-width: 992px) { .dn-auth { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); } }

.dn-auth-panel {
  position: relative; overflow: hidden; color: #fff; display: none;
  padding: 2.5rem 3rem; flex-direction: column; justify-content: space-between;
  background:
    radial-gradient(700px 400px at 100% 0%, rgba(240,138,36,.35), transparent 60%),
    radial-gradient(600px 500px at 0% 100%, rgba(147,192,49,.22), transparent 60%),
    linear-gradient(150deg, #5a3690 0%, #6e44a8 45%, #8a5cc7 100%);
}
@media (min-width: 992px) { .dn-auth-panel { display: flex; position: sticky; top: 0; height: 100vh; } }
.dn-auth-panel .dn-yapraklar span { background: rgba(255,255,255,.55); }
.dn-auth-panel .dn-yapraklar span:nth-child(2n) { background: #ffc98a; }
.dn-auth-marka { display: inline-flex; align-items: center; gap: .75rem; color: #fff; text-decoration: none; position: relative; z-index: 1; }
.dn-auth-marka:hover { color: #fff; }
.dn-auth-marka img { background: #fff; border-radius: 50%; padding: 3px; }
.dn-auth-gorsel { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; flex: 1; padding: 1.5rem 0; }
.dn-auth-svg { width: 100%; max-width: 440px; height: auto; animation: dnSuzul 7s ease-in-out infinite; filter: drop-shadow(0 30px 40px rgba(30, 10, 60, .25)); }
.dn-auth-metin { position: relative; z-index: 1; max-width: 520px; }
.dn-auth-metin h2 { color: #fff; font-size: clamp(1.6rem, 2.4vw, 2.2rem); margin-bottom: .6rem; }
.dn-auth-metin p { color: rgba(255,255,255,.85); }
.dn-auth-metin li { display: flex; gap: .6rem; align-items: flex-start; margin-bottom: .45rem; color: rgba(255,255,255,.92); }
.dn-auth-metin li i { color: #c5ea7c; margin-top: .15rem; }

.dn-yorunge { position: relative; width: min(400px, 90%); aspect-ratio: 1; }
.dn-yorunge .halka { position: absolute; inset: 8%; border-radius: 50%; border: 2px dashed rgba(255,255,255,.35); }
.dn-yorunge .halka.ic { inset: 30%; border: 0; background: radial-gradient(circle, rgba(255,255,255,.25), transparent 70%); animation: dnNefes 5s ease-in-out infinite; }
.dn-yorunge .merkez {
  position: absolute; top: 50%; left: 50%; width: 34%; aspect-ratio: 1; transform: translate(-50%, -50%);
  background: #fff; border-radius: 50%; padding: 5%; box-shadow: 0 20px 50px rgba(30,10,60,.35);
}
.dn-yorunge .merkez img { width: 100%; height: 100%; object-fit: contain; }
.dn-yorunge .uydular { position: absolute; inset: 0; animation: dnDon 50s linear infinite; }
.dn-yorunge .uydu {
  position: absolute; width: 82px; height: 82px; margin: -41px 0 0 -41px; border-radius: 50%;
  background: #fff; color: var(--dn-mor); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  box-shadow: 0 12px 30px rgba(30,10,60,.3); animation: dnDon 50s linear infinite reverse;
}
.dn-yorunge .uydu i { font-size: 1.5rem; }
.dn-yorunge .uydu:nth-child(2n) i { color: var(--dn-turuncu); }
.dn-yorunge .uydu span { font-size: .68rem; font-weight: 800; color: #4e2f7d; }
@keyframes dnDon { to { transform: rotate(360deg); } }

.dn-auth-form { display: flex; flex-direction: column; padding: 1.25rem 1.25rem 1rem; min-width: 0; }
@media (min-width: 576px) { .dn-auth-form { padding: 1.75rem 2.5rem 1.25rem; } }
.dn-auth-ust { display: flex; align-items: center; gap: 1rem; }
.dn-auth-marka-mobil { display: inline-flex; align-items: center; gap: .5rem; font-weight: 800; color: var(--dn-yesil); text-decoration: none; }
.dn-auth-geri { font-size: .9rem; color: var(--bs-body-color); text-decoration: none; }
.dn-auth-geri:hover { color: var(--dn-mor); }
.dn-auth-kutu {
  width: 100%; max-width: 460px; margin: auto; padding: 2rem 0;
}
@media (min-width: 576px) {
  .dn-auth-kutu { background: var(--bs-body-bg); border-radius: 1.5rem; padding: 2.5rem; box-shadow: 0 30px 60px -30px rgba(110,68,168,.35); margin: 2rem auto; }
}
.dn-auth-rozet { display: inline-block; font-size: .8rem; font-weight: 700; color: var(--dn-mor); background: var(--dn-mor-soluk); border-radius: 50rem; padding: .3rem .8rem; margin-bottom: .9rem; }
.dn-auth-kutu .form-label { font-weight: 700; font-size: .88rem; color: var(--bs-heading-color); margin-bottom: .35rem; }
.dn-girdi { position: relative; }
.dn-girdi > i { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #9a9ea4; pointer-events: none; transition: color .2s; }
.dn-girdi .form-control {
  height: 52px; padding-left: 2.75rem; border-radius: .9rem; border: 1.5px solid #e6e0ee; background: #fbf9fd; font-size: .98rem;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.dn-girdi .form-control:focus { border-color: var(--dn-mor); background: #fff; box-shadow: 0 0 0 4px rgba(110,68,168,.12); }
.dn-girdi:focus-within > i { color: var(--dn-mor); }
.dn-girdi .dn-goz {
  position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); border: 0; background: transparent;
  width: 38px; height: 38px; border-radius: 50%; color: #9a9ea4;
}
.dn-girdi .dn-goz:hover { color: var(--dn-mor); background: var(--dn-mor-soluk); }
.dn-girdi:has(.dn-goz) .form-control { padding-right: 3rem; }
[data-bs-theme=dark] .dn-girdi .form-control { background: #1f1a27; border-color: #3a3047; }
.dn-sifre-guc { margin-top: .5rem; display: flex; align-items: center; gap: .6rem; min-height: 18px; }
.dn-sifre-guc .cubuk { flex: 1; height: 5px; border-radius: 5px; background: #eee6f6; overflow: hidden; }
.dn-sifre-guc .cubuk span { display: block; height: 100%; width: 0; border-radius: 5px; transition: width .3s, background .3s; }
.dn-sifre-guc .yazi { font-size: .75rem; font-weight: 700; color: var(--bs-secondary-color, #747579); white-space: nowrap; }
.dn-auth-kutu .form-check-input:checked { background-color: var(--dn-mor); border-color: var(--dn-mor); }
.dn-auth-ayrac { display: flex; align-items: center; gap: 1rem; color: #b4adbf; font-size: .8rem; margin: 1.5rem 0 1.1rem; }
.dn-auth-ayrac::before, .dn-auth-ayrac::after { content: ""; flex: 1; height: 1px; background: #e9e3f0; }
.dn-auth-dip { text-align: center; font-size: .8rem; color: #9a9ea4; margin: 0; }
.dn-auth-dip a { color: inherit; }

@media (prefers-reduced-motion: reduce) {
  .dn-auth-svg, .dn-yorunge .uydular, .dn-yorunge .uydu, .dn-yorunge .halka.ic { animation: none; }
}
.dn-auth-form { background: radial-gradient(800px 500px at 100% 100%, rgba(240,138,36,.08), transparent 60%), linear-gradient(180deg, #f8f3fc 0%, #fffaf4 100%); }
[data-bs-theme=dark] .dn-auth-form { background: var(--bs-body-bg); }

.dn-urun-gorsel.kitapli { perspective: 1400px; padding: 2.5rem 2rem; }
.dn-kitap {
  position: relative; display: inline-block; max-width: 300px; width: 78%;
  border-radius: 3px 8px 8px 3px; transform: rotateY(-14deg) rotateX(2deg); transform-style: preserve-3d;
  box-shadow: 18px 22px 40px -12px rgba(40, 20, 70, .45), 4px 4px 10px rgba(0,0,0,.12);
  transition: transform .5s cubic-bezier(.2,.7,.2,1);
}
.dn-kitap img { display: block; width: 100%; height: auto; max-height: none; border-radius: 3px 8px 8px 3px; filter: none; mix-blend-mode: normal !important; }
.dn-kitap::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 1;
  background: linear-gradient(90deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.05) 3%, rgba(255,255,255,.35) 4.5%, rgba(255,255,255,0) 8%, rgba(0,0,0,0) 92%, rgba(0,0,0,.06) 100%);
}
.dn-kitap::after {
  content: ""; position: absolute; top: 2%; bottom: 2%; right: -10px; width: 10px; border-radius: 0 3px 3px 0;
  background: repeating-linear-gradient(0deg, #fdfbf7 0 2px, #e9e3d8 2px 3px);
  transform: rotateY(60deg); transform-origin: left; box-shadow: inset 2px 0 3px rgba(0,0,0,.12);
}
.dn-urun-gorsel.kitapli:hover .dn-kitap { transform: rotateY(-4deg) rotateX(0deg) translateY(-4px); }
@media (prefers-reduced-motion: reduce) { .dn-kitap { transition: none; } }

.dn-uye { background: linear-gradient(180deg, var(--dn-mor-soluk) 0, var(--dn-krem) 420px, var(--dn-krem) 100%); }
.dn-uye-bant {
  position: relative; overflow: hidden; color: #fff; padding: 2.25rem 0 4.5rem;
  background:
    radial-gradient(600px 300px at 100% 0%, rgba(240,138,36,.35), transparent 60%),
    linear-gradient(120deg, #5a3690 0%, #6e44a8 55%, #8a5cc7 100%);
}
.dn-uye-bant .dn-yapraklar span { background: rgba(255,255,255,.5); }
.dn-uye-bant h1 { color: #fff; }
.dn-uye-selam { font-weight: 700; color: #ffd9a8; font-size: .95rem; }
.dn-uye-avatar { position: relative; flex-shrink: 0; }
.dn-uye-avatar img { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(255,255,255,.9); box-shadow: 0 10px 30px rgba(30,10,60,.3); background: #fff; }
.dn-uye-etiket { display: inline-flex; align-items: center; background: rgba(255,255,255,.15); color: #fff; border-radius: 50rem; padding: .2rem .7rem; }
a.dn-uye-etiket:hover { background: rgba(255,255,255,.28); color: #fff; }
.dn-uye-icerik { margin-top: -2.75rem; padding-bottom: 4rem; position: relative; z-index: 2; }

.dn-uye-menu {
  background: var(--bs-body-bg); border-radius: 1.1rem; padding: .6rem; box-shadow: 0 15px 40px -20px rgba(110,68,168,.35);
  display: flex; gap: .25rem; overflow-x: auto; scrollbar-width: none;
}
.dn-uye-menu::-webkit-scrollbar { display: none; }
.dn-uye-menu a {
  display: flex; align-items: center; gap: .65rem; padding: .7rem .9rem; border-radius: .75rem; white-space: nowrap;
  color: var(--bs-body-color); font-weight: 600; text-decoration: none; transition: background .2s, color .2s;
}
.dn-uye-menu a i { font-size: 1.1rem; color: #9a8fae; transition: color .2s; }
.dn-uye-menu a:hover { background: var(--dn-mor-soluk); color: var(--dn-mor); }
.dn-uye-menu a:hover i { color: var(--dn-mor); }
.dn-uye-menu a.aktif { background: var(--dn-mor); color: #fff; box-shadow: 0 8px 20px -8px rgba(110,68,168,.7); }
.dn-uye-menu a.aktif i { color: #fff; }
.dn-uye-menu a.cikis, .dn-uye-menu a.cikis i { color: #c0392b; }
.dn-uye-menu a.cikis:hover { background: #fdecea; }
@media (min-width: 992px) { .dn-uye-menu { flex-direction: column; position: sticky; top: 96px; } }

.dn-ozet-kutu { display: flex; align-items: center; gap: .9rem; background: var(--bs-body-bg); border-radius: 1rem; padding: 1rem 1.1rem; height: 100%; box-shadow: 0 10px 30px -18px rgba(110,68,168,.35); }
.dn-ozet-kutu .ikon { width: 48px; height: 48px; flex-shrink: 0; border-radius: .9rem; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; }
.dn-ozet-kutu .deger { font-size: 1.45rem; font-weight: 800; line-height: 1.1; color: var(--bs-heading-color); font-variant-numeric: tabular-nums; }
.dn-ozet-kutu .ad { font-size: .8rem; color: var(--bs-secondary-color, #747579); }
.dn-ozet-kutu.mor .ikon { background: var(--dn-mor-soluk); color: var(--dn-mor); }
.dn-ozet-kutu.turuncu .ikon { background: var(--dn-turuncu-soluk); color: var(--dn-turuncu); }
.dn-ozet-kutu.yesil .ikon { background: #eef7e3; color: var(--dn-yesil); }
.dn-ozet-kutu.pembe .ikon { background: #fdecef; color: #d6336c; }

.dn-devam-kart { background: var(--bs-body-bg); border-radius: 1.25rem; overflow: hidden; box-shadow: 0 20px 50px -25px rgba(110,68,168,.5); }
.dn-devam-kart .gorsel { position: relative; display: block; height: 100%; min-height: 200px; background: var(--dn-mor-soluk); }
.dn-devam-kart .gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dn-devam-kart .oynat {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%;
  background: rgba(255,255,255,.95); color: var(--dn-mor); display: flex; align-items: center; justify-content: center; font-size: 2rem;
  box-shadow: 0 10px 30px rgba(30,10,60,.35); transition: transform .2s;
}
.dn-devam-kart .gorsel:hover .oynat { transform: translate(-50%, -50%) scale(1.1); }
.dn-halka {
  --y: 0; width: 64px; height: 64px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center;
  background: conic-gradient(var(--dn-mor) calc(var(--y) * 1%), var(--dn-mor-soluk) 0);
}
.dn-halka span { width: 50px; height: 50px; border-radius: 50%; background: var(--bs-body-bg); display: grid; place-items: center; font-weight: 800; font-size: .85rem; color: var(--dn-mor); }

.dn-egitim-ogesi { background: var(--bs-body-bg); border-radius: 1rem; overflow: hidden; height: 100%; box-shadow: 0 10px 30px -18px rgba(110,68,168,.35); display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s; }
.dn-egitim-ogesi:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -18px rgba(110,68,168,.5); }
.dn-egitim-ogesi .resim { position: relative; display: block; aspect-ratio: 16 / 8; background: var(--dn-mor-soluk); }
.dn-egitim-ogesi .resim img { width: 100%; height: 100%; object-fit: cover; }
.dn-egitim-ogesi .durum { position: absolute; top: .7rem; left: .7rem; font-size: .72rem; font-weight: 800; padding: .25rem .65rem; border-radius: 50rem; background: #fff; }
.dn-egitim-ogesi .durum.yeni { color: var(--dn-mor); }
.dn-egitim-ogesi .durum.devam { color: var(--dn-turuncu-koyu); }
.dn-egitim-ogesi .durum.bitti { color: #fff; background: var(--dn-yesil); }
.dn-egitim-ogesi .govde { padding: 1.1rem 1.2rem 1.2rem; display: flex; flex-direction: column; flex: 1; }
.dn-ilerleme { height: 8px; border-radius: 8px; background: var(--dn-mor-soluk); overflow: hidden; }
.dn-ilerleme span { display: block; height: 100%; border-radius: 8px; background: linear-gradient(90deg, var(--dn-mor), var(--dn-turuncu)); }

.dn-filtre { display: flex; gap: .4rem; flex-wrap: wrap; }
.dn-filtre button { border: 0; background: var(--bs-body-bg); color: var(--bs-body-color); font-weight: 700; font-size: .88rem; padding: .45rem .9rem; border-radius: 50rem; box-shadow: 0 4px 14px -8px rgba(110,68,168,.4); }
.dn-filtre button span { display: inline-block; min-width: 1.4em; margin-left: .25rem; padding: 0 .35rem; border-radius: 50rem; background: var(--dn-mor-soluk); color: var(--dn-mor); font-size: .75rem; }
.dn-filtre button.aktif { background: var(--dn-mor); color: #fff; }
.dn-filtre button.aktif span { background: rgba(255,255,255,.25); color: #fff; }

.dn-bos { background: var(--bs-body-bg); border-radius: 1.25rem; padding: 2.5rem 1.5rem; text-align: center; box-shadow: 0 10px 30px -18px rgba(110,68,168,.35); }
.dn-bos img { width: 170px; max-width: 60%; margin-bottom: 1rem; background: linear-gradient(150deg, #6e44a8, #8a5cc7); border-radius: 1.25rem; padding: .5rem; }
.dn-kesfet { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; background: var(--bs-body-bg); border: 1.5px dashed #d9cdea; border-radius: 1rem; padding: 1rem 1.25rem; }

.dn-odeme-liste { background: var(--bs-body-bg); border-radius: 1.1rem; box-shadow: 0 10px 30px -18px rgba(110,68,168,.35); overflow: hidden; }
.dn-odeme { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; flex-wrap: wrap; }
.dn-odeme + .dn-odeme { border-top: 1px solid #f0eaf6; }
.dn-odeme .ikon { width: 44px; height: 44px; border-radius: .8rem; display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0; }
.dn-odeme .ikon.kart { background: var(--dn-mor-soluk); color: var(--dn-mor); }
.dn-odeme .ikon.havale { background: var(--dn-turuncu-soluk); color: var(--dn-turuncu); }
.dn-odeme .bilgi { flex: 1; min-width: 180px; }
.dn-odeme .baslik { font-weight: 700; color: var(--bs-heading-color); }
.dn-odeme .alt { font-size: .82rem; color: var(--bs-secondary-color, #747579); }
.dn-odeme .tutar { font-weight: 800; color: var(--bs-heading-color); font-variant-numeric: tabular-nums; }
.dn-durum { font-size: .78rem; font-weight: 700; padding: .3rem .7rem; border-radius: 50rem; white-space: nowrap; }
.dn-durum.onay { background: #eef7e3; color: var(--dn-yesil); }
.dn-durum.bekliyor { background: var(--dn-turuncu-soluk); color: var(--dn-turuncu-koyu); }
.dn-durum.iptal { background: #fdecea; color: #c0392b; }

.dn-panel-kart { background: var(--bs-body-bg); border-radius: 1.1rem; padding: 1.4rem 1.5rem; box-shadow: 0 10px 30px -18px rgba(110,68,168,.35); }
.dn-panel-baslik { font-size: 1rem; font-weight: 800; display: flex; align-items: center; gap: .5rem; margin-bottom: 1rem; }
.dn-panel-baslik i { color: var(--dn-mor); }
.dn-panel-kart .form-label { font-weight: 700; font-size: .85rem; color: var(--bs-heading-color); margin-bottom: .35rem; }
.dn-girdi .form-select.form-control { padding-left: 2.75rem; background-position: right 1rem center; }
.dn-profil-foto { position: relative; width: 104px; height: 104px; flex-shrink: 0; }
.dn-profil-foto img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 4px solid var(--dn-mor-soluk); }
.dn-profil-foto .degistir { position: absolute; right: 0; bottom: 0; width: 36px; height: 36px; border-radius: 50%; border: 3px solid var(--bs-body-bg); background: var(--dn-mor); color: #fff; display: grid; place-items: center; }
.dn-kaydet-cubugu {
  position: sticky; bottom: 1rem; z-index: 5; display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; align-items: center;
  background: var(--bs-body-bg); border-radius: 1rem; padding: .8rem 1rem .8rem 1.25rem; box-shadow: 0 15px 40px -15px rgba(110,68,168,.45);
}
.dn-ipucu { list-style: none; padding: 0; margin: 0; }
.dn-ipucu li { display: flex; gap: .5rem; font-size: .9rem; margin-bottom: .45rem; }
.dn-ipucu li i { color: var(--dn-yesil); }
.dn-cihaz { display: flex; align-items: center; gap: .75rem; padding: .6rem .75rem; border-radius: .75rem; background: var(--dn-mor-soluk); margin-bottom: .5rem; }
.dn-cihaz > i { font-size: 1.3rem; color: var(--dn-mor); }
.dn-devam-kart .oynat { top: auto; left: auto; right: 1rem; bottom: 1rem; transform: none; width: 56px; height: 56px; font-size: 1.7rem; }
.dn-devam-kart .gorsel:hover .oynat { transform: scale(1.1); }

.dn-uye-bant { padding: 2rem 0 2.25rem; }
.dn-uye-icerik { margin-top: 0; padding-top: 2rem; }
.dn-uye-baslik { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: .5rem; margin-bottom: 1.5rem; }
.dn-uye-menu { background: transparent; box-shadow: none; padding: 0; border-radius: 0; }
.dn-uye-menu a { color: #5b5466; }
.dn-uye-menu a:hover { background: rgba(110,68,168,.08); }
.dn-uye-menu hr { border-color: rgba(110,68,168,.15); opacity: 1; margin: .5rem .9rem !important; }
@media (max-width: 991.98px) { .dn-uye-menu { background: var(--bs-body-bg); padding: .4rem; border-radius: 1rem; box-shadow: 0 6px 20px -12px rgba(110,68,168,.35); } }
@media (min-width: 992px) { .dn-uye-menu { top: 110px; } }

header.navbar-sticky, header.navbar-sticky.navbar-sticky-on { position: sticky !important; top: 0; left: auto; right: auto; z-index: 1030; animation: none !important; box-shadow: 0 1px 0 rgba(110,68,168,.08), 0 8px 24px -18px rgba(42,29,61,.35); }
#sticky-space, #sticky-space.active { display: none !important; height: 0 !important; }
@media (min-width: 992px) { .dn-uye-menu { top: 96px; } }

.dn-belge-kart { background: var(--bs-body-bg); border-radius: 1.1rem; overflow: hidden; box-shadow: 0 10px 30px -18px rgba(110,68,168,.35); height: 100%; }
.dn-belge-kart .onizleme { display: block; padding: 1rem 1rem 0; background: linear-gradient(160deg, var(--dn-mor-soluk), var(--dn-turuncu-soluk)); transition: opacity .2s; }
.dn-belge-kart .onizleme:hover { opacity: .9; }
.dn-belge-kart .onizleme .dn-belge { box-shadow: 0 10px 25px -12px rgba(42,29,61,.4); }
.dn-belge-kart .govde { padding: 1rem 1.2rem 1.2rem; }
.dn-belge-kilitli { display: flex; align-items: center; gap: 1rem; background: var(--bs-body-bg); border-radius: 1rem; padding: .9rem 1.1rem; box-shadow: 0 6px 20px -14px rgba(110,68,168,.35); }
.dn-belge-kilitli .ikon { width: 44px; height: 44px; border-radius: 50%; background: #f1eef5; color: #b4adbf; display: grid; place-items: center; font-size: 1.3rem; flex-shrink: 0; }
a.dn-ozet-kutu.tiklanir { text-decoration: none; transition: transform .2s, box-shadow .2s; }
a.dn-ozet-kutu.tiklanir:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -16px rgba(110,68,168,.5); }
.dn-dogrula-form { display: flex; gap: .75rem; flex-wrap: wrap; max-width: 720px; margin: 0 auto; }
.dn-dogrula-form .form-control { height: 52px; padding-left: 2.75rem; border-radius: .9rem; border: 1.5px solid #e6e0ee; }
.dn-dogrula-sonuc { display: flex; gap: 1rem; align-items: flex-start; max-width: 900px; margin: 0 auto; border-radius: 1rem; padding: 1.1rem 1.25rem; }
.dn-dogrula-sonuc .ikon { font-size: 2rem; line-height: 1; }
.dn-dogrula-sonuc.gecerli { background: #eef7e3; color: #2b5e27; }
.dn-dogrula-sonuc.gecerli h2 { color: #2b5e27; }
.dn-dogrula-sonuc.gecersiz { background: #fdecea; color: #8a2a1f; }
.dn-dogrula-sonuc.gecersiz h2 { color: #8a2a1f; }

.dn-kurs { background: var(--dn-krem); }
.dn-kurs-bant {
  position: relative; overflow: hidden; color: #fff; padding: 2rem 0 3rem;
  background:
    radial-gradient(700px 320px at 100% 0%, rgba(240,138,36,.35), transparent 60%),
    radial-gradient(500px 300px at 0% 100%, rgba(147,192,49,.18), transparent 60%),
    linear-gradient(120deg, #4e2f7d 0%, #6e44a8 55%, #8a5cc7 100%);
}
.dn-kurs-bant .dn-yapraklar span { background: rgba(255,255,255,.5); }
.dn-kurs-bant h1 { color: #fff; font-size: clamp(1.7rem, 3.2vw, 2.6rem); line-height: 1.15; }
.dn-kurs-bant .lead { color: rgba(255,255,255,.88); }
.dn-kurs-bant .breadcrumb-item, .dn-kurs-bant .breadcrumb-item a, .dn-kurs-bant .breadcrumb-item::before { color: rgba(255,255,255,.8) !important; font-size: .85rem; }
.dn-kurs-kategori { display: inline-flex; align-items: center; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.25); color: #fff; font-weight: 700; font-size: .82rem; border-radius: 50rem; padding: .3rem .85rem; margin-bottom: .9rem; }
.dn-kurs-rozetler { display: flex; flex-wrap: wrap; gap: .5rem; }
.dn-kurs-rozetler > span { display: inline-flex; align-items: center; gap: .4rem; background: rgba(255,255,255,.12); border-radius: .6rem; padding: .4rem .7rem; font-size: .88rem; }
.dn-kurs-rozetler i { color: #ffd9a8; }
.dn-kurs-rozetler .yildizlar i, .dn-kurs .yildizlar i { color: #f5b623; }
.dn-kurs-ilerleme { margin-top: 1.4rem; max-width: 560px; background: rgba(255,255,255,.12); border-radius: .9rem; padding: .8rem 1rem; }
.dn-kurs-ilerleme .cubuk { height: 8px; border-radius: 8px; background: rgba(255,255,255,.25); overflow: hidden; }
.dn-kurs-ilerleme .cubuk span { display: block; height: 100%; border-radius: 8px; background: linear-gradient(90deg, #ffd9a8, #f08a24); }

.dn-kurs-govde { padding: 2rem 0 4rem; }
@media (min-width: 992px) { .dn-kurs-govde { padding-top: 0; } .dn-kurs-govde .dn-kurs-kart { margin-top: -9rem; } }

.dn-kurs-kart { background: var(--bs-body-bg); border-radius: 1.25rem; overflow: hidden; box-shadow: 0 25px 60px -30px rgba(42,29,61,.55); position: relative; z-index: 2; }
@media (min-width: 992px) { .dn-kurs-kart { position: sticky; top: 96px; } }
.dn-kurs-kart .gorsel { position: relative; aspect-ratio: 16 / 9; background: var(--dn-mor-soluk); }
.dn-kurs-kart .gorsel img { width: 100%; height: 100%; object-fit: cover; }
.dn-kurs-kart .oynat { position: absolute; inset: 0; margin: auto; width: 64px; height: 64px; border-radius: 50%; background: rgba(255,255,255,.95); color: var(--dn-mor); display: grid; place-items: center; font-size: 2rem; box-shadow: 0 10px 30px rgba(30,10,60,.35); transition: transform .2s; }
.dn-kurs-kart .oynat:hover { transform: scale(1.1); }
.dn-kurs-kart .fiyat { font-size: 2rem; font-weight: 800; color: var(--bs-heading-color); }
.dn-kurs-icerir { list-style: none; padding: 0; margin: 0; }
.dn-kurs-icerir li { display: flex; gap: .6rem; align-items: center; font-size: .92rem; margin-bottom: .55rem; }
.dn-kurs-icerir li i { color: var(--dn-mor); font-size: 1.05rem; width: 1.2rem; }
.dn-paylas { display: flex; gap: .35rem; }
.dn-paylas a, .dn-paylas button { width: 34px; height: 34px; border-radius: 50%; border: 0; display: grid; place-items: center; background: var(--dn-mor-soluk); color: var(--dn-mor); font-size: .95rem; transition: background .2s, color .2s; }
.dn-paylas a:hover, .dn-paylas button:hover { background: var(--dn-mor); color: #fff; }

.dn-kurs-sekme { position: sticky; top: 74px; z-index: 5; display: flex; gap: .25rem; overflow-x: auto; background: var(--dn-krem); padding: 1rem 0 .75rem; margin-bottom: .5rem; border-bottom: 1px solid #ece4f4; scrollbar-width: none; }
.dn-kurs-sekme::-webkit-scrollbar { display: none; }
.dn-kurs-sekme a { white-space: nowrap; padding: .5rem .95rem; border-radius: 50rem; font-weight: 700; color: var(--bs-body-color); text-decoration: none; font-size: .92rem; }
.dn-kurs-sekme a span { display: inline-block; background: var(--dn-mor-soluk); color: var(--dn-mor); border-radius: 50rem; font-size: .72rem; padding: 0 .45rem; margin-left: .2rem; }
.dn-kurs-sekme a:hover { background: var(--dn-mor-soluk); color: var(--dn-mor); }
.dn-kurs-sekme a.aktif { background: var(--dn-mor); color: #fff; }
.dn-kurs-sekme a.aktif span { background: rgba(255,255,255,.25); color: #fff; }
.dn-kurs-bolum { background: var(--bs-body-bg); border-radius: 1.25rem; padding: 1.6rem 1.75rem; margin-top: 1.25rem; box-shadow: 0 10px 30px -20px rgba(110,68,168,.35); scroll-margin-top: 140px; }
.dn-kurs-aciklama { line-height: 1.75; }
.dn-kurs-aciklama img { max-width: 100%; height: auto; border-radius: .75rem; }

.dn-mufredat details { border: 1.5px solid #efe8f6; border-radius: 1rem; margin-bottom: .75rem; overflow: hidden; background: #fff; }
.dn-mufredat details[open] { border-color: #ddd0ec; }
.dn-mufredat summary { list-style: none; display: flex; align-items: center; gap: .8rem; padding: .9rem 1.1rem; cursor: pointer; background: #fbf9fd; }
.dn-mufredat summary::-webkit-details-marker { display: none; }
.dn-mufredat summary .no { width: 30px; height: 30px; border-radius: 50%; background: var(--dn-mor); color: #fff; font-weight: 800; font-size: .85rem; display: grid; place-items: center; flex-shrink: 0; }
.dn-mufredat summary .baslik { font-weight: 700; color: var(--bs-heading-color); flex: 1; }
.dn-mufredat summary .bilgi { font-size: .8rem; color: var(--bs-secondary-color, #747579); white-space: nowrap; }
.dn-mufredat summary .ok { transition: transform .2s; color: var(--dn-mor); }
.dn-mufredat details[open] summary .ok { transform: rotate(180deg); }
.dn-mufredat ul { list-style: none; margin: 0; padding: .35rem 1.1rem .7rem; }
.dn-mufredat li { display: flex; align-items: center; gap: .7rem; padding: .55rem 0; border-bottom: 1px dashed #efe8f6; }
.dn-mufredat li:last-child { border-bottom: 0; }
.dn-mufredat li .durum { color: #b9a6d6; font-size: 1.05rem; }
.dn-mufredat li.tamam .durum { color: var(--dn-yesil); }
.dn-mufredat li a, .dn-mufredat li span { flex: 1; color: var(--bs-body-color); text-decoration: none; }
.dn-mufredat li a:hover { color: var(--dn-mor); }
.dn-mufredat li small { color: var(--bs-secondary-color, #747579); white-space: nowrap; }

.dn-puan-ozet { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; background: #fbf9fd; border-radius: 1rem; padding: 1.2rem 1.4rem; }
.dn-puan-ozet .buyuk { text-align: center; min-width: 120px; }
.dn-puan-ozet .sayi { font-size: 2.6rem; font-weight: 800; line-height: 1; color: var(--bs-heading-color); }
.dn-puan-ozet .dagilim { flex: 1; min-width: 220px; }
.dn-puan-ozet .satir { display: flex; align-items: center; gap: .6rem; font-size: .82rem; margin-bottom: .3rem; }
.dn-puan-ozet .satir > span { width: 32px; white-space: nowrap; }
.dn-puan-ozet .satir i { color: #f5b623; font-size: .7rem; }
.dn-puan-ozet .cubuk { flex: 1; height: 7px; border-radius: 7px; background: #ece4f4; overflow: hidden; }
.dn-puan-ozet .cubuk span { display: block; height: 100%; background: #f5b623; border-radius: 7px; }
.dn-yorum { display: flex; gap: .9rem; }
.dn-yorum img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.dn-kurs-bos { display: flex; align-items: center; gap: .75rem; background: #fbf9fd; border-radius: 1rem; padding: 1rem 1.2rem; }
.dn-kurs-bos i { font-size: 1.6rem; color: var(--dn-mor-acik); }
.dn-yorum-form { border-top: 1px solid #efe8f6; padding-top: 1.25rem; }
.dn-yorum-form .form-control { border-radius: .9rem; border: 1.5px solid #e6e0ee; background: #fbf9fd; }
.dn-yorum-form .form-control:focus { border-color: var(--dn-mor); box-shadow: 0 0 0 4px rgba(110,68,168,.12); background: #fff; }
.dn-yildiz-sec { display: flex; gap: .2rem; }
.dn-yildiz-sec button { border: 0; background: transparent; padding: .1rem; font-size: 1.6rem; color: #e2d9ec; transition: transform .15s, color .15s; }
.dn-yildiz-sec button.secili { color: #f5b623; }
.dn-yildiz-sec button:not(:disabled):hover { transform: scale(1.15); }
.dn-kurs-kart .oynat { inset: auto 1rem 1rem auto; margin: 0; width: 54px; height: 54px; font-size: 1.6rem; }

.dn-profil-tetik { display: inline-flex; align-items: center; gap: .45rem; border: 1.5px solid #ece4f4; background: var(--bs-body-bg); border-radius: 50rem; padding: 3px .7rem 3px 3px; transition: border-color .2s, box-shadow .2s; }
.dn-profil-tetik:hover, .dn-profil-tetik[aria-expanded="true"] { border-color: var(--dn-mor-acik); box-shadow: 0 4px 14px -6px rgba(110,68,168,.4); }
.dn-profil-tetik img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.dn-profil-tetik .ad { font-weight: 700; font-size: .88rem; color: var(--bs-heading-color); max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dn-profil-tetik .ok { font-size: .75rem; color: #9a8fae; transition: transform .2s; }
.dn-profil-tetik[aria-expanded="true"] .ok { transform: rotate(180deg); }

.dn-profil-menu { width: 290px; padding: 0 !important; border: 0 !important; border-radius: 1.1rem !important; overflow: hidden; box-shadow: 0 25px 60px -20px rgba(42,29,61,.45) !important; margin-top: .6rem !important; }
.dn-profil-menu .ust {
  display: flex; align-items: center; gap: .8rem; padding: 1rem 1.1rem; text-decoration: none; color: #fff;
  background: radial-gradient(300px 120px at 100% 0%, rgba(240,138,36,.4), transparent 70%), linear-gradient(120deg, #5a3690, #8a5cc7);
}
.dn-profil-menu .ust img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.85); flex-shrink: 0; }
.dn-profil-menu .ust .ad { display: block; font-weight: 800; color: #fff; line-height: 1.2; }
.dn-profil-menu .ust .mail { display: block; font-size: .78rem; color: rgba(255,255,255,.8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dn-profil-menu .liste { padding: .5rem; display: flex; flex-direction: column; }
.dn-profil-menu .liste a { display: flex; align-items: center; gap: .7rem; padding: .55rem .75rem; border-radius: .65rem; color: var(--bs-body-color); font-weight: 600; font-size: .92rem; text-decoration: none; }
.dn-profil-menu .liste a i { color: #9a8fae; font-size: 1.05rem; width: 1.1rem; }
.dn-profil-menu .liste a:hover { background: var(--dn-mor-soluk); color: var(--dn-mor); }
.dn-profil-menu .liste a:hover i, .dn-profil-menu .liste a.aktif i { color: var(--dn-mor); }
.dn-profil-menu .liste a.aktif { background: var(--dn-mor-soluk); color: var(--dn-mor); }
.dn-profil-menu .liste a.yonetim { margin-top: .25rem; border-top: 1px dashed #ece4f4; border-radius: 0 0 .65rem .65rem; padding-top: .7rem; color: var(--dn-turuncu-koyu); }
.dn-profil-menu .liste a.yonetim i { color: var(--dn-turuncu); }
.dn-profil-menu .alt { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .65rem .9rem; background: #fbf9fd; border-top: 1px solid #f0eaf6; }
.dn-profil-menu .tema { display: inline-flex; background: #efe8f6; border-radius: 50rem; padding: 3px; }
.dn-profil-menu .tema button { border: 0; background: transparent; width: 32px; height: 28px; border-radius: 50rem; color: #8a7f99; display: grid; place-items: center; }
.dn-profil-menu .tema button.active { background: #fff; color: var(--dn-mor); box-shadow: 0 2px 6px rgba(42,29,61,.12); }
.dn-profil-menu .cikis { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; font-size: .88rem; color: #c0392b; text-decoration: none; padding: .35rem .6rem; border-radius: .6rem; }
.dn-profil-menu .cikis:hover { background: #fdecea; color: #a93226; }
[data-bs-theme=dark] .dn-profil-menu .alt { background: #1f1a27; border-color: #2e2638; }
[data-bs-theme=dark] .dn-profil-menu .tema { background: #2e2638; }
[data-bs-theme=dark] .dn-profil-menu .tema button.active { background: #3a3047; }
[data-bs-theme=dark] .dn-profil-tetik { border-color: #3a3047; }

.dn-kat-bant {
  position: relative; overflow: hidden; color: #fff; padding: 2rem 0 2.5rem;
  background: radial-gradient(700px 320px at 100% 0%, rgba(240,138,36,.35), transparent 60%), linear-gradient(120deg, #4e2f7d 0%, #6e44a8 55%, #8a5cc7 100%);
}
.dn-kat-bant .dn-yapraklar span { background: rgba(255,255,255,.5); }
.dn-kat-bant h1 { color: #fff; font-size: clamp(1.7rem, 3vw, 2.4rem); }
.dn-kat-bant .lead { color: rgba(255,255,255,.88); max-width: 680px; }
.dn-kat-bant .breadcrumb-item, .dn-kat-bant .breadcrumb-item a, .dn-kat-bant .breadcrumb-item::before { color: rgba(255,255,255,.8) !important; font-size: .85rem; }
.dn-kat-ikon { width: 84px; height: 84px; border-radius: 1.4rem; background: rgba(255,255,255,.95); color: var(--dn-mor); display: grid; place-items: center; font-size: 2.3rem; box-shadow: 0 15px 35px -12px rgba(20,10,40,.5); flex-shrink: 0; }
.dn-kat-sayac { text-align: center; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25); border-radius: 1rem; padding: .7rem 1.2rem; }
.dn-kat-sayac strong { display: block; font-size: 1.8rem; line-height: 1; color: #fff; }
.dn-kat-sayac span { font-size: .8rem; color: rgba(255,255,255,.85); }
.dn-kat-gecis { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.dn-kat-gecis a { display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .9rem; border-radius: 50rem; background: var(--bs-body-bg); color: var(--bs-body-color); font-weight: 700; font-size: .88rem; text-decoration: none; box-shadow: 0 4px 14px -8px rgba(110,68,168,.4); transition: background .2s, color .2s; }
.dn-kat-gecis a i { color: var(--dn-mor); }
.dn-kat-gecis a:hover { background: var(--dn-mor); color: #fff; }
.dn-kat-gecis a:hover i { color: #fff; }
.dn-kat-gecis a.tumu { background: transparent; box-shadow: none; color: var(--dn-mor); }
.dn-kat-bos { background: var(--bs-body-bg); border-radius: 1.4rem; padding: 3rem 1.5rem; text-align: center; box-shadow: 0 15px 40px -25px rgba(110,68,168,.45); max-width: 760px; margin: 0 auto; }
.dn-kat-bos .ikon { width: 96px; height: 96px; margin: 0 auto 1.2rem; border-radius: 50%; display: grid; place-items: center; font-size: 2.6rem; color: var(--dn-mor); background: radial-gradient(circle, #fff 40%, var(--dn-mor-soluk) 41%); box-shadow: 0 0 0 10px var(--dn-mor-soluk); }
.dn-kat-kart { background: var(--bs-body-bg); border-radius: 1.2rem; overflow: hidden; height: 100%; display: flex; flex-direction: column; box-shadow: 0 12px 34px -20px rgba(110,68,168,.45); transition: transform .2s, box-shadow .2s; }
.dn-kat-kart:hover { transform: translateY(-4px); box-shadow: 0 22px 46px -22px rgba(110,68,168,.6); }
.dn-kat-kart .gorsel { position: relative; display: block; aspect-ratio: 16 / 9; background: var(--dn-mor-soluk); }
.dn-kat-kart .gorsel img { width: 100%; height: 100%; object-fit: cover; }
.dn-kat-kart .etiket { position: absolute; top: .75rem; left: .75rem; font-size: .75rem; font-weight: 800; padding: .25rem .7rem; border-radius: 50rem; background: #fff; color: var(--dn-mor); }
.dn-kat-kart .etiket.kayitli { background: var(--dn-yesil); color: #fff; }
.dn-kat-kart .govde { padding: 1.15rem 1.25rem 1.25rem; display: flex; flex-direction: column; flex: 1; }
.dn-kat-kart .meta { display: flex; flex-wrap: wrap; gap: .75rem; font-size: .8rem; color: var(--bs-secondary-color, #747579); margin-bottom: .6rem; }
.dn-kat-kart .meta i { color: var(--dn-mor); margin-right: .25rem; }
.dn-kat-kart .meta .puan i { color: #f5b623; }
.dn-kat-kart .fiyat { font-size: 1.15rem; color: var(--bs-heading-color); }

.navbar .btn-dn.btn-sm, .dn-giris-btn { height: 38px; display: inline-flex; align-items: center; padding: 0 1.1rem; font-weight: 700; font-size: .88rem; }
.dn-giris-btn { border: 1.5px solid var(--dn-mor-acik); color: var(--dn-mor); background: transparent; }
.dn-giris-btn:hover, .dn-giris-btn:focus { background: var(--dn-mor-soluk); border-color: var(--dn-mor); color: var(--dn-mor); }
.dn-profil-tetik { height: 38px; }
.dn-whatsapp-sabit { left: auto; right: 22px; bottom: 22px; }
.back-top { right: 30px; bottom: 92px; }
@media (max-width: 767.98px) { .dn-whatsapp-sabit { right: 14px; bottom: 14px; width: 52px; height: 52px; font-size: 28px; } .back-top { right: 20px; bottom: 76px; } }

.dn-ogrenim-bant {
  position: relative; overflow: hidden; color: #fff; padding: 1.75rem 0 2.5rem;
  background: radial-gradient(700px 320px at 100% 0%, rgba(240,138,36,.35), transparent 60%), linear-gradient(120deg, #4e2f7d 0%, #6e44a8 55%, #8a5cc7 100%);
}
.dn-ogrenim-bant .dn-yapraklar span { background: rgba(255,255,255,.5); }
.dn-ogrenim-bant h1 { color: #fff; font-size: clamp(1.6rem, 3vw, 2.3rem); }
.dn-geri { color: rgba(255,255,255,.85); text-decoration: none; font-weight: 600; font-size: .9rem; }
.dn-geri:hover { color: #fff; }
.dn-sonraki-ipucu { display: inline-flex; align-items: center; color: rgba(255,255,255,.9); font-size: .9rem; padding: 0 .5rem; }
.dn-ogrenim-ozet { display: flex; align-items: center; gap: 1.25rem; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); border-radius: 1.25rem; padding: 1.25rem; }
.dn-ogrenim-ozet ul { list-style: none; padding: 0; margin: 0; font-size: .9rem; }
.dn-ogrenim-ozet li { margin-bottom: .3rem; color: rgba(255,255,255,.9); }
.dn-ogrenim-ozet li strong { color: #fff; }
.dn-halka.buyuk { width: 104px; height: 104px; background: conic-gradient(#ffd9a8 calc(var(--y) * 1%), rgba(255,255,255,.2) 0); }
.dn-halka.buyuk span { width: 84px; height: 84px; background: #5f3a96; color: #fff; font-size: 1.35rem; }

.dn-bolum { background: var(--bs-body-bg); border-radius: 1.1rem; margin-bottom: .9rem; box-shadow: 0 10px 30px -20px rgba(110,68,168,.4); overflow: hidden; }
.dn-bolum summary { list-style: none; display: flex; align-items: center; gap: .9rem; padding: 1rem 1.25rem; cursor: pointer; }
.dn-bolum summary::-webkit-details-marker { display: none; }
.dn-bolum summary .no { width: 36px; height: 36px; border-radius: 50%; background: var(--dn-mor-soluk); color: var(--dn-mor); font-weight: 800; display: grid; place-items: center; flex-shrink: 0; }
.dn-bolum.bitti summary .no { background: var(--dn-yesil); color: #fff; }
.dn-bolum summary .baslik { display: block; font-weight: 800; color: var(--bs-heading-color); }
.dn-bolum summary .alt { display: flex; align-items: center; gap: .6rem; font-size: .8rem; color: var(--bs-secondary-color, #747579); margin-top: .25rem; }
.dn-bolum summary .mini { width: 120px; height: 6px; border-radius: 6px; background: var(--dn-mor-soluk); overflow: hidden; }
.dn-bolum summary .mini span { display: block; height: 100%; background: linear-gradient(90deg, var(--dn-mor), var(--dn-turuncu)); }
.dn-bolum summary .ok { color: var(--dn-mor); transition: transform .2s; }
.dn-bolum[open] summary .ok { transform: rotate(180deg); }
.dn-bolum ol { list-style: none; margin: 0; padding: 0 .75rem .75rem; }
.dn-bolum li a { display: flex; align-items: center; gap: .8rem; padding: .75rem .75rem; border-radius: .8rem; color: var(--bs-body-color); text-decoration: none; transition: background .15s; }
.dn-bolum li a:hover { background: #fbf9fd; }
.dn-bolum li .durum { font-size: 1.25rem; color: #d3c6e4; line-height: 1; }
.dn-bolum li.tamam .durum { color: var(--dn-yesil); }
.dn-bolum li .konu { display: block; font-weight: 600; }
.dn-bolum li.tamam .konu { color: var(--bs-secondary-color, #747579); }
.dn-bolum li .aciklama { display: block; font-size: .8rem; color: var(--bs-secondary-color, #747579); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dn-bolum li .sure { font-size: .78rem; color: var(--bs-secondary-color, #747579); white-space: nowrap; }
.dn-bolum li .eylem { font-size: .8rem; font-weight: 700; color: var(--dn-mor); white-space: nowrap; opacity: 0; transition: opacity .15s; }
.dn-bolum li a:hover .eylem { opacity: 1; }
.dn-bolum li .etiket { font-size: .7rem; font-weight: 800; color: #fff; background: var(--dn-turuncu); border-radius: 50rem; padding: .15rem .55rem; white-space: nowrap; }
.dn-bolum li.sirada a { background: var(--dn-turuncu-soluk); box-shadow: inset 3px 0 0 var(--dn-turuncu); }
.dn-bolum li.sirada .durum { color: var(--dn-turuncu); }
.dn-bolum li.sirada .eylem { opacity: 1; color: var(--dn-turuncu-koyu); }
@media (max-width: 575.98px) { .dn-bolum li .eylem, .dn-bolum li .sure { display: none; } }

.dn-adim { position: relative; display: flex; gap: .9rem; align-items: flex-start; background: var(--bs-body-bg); border-radius: 1.1rem; padding: 1.1rem 1.2rem; height: 100%; box-shadow: 0 10px 30px -20px rgba(110,68,168,.4); border: 1.5px solid transparent; }
.dn-adim .ikon { width: 46px; height: 46px; border-radius: .9rem; display: grid; place-items: center; font-size: 1.3rem; flex-shrink: 0; background: var(--dn-mor-soluk); color: var(--dn-mor); }
.dn-adim.acik { border-color: rgba(240,138,36,.4); }
.dn-adim.acik .ikon { background: var(--dn-turuncu-soluk); color: var(--dn-turuncu); }
.dn-adim.bitti .ikon { background: #eef7e3; color: var(--dn-yesil); }
.dn-adim.kilitli { background: #f7f4fa; box-shadow: none; }
.dn-adim.kilitli .ikon { background: #ece6f2; color: #b4adbf; }
.dn-adim.kilitli h3 { color: #8a7f99; }
.dn-adim .kilit { position: absolute; top: 1rem; right: 1rem; color: #c9bfd6; }
@media (min-width: 992px) { .dn-ogrenim-yan { position: sticky; top: 96px; } }

.dn-sinav-kart { background: var(--bs-body-bg); border-radius: 1.4rem; padding: 2.5rem 2rem; box-shadow: 0 20px 50px -30px rgba(110,68,168,.5); }
.dn-sinav-ikon { width: 84px; height: 84px; margin: 0 auto 1.2rem; border-radius: 50%; display: grid; place-items: center; font-size: 2.2rem; background: var(--dn-mor-soluk); color: var(--dn-mor); box-shadow: 0 0 0 10px rgba(110,68,168,.06); }
.dn-sinav-ikon.basari { background: #eef7e3; color: var(--dn-yesil); }
.dn-sinav-ikon.uyari { background: var(--dn-turuncu-soluk); color: var(--dn-turuncu); }
.dn-sinav-ikon.kilit { background: #f1eef5; color: #b4adbf; }
.dn-sinav-puan { font-size: 3.5rem; font-weight: 800; color: var(--dn-mor); line-height: 1; margin: .5rem 0 .75rem; }
.dn-sinav-puan small { font-size: 1.1rem; color: #9a8fae; }
.dn-sinav-bilgi { display: flex; justify-content: center; gap: 1rem; margin: 1.25rem 0; }
.dn-sinav-bilgi > div { background: var(--dn-mor-soluk); border-radius: 1rem; padding: .8rem 1.3rem; min-width: 96px; }
.dn-sinav-bilgi strong { display: block; font-size: 1.6rem; color: var(--dn-mor); line-height: 1.1; }
.dn-sinav-bilgi span { font-size: .8rem; }
.dn-sinav-kural { list-style: none; padding: 0; margin: 0 auto 1.75rem; max-width: 520px; text-align: left; }
.dn-sinav-kural li { display: flex; gap: .7rem; padding: .45rem 0; font-size: .92rem; }
.dn-sinav-kural i { color: var(--dn-mor); font-size: 1.1rem; }

.dn-sinav { background: var(--bs-body-bg); border-radius: 1.4rem; box-shadow: 0 20px 50px -30px rgba(110,68,168,.5); overflow: hidden; }
.dn-sinav-ust { position: sticky; top: 74px; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; justify-content: space-between; padding: 1rem 1.5rem; background: #fbf9fd; border-bottom: 1px solid #efe8f6; }
.dn-sinav-ust .sayac { font-weight: 800; font-size: 1.2rem; color: var(--dn-mor); font-variant-numeric: tabular-nums; background: #fff; border-radius: 50rem; padding: .35rem 1rem; box-shadow: 0 4px 12px -6px rgba(110,68,168,.4); }
.dn-sinav-ust .sayac.az { color: #d6293e; animation: dnNabiz 1s ease-in-out infinite; }
@keyframes dnNabiz { 50% { transform: scale(1.06); } }
.dn-sinav-ust .noktalar { display: flex; flex-wrap: wrap; gap: .35rem; }
.dn-sinav-ust .noktalar button { width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid #ddd0ec; background: #fff; font-weight: 700; font-size: .82rem; color: #8a7f99; }
.dn-sinav-ust .noktalar button.cevapli { background: var(--dn-mor-soluk); border-color: var(--dn-mor-acik); color: var(--dn-mor); }
.dn-sinav-ust .noktalar button.aktif { background: var(--dn-mor); border-color: var(--dn-mor); color: #fff; }
.dn-soru { border: 0; padding: 1.75rem 1.5rem .5rem; margin: 0; }
.dn-soru legend { float: none; width: 100%; font-size: 1.2rem; font-weight: 700; color: var(--bs-heading-color); line-height: 1.45; margin-bottom: 1.25rem; }
.dn-soru legend .no { display: block; font-size: .8rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--dn-turuncu); margin-bottom: .4rem; }
.dn-soru .secenekler { display: flex; flex-direction: column; gap: .65rem; }
.dn-soru .secenek { display: flex; align-items: center; gap: .9rem; padding: .9rem 1rem; border: 1.5px solid #ece4f4; border-radius: 1rem; cursor: pointer; transition: border-color .15s, background .15s; }
.dn-soru .secenek:hover { border-color: var(--dn-mor-acik); background: #fbf9fd; }
.dn-soru .secenek input { position: absolute; opacity: 0; pointer-events: none; }
.dn-soru .secenek .harf { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; background: var(--dn-mor-soluk); color: var(--dn-mor); flex-shrink: 0; }
.dn-soru .secenek:has(input:checked) { border-color: var(--dn-mor); background: var(--dn-mor-soluk); }
.dn-soru .secenek:has(input:checked) .harf { background: var(--dn-mor); color: #fff; }
.dn-soru .secenek:has(input:focus-visible) { box-shadow: 0 0 0 4px rgba(110,68,168,.2); }
.dn-sinav-alt { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1.25rem 1.5rem 1.5rem; }

.dn-ekip-menu { min-width: 330px; padding: .5rem; }
.dn-ekip-menu .dn-em-oge { display: flex !important; align-items: center; gap: .8rem; padding: .55rem .75rem !important; border-radius: .6rem; white-space: normal; }
.dn-ekip-menu .dn-em-foto { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; object-position: center top; flex-shrink: 0; border: 2px solid var(--dn-mor-soluk); background: var(--dn-mor-soluk); }
.dn-ekip-menu .dn-em-ikon { flex: 0 0 44px; height: 44px; border-radius: 50%; background: var(--dn-mor-soluk); color: var(--dn-mor); display: grid; place-items: center; font-size: 1.2rem; }
.dn-ekip-menu .dn-em-metin { display: flex; flex-direction: column; min-width: 0; }
.dn-ekip-menu .dn-em-baslik { font-weight: 700; color: var(--bs-heading-color); font-size: .95rem; line-height: 1.25; }
.dn-ekip-menu .dn-em-alt { font-size: .8rem; color: var(--bs-secondary-color, #747579); line-height: 1.3; margin-top: 2px; }
.dn-ekip-menu .dn-em-oge:hover, .dn-ekip-menu .dn-em-oge:focus { background: var(--dn-mor-soluk); }
.dn-ekip-menu .dn-em-oge:hover .dn-em-baslik { color: var(--dn-mor); }
.dn-ekip-menu .dn-em-oge:hover .dn-em-foto { border-color: var(--dn-mor-acik); }
.dn-sinav { overflow: clip; }
.dn-ogrenim-bant .btn-outline-light { color: #fff; border-color: rgba(255,255,255,.7); }
.dn-ogrenim-bant .btn-outline-light:hover { background: rgba(255,255,255,.15); color: #fff; border-color: #fff; }

.dn-izle { background: linear-gradient(180deg, #241a33 0, #241a33 340px, var(--dn-krem) 340px); }
.dn-izle-ust { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.dn-izle-geri { display: inline-flex; align-items: center; gap: .5rem; color: #fff; text-decoration: none; font-weight: 700; min-width: 0; }
.dn-izle-geri span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dn-izle-geri:hover { color: #ffd9a8; }
.dn-izle-ilerleme { display: flex; align-items: center; gap: .6rem; color: #fff; flex-shrink: 0; }
.dn-izle-ilerleme .cubuk { width: 160px; height: 7px; border-radius: 7px; background: rgba(255,255,255,.2); overflow: hidden; }
.dn-izle-ilerleme .cubuk span { display: block; height: 100%; background: linear-gradient(90deg, #ffd9a8, #f08a24); transition: width .5s; }
.dn-izle-video { border-radius: 1.1rem; overflow: hidden; background: #000; box-shadow: 0 25px 60px -25px rgba(0,0,0,.7); aspect-ratio: 16 / 9; }
.dn-izle-video .plyr { height: 100%; --plyr-color-main: #8a5cc7; }
.dn-izle-video video { width: 100%; height: 100%; }
.dn-izle-bilgi { background: var(--bs-body-bg); border-radius: 1.1rem; padding: 1.4rem 1.5rem; margin-top: 1rem; box-shadow: 0 10px 30px -20px rgba(110,68,168,.4); }
.dn-izle-konum { font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--dn-turuncu); margin-bottom: .3rem; }
.dn-izle-durum { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; }
.dn-izle-durum.tamam { color: var(--dn-yesil); background: #eef7e3; border-radius: 50rem; padding: .35rem .9rem; }
.dn-izle-gezin { display: flex; justify-content: space-between; gap: .75rem; margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px solid #f0eaf6; }
.dn-izle-gezin a { display: flex; align-items: center; gap: .7rem; max-width: 48%; padding: .7rem 1rem; border-radius: .9rem; border: 1.5px solid #ece4f4; color: var(--bs-heading-color); text-decoration: none; font-weight: 700; font-size: .92rem; transition: border-color .2s, background .2s; }
.dn-izle-gezin a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dn-izle-gezin a small { display: block; font-size: .72rem; font-weight: 700; color: var(--bs-secondary-color, #747579); text-transform: uppercase; letter-spacing: .05em; }
.dn-izle-gezin a i { font-size: 1.2rem; color: var(--dn-mor); flex-shrink: 0; }
.dn-izle-gezin a:hover { border-color: var(--dn-mor-acik); background: #fbf9fd; }
.dn-izle-gezin a.sonraki { margin-left: auto; text-align: right; background: var(--dn-mor); border-color: var(--dn-mor); color: #fff; }
.dn-izle-gezin a.sonraki small, .dn-izle-gezin a.sonraki i { color: rgba(255,255,255,.85); }
.dn-izle-gezin a.sonraki:hover { background: var(--dn-mor-koyu); }
.dn-izle-gezin a.bitis { background: var(--dn-yesil); border-color: var(--dn-yesil); }

.dn-izle-liste { background: var(--bs-body-bg); border-radius: 1.1rem; overflow: hidden; box-shadow: 0 20px 50px -25px rgba(42,29,61,.6); }
@media (min-width: 992px) { .dn-izle-liste { position: sticky; top: 90px; } }
.dn-izle-liste .baslik { padding: 1rem 1.2rem; border-bottom: 1px solid #f0eaf6; }
.dn-izle-liste .baslik small { color: var(--bs-secondary-color, #747579); }
.dn-izle-liste .icerik { max-height: calc(100vh - 210px); overflow-y: auto; padding: .5rem; }
@media (max-width: 991.98px) { .dn-izle-liste .icerik { max-height: 420px; } }
.dn-izle-liste details { border-radius: .8rem; margin-bottom: .25rem; }
.dn-izle-liste summary { list-style: none; display: flex; align-items: center; gap: .6rem; padding: .65rem .7rem; cursor: pointer; font-weight: 700; font-size: .9rem; color: var(--bs-heading-color); border-radius: .8rem; }
.dn-izle-liste summary::-webkit-details-marker { display: none; }
.dn-izle-liste summary:hover { background: #fbf9fd; }
.dn-izle-liste summary .no { width: 26px; height: 26px; border-radius: 50%; background: var(--dn-mor-soluk); color: var(--dn-mor); font-size: .78rem; display: grid; place-items: center; flex-shrink: 0; }
.dn-izle-liste summary .ok { color: var(--dn-mor); font-size: .8rem; transition: transform .2s; }
.dn-izle-liste details[open] summary .ok { transform: rotate(180deg); }
.dn-izle-liste ol { list-style: none; padding: 0 0 .3rem; margin: 0; }
.dn-izle-liste li a { display: flex; align-items: center; gap: .6rem; padding: .55rem .7rem .55rem 1.1rem; border-radius: .7rem; color: var(--bs-body-color); text-decoration: none; font-size: .88rem; }
.dn-izle-liste li a:hover { background: #fbf9fd; }
.dn-izle-liste li a small { color: var(--bs-secondary-color, #747579); white-space: nowrap; font-size: .75rem; }
.dn-izle-liste li .durum { color: #d3c6e4; }
.dn-izle-liste li.tamam .durum { color: var(--dn-yesil); }
.dn-izle-liste li.su a { background: var(--dn-mor-soluk); color: var(--dn-mor); font-weight: 700; box-shadow: inset 3px 0 0 var(--dn-mor); }
.dn-izle-liste li.su .durum { color: var(--dn-mor); }
@media (max-width: 575.98px) { .dn-izle-ilerleme .cubuk { width: 90px; } .dn-izle-gezin a { max-width: 100%; } .dn-izle-gezin { flex-direction: column; } .dn-izle-gezin a.sonraki { margin-left: 0; } }

.dn-kanal { display: flex; align-items: center; gap: 1rem; height: 100%; background: var(--bs-body-bg); border-radius: 1.1rem; padding: 1.1rem 1.25rem; text-decoration: none; color: var(--bs-body-color); box-shadow: 0 10px 30px -20px rgba(110,68,168,.45); transition: transform .2s, box-shadow .2s; }
.dn-kanal:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -20px rgba(110,68,168,.6); color: var(--bs-body-color); }
.dn-kanal .ikon { width: 52px; height: 52px; border-radius: 1rem; display: grid; place-items: center; font-size: 1.4rem; background: var(--dn-mor-soluk); color: var(--dn-mor); flex-shrink: 0; }
.dn-kanal.whatsapp .ikon { background: #e3f9eb; color: #1ebe5b; font-size: 1.6rem; }
.dn-kanal strong { display: block; color: var(--bs-heading-color); }
.dn-kanal small { display: block; color: var(--bs-secondary-color, #747579); word-break: break-all; }
.dn-kanal .ok { margin-left: auto; color: #c3b6d6; }
.dn-textarea { border-radius: .9rem; border: 1.5px solid #e6e0ee; background: #fbf9fd; }
.dn-textarea:focus { border-color: var(--dn-mor); background: #fff; box-shadow: 0 0 0 4px rgba(110,68,168,.12); }
.dn-iletisim-yan { background: linear-gradient(160deg, var(--dn-mor-soluk), var(--dn-turuncu-soluk)); border-radius: 1.25rem; padding: 2rem; }
.dn-iletisim-yan .logo { width: 72px; height: 72px; background: #fff; border-radius: 50%; padding: 4px; margin-bottom: 1rem; box-shadow: 0 10px 25px -12px rgba(110,68,168,.5); }
.dn-iletisim-yan li { display: flex; gap: .75rem; margin-bottom: .85rem; }
.dn-iletisim-yan li i { color: var(--dn-mor); font-size: 1.1rem; margin-top: .1rem; }
.dn-sosyal { width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--dn-mor); display: grid; place-items: center; box-shadow: 0 6px 16px -8px rgba(110,68,168,.5); }
.dn-sosyal:hover { background: var(--dn-mor); color: #fff; }

.dn-metin { line-height: 1.8; font-size: 1rem; }
.dn-metin h1, .dn-metin h2, .dn-metin h3 { margin-top: 1.75rem; margin-bottom: .75rem; color: var(--bs-heading-color); }
.dn-metin h1:first-child, .dn-metin h2:first-child, .dn-metin h3:first-child { margin-top: 0; }
.dn-metin h2 { font-size: 1.3rem; } .dn-metin h3 { font-size: 1.1rem; }
.dn-metin a { color: var(--dn-mor); text-decoration: underline; }
.dn-metin img { max-width: 100%; height: auto; border-radius: .75rem; }
.dn-metin table { width: 100%; margin: 1rem 0; border-collapse: collapse; }
.dn-metin td, .dn-metin th { border: 1px solid #ece4f4; padding: .5rem .75rem; }
@media (min-width: 992px) { .dn-sozlesme-menu { position: sticky; top: 96px; } }
@media print { header, footer, .dn-sayfa-bant, .dn-sozlesme-menu, .dn-kesfet, .dn-whatsapp-sabit, .back-top, .dn-safran-kenar { display: none !important; } .dn-metin { box-shadow: none !important; padding: 0 !important; } }

.dn-404 { padding: 4rem 0 5rem; }
.dn-404-gorsel { display: flex; align-items: center; justify-content: center; gap: .5rem; margin-bottom: 1.5rem; }
.dn-404-gorsel .rakam { font-size: clamp(6rem, 18vw, 10rem); font-weight: 800; line-height: 1; background: linear-gradient(135deg, #6e44a8, #f08a24); -webkit-background-clip: text; background-clip: text; color: transparent; }
.dn-404-gorsel .cicek { width: clamp(70px, 13vw, 120px); transform-origin: 50% 100%; animation: dnSallan 4s ease-in-out infinite; }

header .navbar i[class*="bi-"], header .navbar i[class*="fa-"], .dn-uye-menu i[class*="bi-"], .dn-profil-menu i[class*="bi-"] { display: inline-block; min-width: 1em; }

.dn-avatar { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex-shrink: 0; position: relative; }
.dn-avatar > img, .dn-avatar > .harf { width: 100% !important; height: 100% !important; border-radius: 50%; grid-area: 1 / 1; }
.dn-avatar > img { object-fit: cover; border: 0 !important; box-shadow: none !important; }
.dn-avatar > .harf { display: grid; place-items: center; color: #fff; font-weight: 800; letter-spacing: .02em; line-height: 1; padding: .13em 0 0 .06em; box-sizing: border-box; font-size: calc(var(--av, 40px) * .4); user-select: none; }
.dn-avatar.buyuk > .harf { padding-top: .1em; }
.dn-avatar.kucuk { --av: 34px; width: 34px; height: 34px; }
.dn-avatar.orta { --av: 48px; width: 48px; height: 48px; }
.dn-avatar.buyuk { --av: 84px; width: 84px; height: 84px; box-shadow: 0 10px 30px rgba(30,10,60,.3); }
.dn-avatar.yorum { --av: 46px; width: 46px; height: 46px; }
.dn-avatar.dolu { --av: 104px; width: 100%; height: 100%; border: 4px solid var(--dn-mor-soluk); }
.dn-avatar.beyaz-kenar { border: 3px solid rgba(255,255,255,.9); }
.dn-avatar.buyuk.beyaz-kenar { border-width: 4px; }

.dn-profil-tetik { height: 38px; padding: 0 .7rem 0 3.5px; align-items: center; line-height: 1; }
.dn-profil-tetik .dn-avatar.kucuk { --av: 32px; width: 32px; height: 32px; }
.dn-profil-tetik .dn-avatar .harf { font-size: 13px; padding: .2em 2px 0 .06em; }
.dn-profil-menu { margin-top: .5rem !important; right: 0; left: auto; }

.dn-odeme-adim { display: flex; gap: .5rem; list-style: none; padding: 0; margin: 0; counter-reset: a; flex-wrap: wrap; }
.dn-odeme-adim li { display: flex; align-items: center; gap: .5rem; font-weight: 700; font-size: .9rem; color: #9a8fae; }
.dn-odeme-adim li + li::before { content: ""; width: 34px; height: 2px; background: #e6dcf1; margin-right: .25rem; }
.dn-odeme-adim li span { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #efe9f6; color: #9a8fae; font-size: .8rem; }
.dn-odeme-adim li.aktif { color: var(--dn-mor); }
.dn-odeme-adim li.aktif span { background: var(--dn-mor); color: #fff; }
.dn-odeme-adim li.aktif + li.aktif::before { background: var(--dn-mor); }
.dn-odeme-uyari { display: flex; gap: .85rem; align-items: flex-start; background: var(--dn-turuncu-soluk); border: 1px solid #fadcbc; border-radius: 1rem; padding: 1rem 1.25rem; }
.dn-odeme-uyari > i { font-size: 1.4rem; color: var(--dn-turuncu); }
.dn-yontemler { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .75rem; }
.dn-yontem { display: flex; align-items: center; gap: .85rem; text-align: left; padding: 1rem 1.1rem; border-radius: 1rem; border: 2px solid #ece4f4; background: var(--bs-body-bg); transition: border-color .2s, background .2s, box-shadow .2s; }
.dn-yontem > i { font-size: 1.6rem; color: #9a8fae; transition: color .2s; }
.dn-yontem strong { display: block; color: var(--bs-heading-color); font-size: .95rem; }
.dn-yontem small { display: block; color: var(--bs-secondary-color, #747579); font-size: .78rem; }
.dn-yontem:hover { border-color: var(--dn-mor-acik); }
.dn-yontem.secili { border-color: var(--dn-mor); background: var(--dn-mor-soluk); box-shadow: 0 8px 22px -14px rgba(110,68,168,.6); }
.dn-yontem.secili > i { color: var(--dn-mor); }
.dn-kart-no .marka { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-weight: 800; font-size: .75rem; letter-spacing: .04em; color: var(--dn-mor); }
.dn-kart-no .form-control { padding-right: 6rem; letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.dn-guven { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; font-size: .8rem; font-weight: 700; color: var(--dn-yesil); }
.dn-guven i { margin-right: .3rem; }
.dn-hesaplar { display: grid; gap: .75rem; }
.dn-hesap { border: 1px solid #ece4f4; border-radius: 1rem; padding: 1rem 1.1rem; background: #fbf9fd; }
.dn-hesap .ust { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: .5rem; }
.dn-hesap .ust small { color: var(--bs-secondary-color, #747579); }
.dn-hesap .iban { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; margin-bottom: .25rem; }
.dn-hesap code { font-size: .92rem; color: var(--bs-heading-color); background: none; padding: 0; letter-spacing: .03em; word-break: break-all; }
.dn-siparis { background: var(--bs-body-bg); border-radius: 1.25rem; overflow: hidden; box-shadow: 0 18px 40px -22px rgba(110,68,168,.5); }
@media (min-width: 992px) { .dn-siparis { position: sticky; top: 96px; } }
.dn-siparis .kapak { aspect-ratio: 16 / 8; background: var(--dn-mor-soluk); }
.dn-siparis .kapak img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dn-siparis .govde { padding: 1.25rem 1.4rem 1.4rem; }
.dn-siparis .etiket { display: inline-block; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--dn-turuncu); margin-bottom: .35rem; }
.dn-siparis-ozellik { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: .35rem; font-size: .88rem; }
.dn-siparis-ozellik i { color: var(--dn-mor); margin-right: .45rem; }
.dn-siparis-toplam { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px dashed #e2d7ee; padding-top: .85rem; }
.dn-siparis-toplam span { font-weight: 700; }
.dn-siparis-toplam strong { font-size: 1.6rem; font-weight: 800; color: var(--bs-heading-color); font-variant-numeric: tabular-nums; }
.dn-sozlesme-onay { font-size: .8rem; line-height: 1.45; }
.dn-sozlesme-onay a { color: var(--dn-mor); text-decoration: underline; }
.dn-siparis-yardim { display: flex; align-items: center; justify-content: center; gap: .4rem; margin-top: .85rem; font-size: .82rem; font-weight: 700; color: #1ebe5b; }
.dn-siparis-yardim:hover { color: #149a48; }
.dn-3d { border-radius: 1.25rem; overflow: hidden; }
.dn-3d .modal-header { background: var(--dn-mor); color: #fff; }
.dn-3d .modal-title { color: #fff; font-size: 1rem; }
.dn-3d .btn-close { filter: invert(1) grayscale(1) brightness(2); }

.dn-footer-alt { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; }
.dn-footer-alt .odeme img { height: 24px; width: auto; display: block; opacity: .9; }
.dn-footer-alt .gelistiren { text-align: right; }
footer.dn-footer a.socifly { font-weight: 800; letter-spacing: .03em; background: linear-gradient(135deg, #0e8bb4, #3fca90); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
footer.dn-footer a.socifly:hover { filter: brightness(1.2); }
@media (max-width: 991.98px) {
  .dn-footer-alt { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .dn-footer-alt .gelistiren { text-align: center; }
  .dn-footer-alt .odeme img { height: 20px; max-width: 100%; }
}

.dn-metin mark.dn-doldur { background: #fff1c2; color: #8a5a00; padding: 0 .3em; border-radius: .3em; font-weight: 700; }

@media (max-width: 767.98px) { .row.g-5 { --bs-gutter-x: 1.5rem; } }
.dn-sss-yan { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 1rem; }
.dn-sss-ara { display: flex; align-items: center; gap: .6rem; background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: 999px; padding: .55rem 1rem; margin: 0; cursor: text; transition: border-color .2s, box-shadow .2s; }
.dn-sss-ara:focus-within { border-color: var(--dn-mor-acik); box-shadow: 0 0 0 .25rem rgba(110, 68, 168, .12); }
.dn-sss-ara i { color: var(--dn-mor); }
.dn-sss-ara input { border: 0; outline: 0; background: transparent; width: 100%; color: var(--bs-body-color); font-size: .95rem; }
.dn-sss-nav { display: flex; flex-direction: column; gap: .25rem; }
.dn-sss-nav a { display: flex; align-items: center; gap: .65rem; padding: .6rem .85rem; border-radius: .8rem; color: var(--bs-body-color); text-decoration: none; font-weight: 600; transition: background .2s, color .2s; }
.dn-sss-nav a i { color: var(--dn-mor); font-size: 1.05rem; }
.dn-sss-nav a small { margin-left: auto; background: var(--dn-mor-soluk); color: var(--dn-mor); border-radius: 999px; padding: 0 .55rem; font-weight: 700; font-size: .75rem; line-height: 1.6; }
.dn-sss-nav a:hover, .dn-sss-nav a.aktif { background: var(--dn-mor-soluk); color: var(--dn-mor); }
.dn-sss-destek { background: linear-gradient(135deg, var(--dn-mor-soluk), var(--dn-turuncu-soluk)); border-radius: 1.1rem; padding: 1.25rem; }
.dn-sss-destek strong { display: block; margin-bottom: .25rem; color: var(--bs-heading-color); }
.dn-sss-grup { scroll-margin-top: 110px; margin-bottom: 2.25rem; }
.dn-sss-grup h2 { display: flex; align-items: center; gap: .65rem; margin-bottom: 1rem; }
.dn-sss-grup h2 .ikon { width: 38px; height: 38px; border-radius: .8rem; display: grid; place-items: center; background: var(--dn-mor-soluk); color: var(--dn-mor); font-size: 1.1rem; }
.dn-sss .accordion-item { scroll-margin-top: 110px; }
.dn-sss .accordion-body p:last-child { margin-bottom: 0; }
@media (max-width: 991.98px) {
  .dn-sss-yan { position: static; }
  .dn-sss-nav { flex-direction: row; flex-wrap: wrap; gap: .4rem; }
  .dn-sss-nav a { padding: .4rem .8rem; background: var(--dn-mor-soluk); border-radius: 999px; font-size: .9rem; }
}