/* =====================================================================
   Deneme 3 — Deneme 2'nin koyu girişi + Deneme 1'in ferah bölümleri.
   Stil sırası: trial-second.css, trial-first.css, bu dosya (geçiş ayarları).
   ===================================================================== */

/* Girişin altındaki dalga krem zemine akar */
.trial-third .t2-wave {
    fill: var(--t1-bg);
}

/* Kısa bilgi kartı krem zeminde */
.trial-third .t2-quick-card {
    border-color: var(--t1-line);
    box-shadow: 0 34px 70px -38px rgba(29, 41, 57, .45);
}

/* Kaydırınca üst menü sayfanın krem tonuna döner; logo beyaz kutusundan çıkar */
.trial-third .t2-header.is-scrolled {
    background: rgba(251, 248, 243, .9);
    box-shadow: 0 10px 30px -22px rgba(29, 41, 57, .5);
}

    .trial-third .t2-header.is-scrolled .nav-link {
        color: var(--t1-ink);
    }

        .trial-third .t2-header.is-scrolled .nav-link:hover {
            color: var(--t1-primary);
            background: rgba(23, 120, 184, .07);
        }

    .trial-third .t2-header.is-scrolled .navbar-brand img {
        background: transparent;
        padding-left: 0;
        padding-right: 0;
    }

.trial-third .t2-header .navbar-brand img {
    transition: background-color .3s, padding .3s;
}

/* Girişten sonraki ilk bölüm, bilgi kartıyla arasında ferah bir boşlukla başlar */
.trial-third .t2-quick + .t1-section {
    padding-top: 80px;
}

/* ---------------------------------------------------------------- hata sayfası (koyu girişle aynı görünüm) */
.t-error {
    min-height: 72vh;
    display: flex;
    align-items: center;
}

/* Sayfa kısa olduğu için giriş kalan yüksekliği doldurur, alt bilgi ekranın altına oturur */
body.trial:has(.t-error) {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

    body.trial:has(.t-error) > main {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        body.trial:has(.t-error) > main > .t-error {
            flex: 1;
        }

    .t-error > .container {
        width: 100%;
    }

.t-error-title {
    font-size: clamp(34px, 4.8vw, 62px);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.t-error-orbit {
    width: min(360px, 78%);
}

.t-error-code {
    position: absolute;
    inset: 11%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 14, 36, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 30px 60px -20px rgba(0, 0, 0, .6);
}

    .t-error-code span {
        font-weight: 900;
        font-size: clamp(64px, 9vw, 112px);
        letter-spacing: -.05em;
        line-height: 1;
        background: linear-gradient(90deg, #36b3e5 0%, #b58cff 45%, #ee4580 75%, #f39120 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

@media (max-width: 991.98px) {
    .t-error {
        min-height: 0;
    }

    .t-error-orbit {
        width: min(260px, 70%);
    }
}