.home-section{ position: relative; }

.glass-panel{
  border-radius: 22px;
  background: var(--dn-surface-1);
  border: 1px solid var(--dn-border);

  box-shadow: 0 22px 60px rgba(0,0,0,.38);
}

.glass-card{
  border-radius: 18px;
  background: var(--dn-surface-0);
  border: 1px solid var(--dn-border-soft);

  box-shadow: 0 16px 46px rgba(0,0,0,.28);
}

.section-head{ max-width: 820px; }
.section-title{
  color: var(--dn-white);
  font-weight: 900;
  letter-spacing: -.02em;
  margin: 0;
}
.section-sub{
  color: var(--dn-text-subtle);
  margin: .45rem 0 0;
}


.stat-title{ color: var(--dn-text-subtle); font-weight: 700; margin: 0 0 .35rem; }
.stat-value{
  font-size: clamp(18px, 3.2vw, 22px);
  font-weight: 600;
  letter-spacing: -.02em;
  color: var(--dn-white);
}


.step-card h5{ color: var(--dn-white); font-weight: 900; margin: .6rem 0 .35rem; }
.step-card p{ color: var(--dn-text-subtle); margin: 0; }
.step-badge{
  width: 38px; height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 900;
  color: var(--dn-white);
  background: var(--dn-overlay-soft);
  border: 1px solid var(--dn-border-strong);
}


.cats-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
@media (max-width: 992px){ .cats-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 520px){ .cats-grid{ grid-template-columns: 1fr; } }

.cat-tile{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 14px;
  border-radius: 16px;
  text-decoration: none;

  background: rgba(47, 47, 47, .26);
  border: 1px solid var(--dn-border-soft);


  transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}
.cat-tile span{ font-size: 18px; }
.cat-tile b{ color: var(--dn-white); font-weight: 900; }
.cat-tile small{ color: var(--dn-text-faint); margin-left: auto; text-align: right; }

.cat-tile:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.18);
}


.cta-panel{
  background:
    radial-gradient(700px 380px at 18% 40%, rgba(16, 163, 127, .16) 0%, transparent 60%),
    radial-gradient(700px 380px at 86% 40%, rgba(16, 163, 127, .14) 0%, transparent 60%),
    rgba(47, 47, 47, .32);
}


.btn.btn-ghost{
  border-radius: 999px;
  padding: .85rem 1.15rem;
  font-weight: 800;
  letter-spacing: .1px;

  background: var(--dn-surface-1) !important;
  border: 1px solid var(--dn-border-strong) !important;
  color: rgba(255,255,255,.88) !important;



  box-shadow: 0 12px 30px rgba(0,0,0,.20);
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.btn.btn-ghost:hover{
  transform: translateY(-2px);
  background: var(--dn-overlay-soft) !important;
  border-color: rgba(255,255,255,.22) !important;
}

/* =========================================================
   DENERIM FOOTER
   ========================================================= */

.site-footer {
    position: relative;
    margin-top: 64px;
    padding: 44px 0 22px;
    color: var(--dn-text);
}

    .site-footer .footer-inner {
        position: relative;
        overflow: hidden;
        padding: 26px;
        border-radius: var(--dn-radius-xl);
        background: radial-gradient(620px 260px at 0% 0%, var(--dn-accent-soft), transparent 65%), var(--dn-surface-1);
        border: 1px solid var(--dn-border);
        box-shadow: var(--dn-shadow-lg);
    }

    .site-footer .footer-brand-line {
        width: min(620px, 76%);
        height: 2px;
        margin: -26px auto 26px;
        background: var(--dn-rule-gradient);
        opacity: .9;
    }

    /* EN ÖNEMLİ KISIM: tek grid */
    .site-footer .footer-top-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr));
        gap: 18px;
        align-items: stretch;
    }

    .site-footer .footer-brand-area,
    .site-footer .footer-link-card {
        min-width: 0;
        height: 100%;
    }

    /* sol kart */
    .site-footer .footer-brand-area {
        display: flex;
        flex-direction: column;
        padding: 20px;
        border-radius: var(--dn-radius-lg);
        background: var(--dn-panel-3);
        border: 1px solid var(--dn-border-soft);
    }

    /* logo */
    .site-footer .footer-logo {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        color: var(--dn-white);
        text-decoration: none;
    }

        .site-footer .footer-logo:hover {
            color: var(--dn-white);
        }

    .site-footer .footer-logo-image {
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
        object-fit: contain;
        border-radius: 12px;
        box-shadow: 0 10px 24px rgba(0,0,0,.22);
    }

    .site-footer .footer-logo-copy {
        display: flex;
        flex-direction: column;
        line-height: 1.15;
        min-width: 0;
    }

        .site-footer .footer-logo-copy strong {
            color: var(--dn-white);
            font-size: 21px;
            font-weight: 900;
            letter-spacing: -.025em;
        }

        .site-footer .footer-logo-copy small {
            margin-top: 4px;
            color: var(--dn-text-faint);
            font-size: 12px;
            font-weight: 600;
        }

    .site-footer .footer-description {
        max-width: 420px;
        margin: 18px 0 14px;
        color: var(--dn-text-subtle);
        font-size: 14px;
        line-height: 1.7;
    }

    .site-footer .footer-platforms {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 17px;
    }

        .site-footer .footer-platforms span {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 10px;
            border-radius: 999px;
            color: var(--dn-text-2);
            background: var(--dn-overlay-soft);
            border: 1px solid var(--dn-border);
            font-size: 11px;
            font-weight: 700;
        }

        .site-footer .footer-platforms i {
            color: var(--dn-accent-solid);
        }

    .site-footer .footer-socials {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 16px;
    }

        .site-footer .footer-socials a {
            width: 39px;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            color: var(--dn-white-soft);
            background: rgba(47, 47, 47, .26);
            border: 1px solid var(--dn-border);
            text-decoration: none;
            transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
        }

            .site-footer .footer-socials a:hover {
                color: #fff;
                background: var(--dn-accent-soft);
                border-color: var(--dn-accent-border);
                transform: translateY(-2px);
            }

    .site-footer .footer-contact-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        margin-bottom: 14px;
        padding: 10px 14px;
        border-radius: 999px;
        color: var(--dn-accent-text);
        background: var(--dn-accent-soft);
        border: 1px solid var(--dn-accent-border);
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
        transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
    }

        .site-footer .footer-contact-button span {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .site-footer .footer-contact-button:hover {
            color: #fff;
            background: var(--dn-accent-soft-2);
            border-color: var(--dn-accent-border-strong);
            transform: translateY(-1px);
        }

    .site-footer .footer-contact-info {
        display: grid;
        gap: 6px;
        margin-top: auto;
    }

    .site-footer .footer-info-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px;
        border-radius: 13px;
        border: 1px solid transparent;
        transition: background-color .16s ease, border-color .16s ease;
    }

        .site-footer .footer-info-item:hover {
            background: var(--dn-overlay-soft);
            border-color: var(--dn-border-soft);
        }

    .site-footer .footer-info-icon {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        color: var(--dn-accent-solid);
        background: var(--dn-accent-soft);
        border: 1px solid rgba(16, 163, 127, .20);
    }

    .site-footer .footer-info-item > div {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .site-footer .footer-info-item small {
        margin-bottom: 1px;
        color: var(--dn-text-faint);
        font-size: 10px;
        font-weight: 700;
    }

    .site-footer .footer-info-item strong,
    .site-footer .footer-info-item a {
        overflow: hidden;
        color: var(--dn-white-soft);
        font-size: 12px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-decoration: none;
    }

        .site-footer .footer-info-item a:hover {
            color: var(--dn-white);
        }

    /* sağ kartlar */
    .site-footer .footer-link-card {
        display: flex;
        flex-direction: column;
        padding: 18px 15px;
        border-radius: var(--dn-radius-lg);
        background: var(--dn-surface-0);
        border: 1px solid var(--dn-border-soft);
        box-shadow: 0 16px 46px rgba(0,0,0,.20);
        transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
    }

        .site-footer .footer-link-card:hover {
            transform: translateY(-1px);
            background: rgba(255,255,255,.04);
            border-color: var(--dn-border-bright);
        }

    .site-footer .footer-card-heading {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 54px;
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--dn-border-soft);
    }

    .site-footer .footer-heading-icon {
        width: 37px;
        height: 37px;
        flex: 0 0 37px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        color: var(--dn-accent-solid);
        background: var(--dn-accent-soft);
        border: 1px solid rgba(16, 163, 127, .22);
    }

    .site-footer .footer-card-heading small {
        display: block;
        margin-bottom: 1px;
        color: var(--dn-text-faint);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .site-footer .footer-card-heading h5 {
        margin: 0;
        color: var(--dn-white);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -.018em;
    }

    .site-footer .footer-links {
        display: grid;
        gap: 4px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .site-footer .footer-links li {
            margin: 0;
        }

        .site-footer .footer-links a {
            position: relative;
            display: block;
            padding: 7px 8px 7px 18px;
            border-radius: 10px;
            border: 1px solid transparent;
            color: var(--dn-text-subtle);
            font-size: 12px;
            font-weight: 650;
            line-height: 1.5;
            text-decoration: none;
            transition: transform .16s ease, color .16s ease, background-color .16s ease, border-color .16s ease;
        }

            .site-footer .footer-links a::before {
                content: "";
                position: absolute;
                left: 8px;
                top: 14px;
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: rgba(236, 236, 236, .36);
                transition: background-color .16s ease, transform .16s ease;
            }

            .site-footer .footer-links a:hover {
                color: var(--dn-white);
                background: var(--dn-overlay-soft);
                border-color: var(--dn-border-soft);
                transform: translateX(2px);
            }

                .site-footer .footer-links a:hover::before {
                    background: var(--dn-accent-solid);
                    transform: scale(1.25);
                }

    .site-footer .footer-pro-link {
        color: var(--dn-accent-text) !important;
    }

        .site-footer .footer-pro-link::before {
            background: var(--dn-accent-solid) !important;
        }

        .site-footer .footer-pro-link i {
            color: var(--dn-accent-solid);
            font-size: 11px;
            margin-right: 4px;
        }

    .site-footer .footer-compare-links a span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 3px;
        padding: 1px 5px;
        border-radius: 6px;
        color: var(--dn-accent-text);
        background: var(--dn-accent-soft);
        border: 1px solid rgba(16, 163, 127, .16);
        font-size: 8px;
        font-weight: 900;
    }

    /* alt alan */
    .site-footer .footer-affiliate {
        display: flex;
        align-items: flex-start;
        gap: 9px;
        margin-top: 20px;
        padding: 11px 13px;
        border-radius: 14px;
        color: var(--dn-text-faint);
        background: var(--dn-panel-3);
        border: 1px solid var(--dn-border-soft);
        font-size: 10.5px;
        line-height: 1.55;
    }

        .site-footer .footer-affiliate i {
            margin-top: 2px;
            color: var(--dn-accent-solid);
        }

    .site-footer .footer-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        margin-top: 18px;
        padding-top: 18px;
        border-top: 1px solid var(--dn-border-soft);
    }

        .site-footer .footer-bottom p {
            margin: 0;
            color: var(--dn-text-faint);
            font-size: 12px;
            font-weight: 600;
        }

            .site-footer .footer-bottom p span {
                margin: 0 5px;
                color: var(--dn-accent-solid);
            }

    .site-footer .footer-legal-links {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 4px;
    }

        .site-footer .footer-legal-links a {
            padding: 6px 9px;
            border-radius: 9px;
            border: 1px solid transparent;
            color: var(--dn-text-faint);
            font-size: 11px;
            font-weight: 650;
            text-decoration: none;
            transition: color .16s ease, background-color .16s ease, border-color .16s ease;
        }

            .site-footer .footer-legal-links a:hover {
                color: var(--dn-white);
                background: var(--dn-overlay-soft);
                border-color: var(--dn-border-soft);
            }

    .site-footer a:focus-visible {
        outline: none;
        box-shadow: 0 0 0 3px var(--dn-focus-ring);
    }

/* responsive */
@media (max-width: 1199.98px) {
    .site-footer .footer-top-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media (max-width: 767.98px) {
    .site-footer {
        margin-top: 48px;
        padding: 34px 0 18px;
    }

        .site-footer .footer-inner {
            padding: 16px;
            border-radius: 20px;
        }

        .site-footer .footer-brand-line {
            width: 72%;
            margin: -16px auto 20px;
        }

        .site-footer .footer-top-grid {
            grid-template-columns: 1fr;
            gap: 14px;
        }

        .site-footer .footer-brand-area,
        .site-footer .footer-link-card {
            padding: 17px 15px;
            border-radius: 17px;
        }

        .site-footer .footer-logo {
            justify-content: center;
            width: 100%;
        }

        .site-footer .footer-description {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }

        .site-footer .footer-platforms,
        .site-footer .footer-socials {
            justify-content: center;
        }

        .site-footer .footer-bottom {
            flex-direction: column;
            gap: 10px;
            text-align: center;
        }

        .site-footer .footer-legal-links {
            justify-content: center;
        }
}

@media (max-width: 420px) {
    .site-footer .footer-legal-links {
        flex-direction: column;
        width: 100%;
    }

        .site-footer .footer-legal-links a {
            width: 100%;
            text-align: center;
        }

    .site-footer .footer-info-item strong,
    .site-footer .footer-info-item a {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

.tavsiye-panel{
  --blur: 18px;
}

.tavsiye-sep{
  border: 0;
  height: 1px;
  width: min(420px, 90%);
  margin: 14px auto 22px;
}

.tavsiye-text{
  color: var(--dn-text-subtle) !important;
  font-size: .95rem;
}


.glass-input{
  background: var(--dn-surface-1) !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  color: var(--dn-white) !important;



  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.glass-input::placeholder{
  color: rgba(236, 236, 236, .45);
}

.glass-input:focus{
  outline: none;
  border-color: rgba(16, 163, 127, .55) !important;
  box-shadow:
    0 0 0 2px var(--dn-focus-ring),
    0 12px 30px rgba(0,0,0,.35);
  background: var(--dn-surface-2) !important;
}