/* =========================================================
    AI POWER ACADEMY ACADEMY AKADEMİ — MAIN STYLESHEET
   Plum / Heuchera / Lilac Theme
========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --bg-light: #E8DCEF;
    --lilac: #CDB5DB;
    --soft-purple: #AF8FC2;
    --purple: #8B62A2;
    --plum: #654777;
    --deep-plum: #3D2A47;
    --ink: #1F1723;
    --text: #625568;
    --white: #FFFFFF;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "DM Sans", sans-serif;
    color: var(--ink);
    background: var(--bg-light);
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

/* =========================================================
   NAVBAR
========================================================= */

.navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 92px;

    padding: 0 6%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    z-index: 100;

    background: rgba(232, 220, 239, 0.68);
    backdrop-filter: blur(18px);

    border-bottom: 1px solid rgba(61, 42, 71, 0.07);
}

.logo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.logo-main {
    font-family: "Manrope", sans-serif;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: -1.5px;

    color: var(--ink);
}

.logo-pill {
    padding: 6px 9px;

    border-radius: 7px;

    background: var(--plum);
    color: white;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 36px;
}

.nav-links a {
    color: #5D5062;

    font-size: 13px;
    font-weight: 600;

    transition: 0.25s ease;
}

.nav-links a:hover {
    color: var(--plum);
}

.nav-cta {
    padding: 14px 22px;

    border-radius: 999px;

    background: var(--deep-plum);
    color: white;

    font-size: 12px;
    font-weight: 700;

    box-shadow: 0 10px 30px rgba(61, 42, 71, 0.16);

    transition: 0.25s ease;
}

.nav-cta:hover {
    background: var(--plum);
    transform: translateY(-2px);
}

/* =========================================================
   HERO
========================================================= */

.hero {
    position: relative;

    min-height: 100vh;

    padding: 145px 6% 75px;

    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    align-items: center;
    gap: 55px;

    overflow: hidden;

    background:

        radial-gradient(circle at 82% 36%,
            rgba(118, 77, 142, 0.34) 0%,
            rgba(139, 98, 162, 0.18) 25%,
            transparent 53%),

        radial-gradient(circle at 12% 70%,
            rgba(101, 71, 119, 0.15) 0%,
            transparent 38%),

        linear-gradient(125deg,
            #EDE3F2 0%,
            #E0CEE9 42%,
            #D2B9DF 72%,
            #C5A7D4 100%);
}

/* büyük transparan  AI POWER ACADEMY ACADEMY */

.hero-bg-word {
    position: absolute;

    right: -4%;
    top: 12%;

    font-family: "Manrope", sans-serif;
    font-size: 230px;
    font-weight: 800;
    letter-spacing: -15px;

    color: rgba(74, 46, 88, 0.055);

    pointer-events: none;

    z-index: 0;
}

/* =========================================================
   HERO SOL
========================================================= */

.hero-copy {
    position: relative;
    z-index: 10;

    max-width: 720px;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 15px;

    margin-bottom: 28px;

    border-radius: 999px;

    background: rgba(247, 239, 250, 0.55);

    border: 1px solid rgba(101, 71, 119, 0.20);

    backdrop-filter: blur(14px);

    color: #654777;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.eyebrow span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #986EB0;

    box-shadow:
        0 0 0 5px rgba(152, 110, 176, 0.14);
}

.hero h1 {
    font-family: "Manrope", sans-serif;

    font-size: clamp(62px, 6.3vw, 103px);

    line-height: 0.92;

    letter-spacing: -6px;

    font-weight: 800;

    color: #201622;
}

.hero h1 span {
    display: block;

    background: linear-gradient(90deg,
            #624176 0%,
            #81599A 42%,
            #A77CBD 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
}

.hero-description {
    max-width: 620px;

    margin-top: 30px;

    color: #615468;

    font-size: 17px;
    line-height: 1.75;
}

/* =========================================================
   BUTTONS
========================================================= */

.hero-actions {
    margin-top: 34px;

    display: flex;
    flex-wrap: wrap;

    gap: 12px;
}

.btn-primary,
.btn-secondary {
    min-height: 54px;

    padding: 0 25px;

    border-radius: 999px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    font-weight: 800;

    transition: 0.25s ease;
}

.btn-primary {
    gap: 26px;

    color: white;

    background: linear-gradient(120deg,
            #51335F,
            #704984,
            #9164A7);

    box-shadow:
        0 18px 45px rgba(69, 43, 81, 0.28);
}

.btn-primary:hover {
    transform: translateY(-3px);

    box-shadow:
        0 25px 55px rgba(69, 43, 81, 0.34);
}

.btn-secondary {
    color: #50375B;

    background: rgba(244, 234, 248, 0.58);

    border: 1px solid rgba(80, 55, 91, 0.17);

    backdrop-filter: blur(12px);
}

.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.72);

    transform: translateY(-3px);
}

/* =========================================================
   STATS
========================================================= */

.stats {
    margin-top: 50px;

    display: flex;
    align-items: center;

    gap: 25px;
}

.stat {
    display: flex;
    flex-direction: column;

    gap: 4px;
}

.stat strong {
    font-family: "Manrope", sans-serif;

    color: var(--deep-plum);

    font-size: 26px;
    font-weight: 800;

    letter-spacing: -1px;
}

.stat span {
    color: #725F78;

    font-size: 11px;
    font-weight: 600;
}

.stat-line {
    width: 1px;
    height: 39px;

    background: rgba(61, 42, 71, 0.18);
}

/* =========================================================
   HERO GALLERY
========================================================= */

.hero-gallery {
    position: relative;

    height: 690px;

    z-index: 5;
}

.gallery-glow {
    position: absolute;

    width: 650px;
    height: 650px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background: radial-gradient(circle,
            rgba(113, 74, 137, 0.38) 0%,
            rgba(139, 98, 162, 0.20) 35%,
            rgba(175, 143, 194, 0.08) 53%,
            transparent 70%);

    filter: blur(16px);
}

/* =========================================================
   IMAGE CARDS
========================================================= */

.image-card {
    position: absolute;

    overflow: hidden;

    background: var(--lilac);

    border:
        1px solid rgba(255, 255, 255, 0.55);

    box-shadow:
        0 35px 80px rgba(61, 42, 71, 0.27),
        0 8px 24px rgba(101, 71, 119, 0.16);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.image-card:hover {
    transform:
        translateY(-10px) scale(1.015);

    box-shadow:
        0 48px 95px rgba(61, 42, 71, 0.34),
        0 12px 32px rgba(101, 71, 119, 0.18);

    z-index: 30;
}

.image-card img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.image-overlay {
    position: absolute;

    inset: 0;

    background: linear-gradient(to top,
            rgba(29, 20, 34, 0.52) 0%,
            rgba(29, 20, 34, 0.05) 48%,
            transparent 72%);
}

.image-label {
    position: absolute;

    left: 18px;
    bottom: 17px;

    z-index: 5;

    display: flex;
    flex-direction: column;

    gap: 3px;

    color: white;
}

.image-label span {
    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1.5px;

    opacity: 0.75;
}

.image-label strong {
    font-family: "Manrope", sans-serif;

    font-size: 15px;
    font-weight: 700;
}

/* =========================================================
   IMAGE POSITIONS
========================================================= */

.image-card-main {
    width: 355px;
    height: 540px;

    right: 12%;
    top: 60px;

    border-radius: 28px;

    z-index: 8;

    animation:
        floatMain 6s ease-in-out infinite;
}

.image-card-arch {
    width: 205px;
    height: 295px;

    left: 1%;
    top: 45px;

    border-radius: 22px;

    z-index: 9;

    transform: rotate(-5deg);

    animation:
        floatArch 7s ease-in-out infinite;
}

.image-card-paris {
    width: 190px;
    height: 275px;

    right: -2%;
    top: 110px;

    border-radius: 22px;

    z-index: 9;

    transform: rotate(4deg);

    animation:
        floatParis 6.5s ease-in-out infinite;
}

.image-card-car {
    width: 220px;
    height: 300px;

    left: 10%;
    bottom: 5px;

    border-radius: 22px;

    z-index: 10;

    transform: rotate(3deg);

    animation:
        floatCar 7.5s ease-in-out infinite;
}

/* =========================================================
   SMALL AI LABEL
========================================================= */

.made-with-ai {
    position: absolute;

    right: 7%;
    bottom: 8px;

    z-index: 12;

    padding: 11px 16px;

    border-radius: 999px;

    display: flex;
    align-items: center;

    gap: 8px;

    color: #503A5B;

    background:
        rgba(231, 214, 240, 0.84);

    border:
        1px solid rgba(101, 71, 119, 0.18);

    backdrop-filter: blur(18px);

    box-shadow:
        0 14px 30px rgba(61, 42, 71, 0.12);

    font-size: 10px;
    font-weight: 700;
}

.ai-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #8B62A2;

    box-shadow:
        0 0 0 5px rgba(139, 98, 162, 0.14);
}

/* =========================================================
   MARQUEE
========================================================= */

.marquee {
    width: 100%;

    overflow: hidden;

    padding: 21px 0;

    color: white;

    background:
        linear-gradient(90deg,
            #38263F,
            #4C3456,
            #38263F);
}

.marquee-track {
    width: max-content;

    display: flex;
    align-items: center;

    gap: 34px;

    padding-left: 3%;

    animation:
        marqueeMove 24s linear infinite;
}

.marquee span {
    font-family: "Manrope", sans-serif;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.2px;

    white-space: nowrap;
}

.marquee b {
    color: #CBAED8;
}

/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes floatMain {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-14px);
    }
}

@keyframes floatArch {

    0%,
    100% {
        transform:
            translateY(0) rotate(-5deg);
    }

    50% {
        transform:
            translateY(-13px) rotate(-3deg);
    }
}

@keyframes floatParis {

    0%,
    100% {
        transform:
            translateY(0) rotate(4deg);
    }

    50% {
        transform:
            translateY(14px) rotate(2deg);
    }
}

@keyframes floatCar {

    0%,
    100% {
        transform:
            translateY(0) rotate(3deg);
    }

    50% {
        transform:
            translateY(-12px) rotate(1deg);
    }
}

@keyframes marqueeMove {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-30%);
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .nav-links {
        display: none;
    }

    .hero {
        grid-template-columns: 1fr;
    }

    .hero-copy {
        max-width: 850px;
    }

    .hero-gallery {
        margin-top: 30px;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .navbar {
        height: 74px;

        padding: 0 5%;
    }

    .logo-main {
        font-size: 18px;
    }

    .logo-pill {
        display: none;
    }

    .nav-cta {
        padding: 11px 14px;

        font-size: 10px;
    }

    .hero {
        padding:
            118px 5% 55px;

        gap: 15px;
    }

    .hero h1 {
        font-size: 49px;

        line-height: 0.96;

        letter-spacing: -3.6px;
    }

    .hero-description {
        font-size: 15px;
    }

    .hero-actions {
        flex-direction: column;
    }

    .btn-primary,
    .btn-secondary {
        width: 100%;
    }

    .stats {
        justify-content: space-between;

        gap: 12px;
    }

    .stat strong {
        font-size: 20px;
    }

    .stat span {
        font-size: 9px;
    }

    .hero-gallery {
        height: 560px;

        margin-top: 15px;

        transform: scale(0.94);
    }

    .image-card-main {
        width: 250px;
        height: 385px;

        right: 8%;
        top: 75px;
    }

    .image-card-arch {
        width: 135px;
        height: 195px;

        left: 0;
        top: 55px;
    }

    .image-card-paris {
        width: 125px;
        height: 185px;

        right: 0;
        top: 115px;
    }

    .image-card-car {
        width: 145px;
        height: 200px;

        left: 7%;
        bottom: 15px;
    }

    .made-with-ai {
        right: 0;
        bottom: 8px;

        font-size: 8px;
    }

    .hero-bg-word {
        top: 30%;

        font-size: 110px;
    }
}

/* =========================================================
   SECTION 02 —  AI POWER ACADEMY ACADEMY'DA NELER ÖĞRENECEKSİN
========================================================= */

.learn-section {
    position: relative;

    padding: 120px 6% 110px;

    overflow: hidden;

    background:
        radial-gradient(circle at 90% 10%,
            rgba(205, 181, 219, 0.13),
            transparent 30%),
        linear-gradient(145deg,
            #3A2943 0%,
            #493452 52%,
            #35263D 100%);

    color: white;
}

/* büyük arka plan ışığı */

.learn-section::before {
    content: "";

    position: absolute;

    width: 550px;
    height: 550px;

    right: -220px;
    top: 120px;

    border-radius: 50%;

    background:
        rgba(175, 143, 194, 0.13);

    filter: blur(100px);

    pointer-events: none;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.learn-intro {
    position: relative;
    z-index: 2;

    max-width: 1450px;

    margin: 0 auto 70px;

    display: grid;

    grid-template-columns:
        0.35fr 1.65fr;

    gap: 60px;
}

.section-kicker {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding-top: 13px;

    color: #CBB4D7;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.4px;
}

.section-kicker span {
    color: #9D7AB0;
}

.learn-heading {
    display: grid;

    grid-template-columns:
        1.1fr 0.65fr;

    gap: 70px;

    align-items: end;
}

.learn-heading h2 {
    max-width: 780px;

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(52px, 5.5vw, 88px);

    line-height: 0.96;

    letter-spacing: -5px;

    font-weight: 800;
}

.learn-heading h2 span {
    display: block;

    color: #C8A9D7;
}

.learn-heading p {
    max-width: 420px;

    padding-bottom: 7px;

    color: #C7BBCB;

    font-size: 15px;

    line-height: 1.75;
}


/* =========================================================
   LEARNING GRID
========================================================= */

.learning-grid {
    position: relative;
    z-index: 2;

    max-width: 1450px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 16px;
}


/* =========================================================
   CARD
========================================================= */

.learning-card {
    min-height: 440px;

    padding: 26px;

    border-radius: 26px;

    display: flex;
    flex-direction: column;

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(145deg,
            #E6D7ED,
            #CFB9DB);

    color: #35243E;

    border:
        1px solid rgba(255, 255, 255, 0.18);

    box-shadow:
        0 25px 60px rgba(20, 11, 25, 0.15);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.learning-card:hover {
    transform:
        translateY(-9px);

    box-shadow:
        0 38px 80px rgba(18, 10, 22, 0.25);
}


/* hafif kart ışığı */

.learning-card::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    right: -120px;
    top: -120px;

    background:
        rgba(255, 255, 255, 0.20);

    filter: blur(20px);
}


/* =========================================================
   FEATURED CARD
========================================================= */

.card-featured {
    background:
        linear-gradient(145deg,
            #A57DBA,
            #7E5792);

    color: white;
}

.card-featured .card-tag {
    color: white;

    background:
        rgba(255, 255, 255, 0.15);
}

.card-featured .card-content p,
.card-featured .card-bottom {
    color:
        rgba(255, 255, 255, 0.72);
}


/* =========================================================
   DARK CARD
========================================================= */

.card-dark {
    background:
        linear-gradient(145deg,
            #261C2C,
            #3B2943);

    color: white;
}

.card-dark .card-tag {
    color: #E2CEE9;

    background:
        rgba(255, 255, 255, 0.08);
}

.card-dark .card-content p,
.card-dark .card-bottom {
    color: #BFAFC5;
}


/* =========================================================
   CARD TOP
========================================================= */

.card-top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-index {
    font-family:
        "Manrope",
        sans-serif;

    font-size: 11px;

    font-weight: 800;

    opacity: .60;
}

.card-tag {
    padding: 7px 10px;

    border-radius: 999px;

    background:
        rgba(74, 46, 88, 0.08);

    color: #644476;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================================
   CARD ICON
========================================================= */

.card-icon {
    position: relative;
    z-index: 2;

    width: 70px;
    height: 70px;

    margin-top: 48px;

    border-radius: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        rgba(255, 255, 255, 0.18);

    border:
        1px solid rgba(255, 255, 255, 0.20);

    font-size: 27px;

    backdrop-filter: blur(10px);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.card-content {
    position: relative;
    z-index: 2;

    margin-top: auto;
}

.card-content h3 {
    font-family:
        "Manrope",
        sans-serif;

    font-size: 29px;

    line-height: 1.05;

    letter-spacing: -1.5px;

    font-weight: 800;
}

.card-content p {
    max-width: 340px;

    margin-top: 16px;

    color: #6C5875;

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   CARD BOTTOM
========================================================= */

.card-bottom {
    position: relative;
    z-index: 2;

    margin-top: 25px;

    padding-top: 18px;

    border-top:
        1px solid rgba(65, 41, 75, 0.13);

    display: flex;

    justify-content: space-between;

    color: #654D6E;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1px;
}

.card-featured .card-bottom,
.card-dark .card-bottom {
    border-color:
        rgba(255, 255, 255, 0.12);
}


/* =========================================================
   SECTION FOOTER
========================================================= */

.learn-footer {
    position: relative;
    z-index: 2;

    max-width: 1450px;

    margin: 65px auto 0;

    padding-top: 40px;

    border-top:
        1px solid rgba(255, 255, 255, 0.12);

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 40px;
}

.learn-footer-text span {
    color: #A987BA;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.4px;
}

.learn-footer-text p {
    max-width: 510px;

    margin-top: 8px;

    color: #C8BCCB;

    font-size: 13px;

    line-height: 1.6;
}

.learn-footer-button {
    min-width: 245px;

    min-height: 54px;

    padding: 0 22px;

    border-radius: 999px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    color: #3B2943;

    background: #D5BFE0;

    font-size: 10px;

    font-weight: 800;

    transition: .25s ease;
}

.learn-footer-button:hover {
    background: white;

    transform:
        translateY(-3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .learn-intro {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .learn-heading {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .learning-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .learn-section {
        padding:
            85px 5% 80px;
    }

    .learn-intro {
        margin-bottom: 45px;
    }

    .learn-heading h2 {
        font-size: 47px;

        letter-spacing: -3px;
    }

    .learn-heading p {
        font-size: 14px;
    }

    .learning-grid {
        grid-template-columns: 1fr;
    }

    .learning-card {
        min-height: 400px;
    }

    .learn-footer {
        flex-direction: column;

        align-items: stretch;
    }

    .learn-footer-button {
        width: 100%;
    }
}

/* =========================================================
   SECTION 02 — AI POWER ACADEMY'DA NELER ÖĞRENECEKSİN
========================================================= */

.learn-section {
    position: relative;

    padding: 120px 6% 110px;

    overflow: hidden;

    background:
        radial-gradient(circle at 90% 10%,
            rgba(205, 181, 219, 0.13),
            transparent 30%),
        linear-gradient(145deg,
            #3A2943 0%,
            #493452 52%,
            #35263D 100%);

    color: white;
}

/* büyük arka plan ışığı */

.learn-section::before {
    content: "";

    position: absolute;

    width: 550px;
    height: 550px;

    right: -220px;
    top: 120px;

    border-radius: 50%;

    background:
        rgba(175, 143, 194, 0.13);

    filter: blur(100px);

    pointer-events: none;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.learn-intro {
    position: relative;
    z-index: 2;

    max-width: 1450px;

    margin: 0 auto 70px;

    display: grid;

    grid-template-columns:
        0.35fr 1.65fr;

    gap: 60px;
}

.section-kicker {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding-top: 13px;

    color: #CBB4D7;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.4px;
}

.section-kicker span {
    color: #9D7AB0;
}

.learn-heading {
    display: grid;

    grid-template-columns:
        1.1fr 0.65fr;

    gap: 70px;

    align-items: end;
}

.learn-heading h2 {
    max-width: 780px;

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(52px, 5.5vw, 88px);

    line-height: 0.96;

    letter-spacing: -5px;

    font-weight: 800;
}

.learn-heading h2 span {
    display: block;

    color: #C8A9D7;
}

.learn-heading p {
    max-width: 420px;

    padding-bottom: 7px;

    color: #C7BBCB;

    font-size: 15px;

    line-height: 1.75;
}


/* =========================================================
   LEARNING GRID
========================================================= */

.learning-grid {
    position: relative;
    z-index: 2;

    max-width: 1450px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 16px;
}


/* =========================================================
   CARD
========================================================= */

.learning-card {
    min-height: 440px;

    padding: 26px;

    border-radius: 26px;

    display: flex;
    flex-direction: column;

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(145deg,
            #E6D7ED,
            #CFB9DB);

    color: #35243E;

    border:
        1px solid rgba(255, 255, 255, 0.18);

    box-shadow:
        0 25px 60px rgba(20, 11, 25, 0.15);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.learning-card:hover {
    transform:
        translateY(-9px);

    box-shadow:
        0 38px 80px rgba(18, 10, 22, 0.25);
}


/* hafif kart ışığı */

.learning-card::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    right: -120px;
    top: -120px;

    background:
        rgba(255, 255, 255, 0.20);

    filter: blur(20px);
}


/* =========================================================
   FEATURED CARD
========================================================= */

.card-featured {
    background:
        linear-gradient(145deg,
            #A57DBA,
            #7E5792);

    color: white;
}

.card-featured .card-tag {
    color: white;

    background:
        rgba(255, 255, 255, 0.15);
}

.card-featured .card-content p,
.card-featured .card-bottom {
    color:
        rgba(255, 255, 255, 0.72);
}


/* =========================================================
   DARK CARD
========================================================= */

.card-dark {
    background:
        linear-gradient(145deg,
            #261C2C,
            #3B2943);

    color: white;
}

.card-dark .card-tag {
    color: #E2CEE9;

    background:
        rgba(255, 255, 255, 0.08);
}

.card-dark .card-content p,
.card-dark .card-bottom {
    color: #BFAFC5;
}


/* =========================================================
   CARD TOP
========================================================= */

.card-top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-index {
    font-family:
        "Manrope",
        sans-serif;

    font-size: 11px;

    font-weight: 800;

    opacity: .60;
}

.card-tag {
    padding: 7px 10px;

    border-radius: 999px;

    background:
        rgba(74, 46, 88, 0.08);

    color: #644476;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================================
   CARD ICON
========================================================= */

.card-icon {
    position: relative;
    z-index: 2;

    width: 70px;
    height: 70px;

    margin-top: 48px;

    border-radius: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        rgba(255, 255, 255, 0.18);

    border:
        1px solid rgba(255, 255, 255, 0.20);

    font-size: 27px;

    backdrop-filter: blur(10px);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.card-content {
    position: relative;
    z-index: 2;

    margin-top: auto;
}

.card-content h3 {
    font-family:
        "Manrope",
        sans-serif;

    font-size: 29px;

    line-height: 1.05;

    letter-spacing: -1.5px;

    font-weight: 800;
}

.card-content p {
    max-width: 340px;

    margin-top: 16px;

    color: #6C5875;

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   CARD BOTTOM
========================================================= */

.card-bottom {
    position: relative;
    z-index: 2;

    margin-top: 25px;

    padding-top: 18px;

    border-top:
        1px solid rgba(65, 41, 75, 0.13);

    display: flex;

    justify-content: space-between;

    color: #654D6E;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1px;
}

.card-featured .card-bottom,
.card-dark .card-bottom {
    border-color:
        rgba(255, 255, 255, 0.12);
}


/* =========================================================
   SECTION FOOTER
========================================================= */

.learn-footer {
    position: relative;
    z-index: 2;

    max-width: 1450px;

    margin: 65px auto 0;

    padding-top: 40px;

    border-top:
        1px solid rgba(255, 255, 255, 0.12);

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 40px;
}

.learn-footer-text span {
    color: #A987BA;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.4px;
}

.learn-footer-text p {
    max-width: 510px;

    margin-top: 8px;

    color: #C8BCCB;

    font-size: 13px;

    line-height: 1.6;
}

.learn-footer-button {
    min-width: 245px;

    min-height: 54px;

    padding: 0 22px;

    border-radius: 999px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    color: #3B2943;

    background: #D5BFE0;

    font-size: 10px;

    font-weight: 800;

    transition: .25s ease;
}

.learn-footer-button:hover {
    background: white;

    transform:
        translateY(-3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .learn-intro {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .learn-heading {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .learning-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .learn-section {
        padding:
            85px 5% 80px;
    }

    .learn-intro {
        margin-bottom: 45px;
    }

    .learn-heading h2 {
        font-size: 47px;

        letter-spacing: -3px;
    }

    .learn-heading p {
        font-size: 14px;
    }

    .learning-grid {
        grid-template-columns: 1fr;
    }

    .learning-card {
        min-height: 400px;
    }

    .learn-footer {
        flex-direction: column;

        align-items: stretch;
    }

    .learn-footer-button {
        width: 100%;
    }
}

/* =========================================================
   SECTION 03 — AI POWER ACADEMY NASIL ÇALIŞIR?
========================================================= */

.system-section {
    position: relative;
    overflow: hidden;
    padding: 120px 6% 115px;
    color: #261b2b;

    background:
        radial-gradient(circle at 12% 22%,
            rgba(139, 98, 162, 0.18),
            transparent 30%),
        radial-gradient(circle at 88% 72%,
            rgba(101, 71, 119, 0.13),
            transparent 32%),
        linear-gradient(135deg,
            #ede3f2 0%,
            #e2d2ea 50%,
            #d7c1e2 100%);
}


/* =========================================================
   ARKA PLAN IŞIKLARI
========================================================= */

.system-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(100px);
}

.system-orb-one {
    width: 400px;
    height: 400px;
    top: -180px;
    right: -100px;
    background: rgba(139, 98, 162, 0.22);
}

.system-orb-two {
    width: 350px;
    height: 350px;
    bottom: 10%;
    left: -160px;
    background: rgba(175, 143, 194, 0.20);
}


/* =========================================================
   BAŞLIK ALANI
========================================================= */

.system-header {
    position: relative;
    z-index: 2;

    max-width: 1450px;
    margin: 0 auto 70px;

    display: grid;
    grid-template-columns: 0.35fr 1.65fr;
    gap: 60px;
}

.system-kicker {
    color: #654777;
}

.system-title-wrap {
    display: grid;
    grid-template-columns: 1.1fr 0.65fr;
    align-items: end;
    gap: 70px;
}

.system-title-wrap h2 {
    margin: 0;

    font-family: "Manrope", Arial, sans-serif;
    font-size: clamp(52px, 5.4vw, 86px);
    line-height: 0.96;
    letter-spacing: -5px;
    font-weight: 800;

    color: #261b2b;
}

.system-title-wrap h2 span {
    display: block;
    color: #75508a;
}

.system-title-wrap p {
    max-width: 430px;
    margin: 0;
    padding-bottom: 7px;

    color: #66596b;

    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   4 ADIM
========================================================= */

.system-steps {
    position: relative;
    z-index: 2;

    max-width: 1450px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
}


/* =========================================================
   ADIM KARTLARI
========================================================= */

.system-step {
    position: relative;

    min-height: 390px;
    padding: 25px;

    border-radius: 24px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: rgba(241, 232, 246, 0.68);

    border: 1px solid rgba(101, 71, 119, 0.14);

    box-shadow:
        0 22px 55px rgba(61, 42, 71, 0.09);

    backdrop-filter: blur(12px);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.system-step:hover {
    transform: translateY(-8px);

    background: rgba(247, 240, 250, 0.90);

    box-shadow:
        0 35px 70px rgba(61, 42, 71, 0.16);
}


/* SON KART */

.step-highlight {
    color: white;

    background:
        linear-gradient(145deg,
            #76518a,
            #4a3455);

    border-color: rgba(255, 255, 255, 0.12);
}

.step-highlight:hover {
    background:
        linear-gradient(145deg,
            #825a97,
            #51385d);
}


/* =========================================================
   KART ÜSTÜ
========================================================= */

.step-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.step-number {
    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;

    color: #72557f;
}

.step-highlight .step-number {
    color: #d7bfe2;
}

.step-mini {
    padding: 6px 9px;

    border-radius: 999px;

    background: rgba(101, 71, 119, 0.09);

    color: #654777;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.step-highlight .step-mini {
    color: #e7d8ed;
    background: rgba(255, 255, 255, 0.10);
}


/* =========================================================
   KART SEMBOLLERİ
========================================================= */

.step-symbol {
    width: 66px;
    height: 66px;

    margin-top: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #654777;

    background: rgba(255, 255, 255, 0.34);

    border: 1px solid rgba(101, 71, 119, 0.10);

    font-size: 25px;
}

.step-highlight .step-symbol {
    color: white;

    background: rgba(255, 255, 255, 0.10);

    border-color: rgba(255, 255, 255, 0.10);
}


/* =========================================================
   KART YAZILARI
========================================================= */

.step-content {
    margin-top: auto;
}

.step-content h3 {
    margin: 0;

    font-family: "Manrope", Arial, sans-serif;

    font-size: 27px;
    line-height: 1.05;
    letter-spacing: -1.5px;
    font-weight: 800;
}

.step-content p {
    margin: 14px 0 0;

    max-width: 280px;

    color: #6c5e71;

    font-size: 12px;
    line-height: 1.65;
}

.step-highlight .step-content p {
    color: #d1c0d6;
}


/* =========================================================
   %80 KOMİSYON BÖLÜMÜ
========================================================= */

.commission-panel {
    position: relative;
    z-index: 2;

    max-width: 1450px;
    min-height: 530px;

    margin: 85px auto 0;
    padding: 65px;

    border-radius: 34px;

    display: grid;
    grid-template-columns: 1fr 0.82fr;
    gap: 60px;

    overflow: hidden;

    color: white;

    background:
        radial-gradient(circle at 82% 38%,
            rgba(202, 170, 216, 0.25),
            transparent 34%),
        linear-gradient(125deg,
            #281d2e 0%,
            #3f2c49 48%,
            #60426f 100%);

    box-shadow:
        0 40px 90px rgba(43, 26, 50, 0.22);
}


/* DEV AI POWER ACADEMY YAZISI */

.commission-panel::after {
    content: "AI POWER ACADEMY";

    position: absolute;

    right: -30px;
    bottom: -55px;

    font-family: "Manrope", Arial, sans-serif;

    font-size: 190px;
    font-weight: 800;
    letter-spacing: -12px;

    color: rgba(255, 255, 255, 0.025);

    pointer-events: none;
}


/* =========================================================
   KOMİSYON SOL TARAF
========================================================= */

.commission-left {
    position: relative;
    z-index: 3;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.commission-badge {
    width: fit-content;

    padding: 8px 12px;

    border-radius: 999px;

    color: #d7bfe2;

    background: rgba(255, 255, 255, 0.07);

    border: 1px solid rgba(255, 255, 255, 0.09);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.commission-left h3 {
    max-width: 650px;

    margin: 25px 0 0;

    font-family: "Manrope", Arial, sans-serif;

    font-size: clamp(42px, 4.4vw, 69px);
    line-height: 0.98;
    letter-spacing: -4px;
    font-weight: 800;
}

.commission-left h3 span {
    display: block;
    color: #cbaed8;
}

.commission-left p {
    max-width: 580px;

    margin: 25px 0 0;

    color: #c8bbcd;

    font-size: 14px;
    line-height: 1.75;
}

.commission-left p strong {
    color: white;
}


/* KOMİSYON BUTONU */

.commission-button {
    width: fit-content;
    min-width: 190px;
    min-height: 52px;

    margin-top: 30px;
    padding: 0 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 35px;

    border-radius: 999px;

    background: #d3bbde;

    color: #3d2a47;

    text-decoration: none;

    font-size: 10px;
    font-weight: 800;

    transition:
        transform 0.25s ease,
        background 0.25s ease;
}

.commission-button:hover {
    background: white;
    transform: translateY(-3px);
}


/* =========================================================
   KOMİSYON SAĞ TARAF
========================================================= */

.commission-right {
    position: relative;
    z-index: 3;

    min-height: 390px;
    padding: 40px;

    border-radius: 27px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background: rgba(255, 255, 255, 0.055);

    border: 1px solid rgba(255, 255, 255, 0.10);

    backdrop-filter: blur(20px);
}

.commission-big-number {
    display: flex;
    align-items: flex-start;

    font-family: "Manrope", Arial, sans-serif;

    font-size: 145px;
    line-height: 0.8;
    letter-spacing: -10px;
    font-weight: 800;

    color: #e3cee9;
}

.commission-big-number span {
    margin-right: 7px;

    font-size: 38px;
    line-height: 1;
}

.commission-caption {
    margin-top: 34px;
}

.commission-caption strong {
    font-size: 11px;
    letter-spacing: 1.4px;
}

.commission-caption p {
    max-width: 300px;

    margin: 8px 0 0;

    color: #bfafc5;

    font-size: 11px;
    line-height: 1.55;
}

.commission-line {
    width: 100%;
    height: 1px;

    margin: 30px 0 18px;

    background: rgba(255, 255, 255, 0.10);
}

.commission-note {
    display: flex;
    justify-content: space-between;
    gap: 20px;

    color: #a995af;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}


/* =========================================================
   DESTEK BÖLÜMÜ
========================================================= */

.support-strip {
    position: relative;
    z-index: 2;

    max-width: 1450px;

    margin: 85px auto 0;
    padding-top: 55px;

    border-top: 1px solid rgba(61, 42, 71, 0.15);

    display: grid;
    grid-template-columns: 0.65fr 1.35fr;

    gap: 70px;
}

.support-intro span {
    color: #775685;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.support-intro h3 {
    max-width: 390px;

    margin: 12px 0 0;

    font-family: "Manrope", Arial, sans-serif;

    font-size: 34px;
    line-height: 1.05;
    letter-spacing: -2px;
}


/* =========================================================
   DESTEK KARTLARI
========================================================= */

.support-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.support-item {
    min-height: 115px;

    padding: 20px;

    display: flex;
    align-items: center;

    gap: 16px;

    border-radius: 20px;

    background: rgba(244, 236, 248, 0.60);

    border: 1px solid rgba(101, 71, 119, 0.12);

    transition:
        transform 0.25s ease,
        background 0.25s ease;
}

.support-item:hover {
    transform: translateY(-4px);

    background: rgba(250, 245, 252, 0.85);
}

.support-icon {
    width: 45px;
    height: 45px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    color: #654777;

    background: rgba(101, 71, 119, 0.09);

    font-size: 17px;
}

.support-item strong {
    font-family: "Manrope", Arial, sans-serif;

    font-size: 13px;

    color: #33253a;
}

.support-item p {
    margin: 5px 0 0;

    color: #716475;

    font-size: 10px;
    line-height: 1.45;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .system-header {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .system-title-wrap {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .system-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .commission-panel {
        grid-template-columns: 1fr;
    }

    .support-strip {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   TELEFON
========================================================= */

@media (max-width: 650px) {

    .system-section {
        padding: 85px 5% 80px;
    }

    .system-header {
        margin-bottom: 45px;
    }

    .system-title-wrap h2 {
        font-size: 47px;
        letter-spacing: -3px;
    }

    .system-title-wrap p {
        font-size: 14px;
    }

    .system-steps {
        grid-template-columns: 1fr;
    }

    .system-step {
        min-height: 350px;
    }

    .commission-panel {
        min-height: auto;

        padding: 35px 25px;
        margin-top: 60px;

        border-radius: 27px;
    }

    .commission-left h3 {
        font-size: 43px;
        letter-spacing: -3px;
    }

    .commission-right {
        min-height: 310px;
        padding: 28px;
    }

    .commission-big-number {
        font-size: 105px;
    }

    .commission-note {
        flex-direction: column;
        gap: 6px;
    }

    .support-items {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   SECTION 04 — AI POWER ACADEMY EĞİTİM EKOSİSTEMİ
========================================================= */

.AI POWER ACADEMY-programs {
    position: relative;
    overflow: hidden;

    padding: 130px 0 120px;

    background:
        radial-gradient(circle at 15% 15%,
            rgba(139, 98, 162, 0.25),
            transparent 34%),
        radial-gradient(circle at 90% 70%,
            rgba(101, 71, 119, 0.20),
            transparent 34%),
        linear-gradient(135deg,
            #ede3f2 0%,
            #dfcbea 48%,
            #cdb2dd 100%);
}

.programs-container {
    position: relative;
    z-index: 2;

    width: min(1420px, 90%);
    margin: 0 auto;
}


/* =========================================================
   ÜST BAŞLIK
========================================================= */

.programs-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 80px;

    margin-bottom: 70px;
}

.section-mini {
    display: inline-flex;
    align-items: center;

    padding: 10px 17px;

    border-radius: 100px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;

    color: #654777;

    background: rgba(255, 255, 255, 0.35);

    border:
        1px solid rgba(101, 71, 119, 0.16);

    backdrop-filter: blur(15px);
}

.programs-top h2 {
    margin: 24px 0 0;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size:
        clamp(52px, 6vw, 92px);

    line-height: 0.91;

    letter-spacing: -5px;

    font-weight: 800;

    color: #201622;
}

.programs-top h2 span {
    color: #75508a;
}

.programs-intro {
    max-width: 470px;

    margin: 0 0 8px;

    font-size: 17px;
    line-height: 1.8;

    color: #655a6c;
}


/* =========================================================
   GRID
========================================================= */

.program-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 18px;
}


/* =========================================================
   EĞİTİM KARTLARI
========================================================= */

.program-card {
    position: relative;

    min-height: 440px;

    padding: 30px;

    border-radius: 30px;

    overflow: hidden;

    background:
        linear-gradient(145deg,
            rgba(245, 237, 248, 0.82),
            rgba(219, 199, 229, 0.72));

    border:
        1px solid rgba(255, 255, 255, 0.55);

    box-shadow:
        0 20px 60px rgba(63, 42, 71, 0.10);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.program-card:hover {
    transform: translateY(-8px);

    border-color:
        rgba(101, 71, 119, 0.28);

    box-shadow:
        0 32px 80px rgba(63, 42, 71, 0.18);
}


/* =========================================================
   BÜYÜK AI KARTI
========================================================= */

.featured-program {
    grid-column: span 2;

    color: white;

    background:
        radial-gradient(circle at 80% 15%,
            rgba(203, 174, 216, 0.35),
            transparent 35%),
        linear-gradient(145deg,
            #76518a,
            #4a3455);
}

.featured-program::after {
    content: "AI";

    position: absolute;

    right: -15px;
    bottom: -55px;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size: 220px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: -18px;

    color:
        rgba(255, 255, 255, 0.045);

    pointer-events: none;
}


/* =========================================================
   KOYU KART
========================================================= */

.program-dark {
    color: white;

    background:
        radial-gradient(circle at 80% 20%,
            rgba(139, 98, 162, 0.32),
            transparent 38%),
        linear-gradient(145deg,
            #2a1e30,
            #17101b);
}


/* =========================================================
   NUMARALAR
========================================================= */

.program-number {
    position: absolute;

    top: 28px;
    right: 30px;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 1.5px;

    color:
        rgba(44, 22, 54, 0.35);
}

.featured-program .program-number,
.program-dark .program-number {
    color:
        rgba(255, 255, 255, 0.45);
}


/* =========================================================
   İKONLAR
========================================================= */

.program-icon {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    font-size: 23px;

    color: #654777;

    background:
        rgba(255, 255, 255, 0.48);

    border:
        1px solid rgba(255, 255, 255, 0.65);

    box-shadow:
        0 10px 30px rgba(71, 42, 82, 0.08);
}

.featured-program .program-icon,
.program-dark .program-icon {
    color: white;

    background:
        rgba(255, 255, 255, 0.10);

    border-color:
        rgba(255, 255, 255, 0.16);
}


/* =========================================================
   KART İÇERİĞİ
========================================================= */

.program-content {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 30px;

    z-index: 2;
}

.program-content>span {
    display: block;

    margin-bottom: 12px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.8px;

    color: #75508a;
}

.featured-program .program-content>span,
.program-dark .program-content>span {
    color: #d9c1e4;
}

.program-content h3 {
    margin: 0;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size: 35px;

    line-height: 1.02;

    letter-spacing: -1.5px;

    color: #261b2b;
}

.featured-program .program-content h3,
.program-dark .program-content h3 {
    color: white;
}

.program-content p {
    max-width: 500px;

    margin: 18px 0 22px;

    font-size: 14px;
    line-height: 1.65;

    color: #6b6070;
}

.featured-program .program-content p,
.program-dark .program-content p {
    color:
        rgba(255, 255, 255, 0.72);
}


/* =========================================================
   ETİKETLER
========================================================= */

.program-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

.program-tags small {
    padding: 7px 11px;

    border-radius: 100px;

    font-size: 10px;
    font-weight: 700;

    color: #654777;

    background:
        rgba(255, 255, 255, 0.42);

    border:
        1px solid rgba(101, 71, 119, 0.09);
}

.featured-program .program-tags small,
.program-dark .program-tags small {
    color: white;

    background:
        rgba(255, 255, 255, 0.09);

    border-color:
        rgba(255, 255, 255, 0.13);
}


/* =========================================================
   ALT ŞERİT
========================================================= */

.programs-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;

    margin-top: 20px;

    padding: 28px 32px;

    border-radius: 25px;

    background:
        rgba(245, 237, 248, 0.48);

    border:
        1px solid rgba(255, 255, 255, 0.50);

    backdrop-filter: blur(20px);
}

.programs-bottom-text span {
    display: block;

    margin-bottom: 6px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.6px;

    color: #75508a;
}

.programs-bottom-text strong {
    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size: 18px;

    color: #2b1d31;
}

.programs-features {
    display: flex;

    gap: 28px;

    font-size: 13px;
    font-weight: 700;

    color: #594c60;
}


/* =========================================================
   ARKA PLAN IŞIKLARI
========================================================= */

.programs-glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(80px);

    pointer-events: none;
}

.programs-glow-one {
    width: 420px;
    height: 420px;

    top: 10%;
    left: -180px;

    background:
        rgba(139, 98, 162, 0.24);
}

.programs-glow-two {
    width: 500px;
    height: 500px;

    right: -200px;
    bottom: -100px;

    background:
        rgba(101, 71, 119, 0.20);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .AI POWER ACADEMY-programs {
        padding: 90px 0;
    }

    .programs-top {
        flex-direction: column;

        align-items: flex-start;

        gap: 25px;
    }

    .program-grid {
        grid-template-columns:
            1fr 1fr;
    }

    .featured-program {
        grid-column: span 2;
    }

    .programs-bottom {
        flex-direction: column;

        align-items: flex-start;
    }
}


/* =========================================================
   TELEFON
========================================================= */

@media (max-width: 650px) {

    .programs-top h2 {
        font-size: 49px;

        letter-spacing: -3px;
    }

    .programs-intro {
        font-size: 15px;
    }

    .program-grid {
        grid-template-columns: 1fr;
    }

    .featured-program {
        grid-column: auto;
    }

    .program-card {
        min-height: 400px;
    }

    .programs-features {
        flex-direction: column;

        gap: 10px;
    }
}

/* =====================================================
   AI POWER ACADEMY — SOSYAL KANITLAR
===================================================== */

.social-proof-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0 100px;
    background:
        radial-gradient(circle at 15% 20%, rgba(117, 67, 180, 0.24), transparent 34%),
        radial-gradient(circle at 85% 70%, rgba(75, 35, 120, 0.20), transparent 35%),
        linear-gradient(135deg, #eee3f4 0%, #ded0e8 45%, #cdb9da 100%);
}

/* BAŞLIK */

.social-proof-heading {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto 65px;
    text-align: center;
}

.social-proof-label {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    margin-bottom: 22px;

    border: 1px solid rgba(83, 43, 120, 0.22);
    border-radius: 100px;

    background: rgba(255, 255, 255, 0.38);
    backdrop-filter: blur(14px);

    color: #5d2fa2;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.social-proof-heading h2 {
    margin: 0;

    color: #17111d;
    font-size: clamp(48px, 6vw, 86px);
    line-height: .96;
    letter-spacing: -4px;
    font-weight: 800;
}

.social-proof-heading h2 span {
    color: #6b2fc5;
}

.social-proof-heading p {
    max-width: 620px;
    margin: 28px auto 0;

    color: #655b6b;
    font-size: 17px;
    line-height: 1.7;
}


/* =====================================================
   KAYAN ALAN
===================================================== */

.proof-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 24px 0;
}

/* Kenarlardaki yumuşak kaybolma efekti */

.proof-slider::before,
.proof-slider::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 5;

    width: 130px;
    height: 100%;

    pointer-events: none;
}

.proof-slider::before {
    left: 0;
    background: linear-gradient(90deg,
            #e7daef 0%,
            rgba(231, 218, 239, 0) 100%);
}

.proof-slider::after {
    right: 0;
    background: linear-gradient(270deg,
            #d5c3e1 0%,
            rgba(213, 195, 225, 0) 100%);
}


/* GÖRSEL ŞERİDİ */

.proof-track {
    display: flex;
    align-items: center;
    gap: 22px;

    width: max-content;

    will-change: transform;
}


/* EKRAN GÖRÜNTÜLERİ */

.proof-track img {
    display: block;

    width: auto;
    height: 330px;

    flex-shrink: 0;

    object-fit: contain;

    border-radius: 20px;

    border: 1px solid rgba(61, 33, 82, 0.12);

    background: #ffffff;

    box-shadow:
        0 18px 45px rgba(53, 25, 75, 0.12),
        0 3px 10px rgba(53, 25, 75, 0.06);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


/* Mouse üstüne geldiğinde */

.proof-track img:hover {
    transform: translateY(-7px) scale(1.015);

    box-shadow:
        0 25px 60px rgba(53, 25, 75, 0.20),
        0 5px 15px rgba(53, 25, 75, 0.08);
}


/* =====================================================
   1. SIRA — SOLA
===================================================== */

.proof-slider-left .proof-track {
    animation: proofScrollLeft 80s linear infinite;
}

@keyframes proofScrollLeft {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 11px));
    }
}


/* =====================================================
   2. SIRA — SAĞA
===================================================== */

.proof-slider-right .proof-track {
    animation: proofScrollRight 85s linear infinite;

    transform: translateX(calc(-50% - 11px));
}

@keyframes proofScrollRight {
    from {
        transform: translateX(calc(-50% - 11px));
    }

    to {
        transform: translateX(0);
    }
}


/* Mouse gelince hareketi durdur */

.proof-slider:hover .proof-track {
    animation-play-state: paused;
}


/* =====================================================
   ALT BİLGİ
===================================================== */

.social-proof-bottom {
    width: min(1180px, calc(100% - 48px));

    margin: 58px auto 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;

    padding-top: 28px;

    border-top: 1px solid rgba(60, 31, 80, 0.13);
}

.social-proof-bottom span {
    color: #54228e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.social-proof-bottom p {
    max-width: 520px;
    margin: 0;

    text-align: right;

    color: #756b7a;
    font-size: 12px;
    line-height: 1.6;
}


/* =====================================================
   TELEFON
===================================================== */

@media (max-width: 768px) {

    .social-proof-section {
        padding: 80px 0 70px;
    }

    .social-proof-heading {
        width: calc(100% - 32px);
        margin-bottom: 45px;
    }

    .social-proof-heading h2 {
        font-size: 48px;
        letter-spacing: -2.5px;
    }

    .social-proof-heading p {
        font-size: 15px;
    }

    .proof-track {
        gap: 14px;
    }

    .proof-track img {
        height: 235px;
        border-radius: 15px;
    }

    .proof-slider {
        margin: 15px 0;
    }

    .proof-slider::before,
    .proof-slider::after {
        width: 40px;
    }

    .social-proof-bottom {
        width: calc(100% - 32px);

        flex-direction: column;
        align-items: flex-start;

        margin-top: 45px;
    }

    .social-proof-bottom p {
        text-align: left;
    }
}


/* Hareket azaltma tercihi olan kullanıcılar */

@media (prefers-reduced-motion: reduce) {

    .proof-track {
        animation-play-state: paused !important;
    }
}

/* =========================================
   AI POWER ACADEMY — FAQ / SIK SORULAN SORULAR
========================================= */

.faq-section {
    position: relative;
    overflow: hidden;
    padding: 120px 6%;
    background:
        radial-gradient(circle at 10% 15%, rgba(164, 116, 255, 0.22), transparent 32%),
        radial-gradient(circle at 90% 80%, rgba(118, 69, 170, 0.22), transparent 35%),
        linear-gradient(135deg, #21152d 0%, #301d40 48%, #1b1225 100%);
    color: #ffffff;
}

.faq-section::before {
    content: "FAQ";
    position: absolute;
    top: -60px;
    right: -20px;
    font-size: clamp(180px, 25vw, 420px);
    font-weight: 900;
    letter-spacing: -25px;
    color: rgba(255, 255, 255, 0.025);
    pointer-events: none;
}

.faq-container {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
}


/* BAŞLIK */

.faq-header {
    width: 100%;
    max-width: 1050px;
    margin-bottom: 70px;
}

.faq-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 10px 17px;
    margin-bottom: 25px;

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.07);

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;

    color: #d9bfff;
}

.faq-header h2 {
    margin: 0 0 25px;
    font-size: clamp(52px, 6vw, 92px);
    line-height: 0.92;
    letter-spacing: -5px;
    font-weight: 800;
}

.faq-header h2 span {
    color: #b67aff;
}

.faq-header p {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 17px;
    line-height: 1.7;
}


/* FAQ LİSTESİ */

.faq-list {
    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.faq-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    transition: all 0.3s ease;
}

.faq-item:hover {
    background: rgba(255, 255, 255, 0.035);
}

.faq-item summary {
    display: grid;
    grid-template-columns: 40px 1fr 36px;
    gap: 14px;
    padding: 14px 18px;

    cursor: pointer;
    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-number {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #b67aff;
}

.faq-question {
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 650;
    letter-spacing: -0.7px;
    color: #ffffff;
}

.faq-plus {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.17);

    font-size: 24px;
    font-weight: 300;

    color: #ffffff;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        color 0.35s ease;
}

.faq-item[open] .faq-plus {
    transform: rotate(45deg);
    background: #b67aff;
    color: #1c1126;
}

.faq-answer {
    padding:
        0 90px 35px 110px;
}

.faq-answer p {
    max-width: 820px;
    margin: 0;

    font-size: 16px;
    line-height: 1.8;

    color: rgba(255, 255, 255, 0.66);
}


/* ALT CTA */

.faq-footer {
    margin-top: 80px;
    padding: 45px 50px;

    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;

    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.14);

    background:
        linear-gradient(135deg,
            rgba(255, 255, 255, 0.10),
            rgba(255, 255, 255, 0.035));

    backdrop-filter: blur(20px);
}

.faq-footer>div>span {
    display: block;
    margin-bottom: 15px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;

    color: #cfa7ff;
}

.faq-footer h3 {
    margin: 0;

    font-size: clamp(28px, 3vw, 45px);
    line-height: 1.05;
    letter-spacing: -2px;
}

.faq-cta {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;

    padding: 19px 24px 19px 27px;

    border-radius: 999px;

    background: #ffffff;
    color: #21152d;

    text-decoration: none;

    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.faq-cta span {
    font-size: 20px;
}

.faq-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.22);
}


/* TELEFON */

@media (max-width: 768px) {

    .faq-section {
        padding: 80px 22px;
    }

    .faq-header {
        margin-bottom: 45px;
    }

    .faq-header h2 {
        letter-spacing: -3px;
    }

    .faq-item summary {
        grid-template-columns: 35px 1fr 40px;
        gap: 10px;
        padding: 25px 5px;
    }

    .faq-question {
        font-size: 18px;
        line-height: 1.25;
    }

    .faq-plus {
        width: 36px;
        height: 36px;
        font-size: 21px;
    }

    .faq-answer {
        padding: 0 45px 28px 45px;
    }

    .faq-answer p {
        font-size: 14px;
    }

    .faq-footer {
        margin-top: 55px;
        padding: 30px;
        border-radius: 24px;

        flex-direction: column;
        align-items: flex-start;
    }

    .faq-cta {
        width: 100%;
        justify-content: space-between;
    }
}

/* =====================================================
   AI POWER ACADEMY — FINAL CTA
===================================================== */

.final-cta {
    position: relative;
    overflow: hidden;

    min-height: 760px;

    padding: 125px 6% 115px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    background:
        radial-gradient(circle at 50% 10%,
            rgba(128, 74, 160, 0.25),
            transparent 35%),
        radial-gradient(circle at 10% 80%,
            rgba(173, 134, 194, 0.20),
            transparent 30%),
        linear-gradient(135deg,
            #eee4f3 0%,
            #dfcce9 48%,
            #cbb2da 100%);

    color: #211527;
}


/* IŞIKLAR */

.final-glow {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(100px);
}

.final-glow-one {
    width: 450px;
    height: 450px;

    left: -180px;
    top: -100px;

    background:
        rgba(123, 74, 153, 0.22);
}

.final-glow-two {
    width: 550px;
    height: 550px;

    right: -220px;
    bottom: -200px;

    background:
        rgba(96, 56, 119, 0.20);
}


/* İÇERİK */

.final-cta-inner {
    position: relative;
    z-index: 2;

    width: min(1100px, 100%);

    margin: auto;
}


/* BADGE */

.final-badge {
    width: fit-content;

    margin: 0 auto 30px;

    padding: 10px 16px;

    display: flex;
    align-items: center;

    gap: 9px;

    border-radius: 999px;

    color: #654777;

    background:
        rgba(255, 255, 255, 0.40);

    border:
        1px solid rgba(101, 71, 119, 0.16);

    backdrop-filter: blur(15px);

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.final-badge-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #79528d;

    box-shadow:
        0 0 0 5px rgba(121, 82, 141, 0.10);
}


/* DEV BAŞLIK */

.final-cta h2 {
    margin: 0;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size:
        clamp(65px, 8vw, 125px);

    line-height: 0.87;

    letter-spacing: -7px;

    font-weight: 800;

    color: #201524;
}

.final-cta h2 span {
    display: block;

    color: #75508a;
}


/* AÇIKLAMA */

.final-lead {
    max-width: 650px;

    margin:
        35px auto 0;

    color: #64576a;

    font-size: 17px;

    line-height: 1.75;
}


/* BUTONLAR */

.final-actions {
    margin-top: 38px;

    display: flex;

    justify-content: center;

    gap: 12px;
}

.final-primary,
.final-secondary {
    min-height: 58px;

    padding: 0 24px;

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 35px;

    border-radius: 999px;

    text-decoration: none;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 0.5px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


/* ANA BUTON */

.final-primary {
    min-width: 215px;

    color: white;

    background:
        linear-gradient(135deg,
            #76518a,
            #4a3455);

    box-shadow:
        0 18px 40px rgba(69, 43, 80, 0.22);
}

.final-primary:hover {
    transform:
        translateY(-4px);

    box-shadow:
        0 25px 50px rgba(69, 43, 80, 0.30);
}


/* İKİNCİ BUTON */

.final-secondary {
    min-width: 205px;

    color: #493452;

    background:
        rgba(255, 255, 255, 0.42);

    border:
        1px solid rgba(73, 52, 82, 0.14);
}

.final-secondary:hover {
    background: white;

    transform:
        translateY(-4px);
}


/* =====================================================
   SAYISAL GÜVEN ALANI
===================================================== */

.final-trust {
    max-width: 1000px;

    margin:
        75px auto 0;

    padding-top: 38px;

    border-top:
        1px solid rgba(62, 42, 70, 0.14);

    display: grid;

    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;

    align-items: center;
}

.final-trust-item {
    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 8px;
}

.final-trust-item strong {
    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size: 34px;

    letter-spacing: -2px;

    color: #422f4b;
}

.final-trust-item span {
    color: #76677c;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.2px;
}

.final-trust-line {
    width: 1px;

    height: 42px;

    background:
        rgba(62, 42, 70, 0.13);
}


/* =====================================================
   AI POWER ACADEMY FOOTER
===================================================== */

.AI POWER ACADEMY-footer {
    position: relative;

    overflow: hidden;

    padding:
        90px 6% 35px;

    color: white;

    background:
        linear-gradient(145deg,
            #171019 0%,
            #24182a 50%,
            #301f38 100%);
}

.footer-inner {
    position: relative;

    z-index: 3;

    max-width: 1450px;

    margin: auto;
}


/* ANA FOOTER */

.footer-main {
    display: grid;

    grid-template-columns:
        1.5fr .7fr .7fr .7fr;

    gap: 70px;
}


/* LOGO */

.footer-logo {
    display: inline-block;

    color: white;

    text-decoration: none;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size: 38px;

    line-height: 1;

    letter-spacing: -2.5px;

    font-weight: 900;
}

.footer-logo span {
    color: #b88acb;
}

.footer-brand p {
    max-width: 320px;

    margin: 22px 0 0;

    color:
        rgba(255, 255, 255, 0.52);

    font-size: 13px;

    line-height: 1.7;
}


/* FOOTER SÜTUNLARI */

.footer-column {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 13px;
}

.footer-title {
    margin-bottom: 8px;

    color: #b991c9;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.6px;
}

.footer-column a {
    color:
        rgba(255, 255, 255, 0.67);

    text-decoration: none;

    font-size: 12px;

    transition:
        color .2s ease,
        transform .2s ease;
}

.footer-column a:hover {
    color: white;

    transform:
        translateX(3px);
}

.footer-contact {
    width: 100%;

    display: flex;

    justify-content: space-between;

    gap: 15px;
}


/* AYRAÇ */

.footer-divider {
    width: 100%;

    height: 1px;

    margin:
        70px 0 25px;

    background:
        rgba(255, 255, 255, 0.09);
}


/* ALT FOOTER */

.footer-bottom {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 25px;

    color:
        rgba(255, 255, 255, 0.35);

    font-size: 9px;

    letter-spacing: .7px;
}

.footer-legal {
    display: flex;

    gap: 25px;
}

.footer-legal a {
    color:
        rgba(255, 255, 255, 0.38);

    text-decoration: none;
}

.footer-legal a:hover {
    color: white;
}

.footer-signature {
    color:
        rgba(190, 151, 206, 0.58);

    font-weight: 800;

    letter-spacing: 1.4px;
}


/* DEV ARKA PLAN AI POWER ACADEMY */

.footer-giant {
    position: relative;

    z-index: 1;

    width: 100%;

    margin:
        45px auto -80px;

    text-align: center;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size:
        clamp(150px, 25vw, 400px);

    line-height: .75;

    font-weight: 900;

    letter-spacing: -20px;

    color:
        rgba(255, 255, 255, 0.025);

    user-select: none;

    pointer-events: none;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 950px) {

    .footer-main {
        grid-template-columns:
            1fr 1fr;

        gap: 50px;
    }

    .final-trust {
        grid-template-columns:
            1fr 1fr;

        gap: 30px;
    }

    .final-trust-line {
        display: none;
    }
}


/* =====================================================
   TELEFON
===================================================== */

@media (max-width: 650px) {

    .final-cta {
        min-height: auto;

        padding:
            90px 5% 80px;
    }

    .final-cta h2 {
        font-size: 58px;

        letter-spacing: -4px;
    }

    .final-lead {
        font-size: 15px;
    }

    .final-actions {
        flex-direction: column;
    }

    .final-primary,
    .final-secondary {
        width: 100%;
    }

    .final-trust {
        margin-top: 55px;

        grid-template-columns:
            1fr 1fr;

        gap: 35px 20px;
    }

    .footer-main {
        grid-template-columns: 1fr;

        gap: 40px;
    }

    .footer-bottom {
        flex-direction: column;

        align-items: flex-start;
    }

    .footer-giant {
        margin-bottom: -40px;

        font-size: 130px;

        letter-spacing: -10px;
    }
}

/* AI POWER ACADEMY — DEV FOOTER YAZISI */

.footer-giant {
    font-size: clamp(75px, 13vw, 220px);
    letter-spacing: -10px;
    white-space: nowrap;
    line-height: .78;
}

@media (max-width: 768px) {
    .footer-giant {
        font-size: clamp(48px, 12vw, 90px);
        letter-spacing: -4px;
    }
}

/* =========================
   FOOTER HEIGHT FIX
========================= */

.footer,
.site-footer {
    min-height: auto !important;
    height: auto !important;
}

.footer-container,
.footer-inner {
    min-height: auto !important;
    height: auto !important;
}

footer {
    min-height: auto !important;
    height: auto !important;
    padding-top: 55px !important;
    padding-bottom: 28px !important;
}

/* FOOTER GERÇEK RENGİNE DÖNSÜN */

.power-footer {
    background:
        linear-gradient(145deg,
            #171019 0%,
            #24182a 50%,
            #301f38 100%) !important;

    color: #ffffff !important;
}

.power-footer,
.power-footer * {
    color: inherit;
}

.footer-title {
    color: #b991c9 !important;
}

.footer-brand p,
.footer-column a,
.footer-bottom,
.footer-legal a {
    color: rgba(255, 255, 255, 0.65) !important;
}

.footer-signature {
    color: rgba(190, 151, 206, 0.75) !important;
}

/* DEV POWER YAZISINI KALDIR */
.footer-giant-text,
.footer-big-text,
.footer-bg-text {
    display: none !important;
}

/* FOOTER ALTINDAKİ GEREKSİZ BOŞLUĞU KALDIR */
.site-footer,
.power-footer,
footer {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 35px !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
}

.footer-giant {
    display: none !important;
}

.power-footer {
    margin-bottom: 0 !important;
    padding-bottom: 35px !important;
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
}

/* 01 — AI GÖRSEL & İÇERİK ÜRETİMİ */

.featured-program {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.featured-program::after {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    right: -55px;
    bottom: -65px;

    background:
        radial-gradient(circle,
            rgba(139, 98, 162, 0.22) 0%,
            rgba(175, 143, 195, 0.12) 45%,
            transparent 72%);

    border-radius: 50%;
    filter: blur(4px);

    pointer-events: none;
    z-index: -1;
}

/* =========================================
   FAQ — DAHA KOMPAKT VE ORTALANMIŞ
========================================= */

.faq-section {
    padding: 90px 0 !important;
}

.faq-container {
    width: min(1100px, 90%) !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* Üst başlık alanı */
.faq-header {
    max-width: 900px !important;
    margin: 0 auto 55px !important;
}

/* Büyük başlığı küçült */
.faq-header h2 {
    font-size: clamp(48px, 5vw, 76px) !important;
    line-height: 0.98 !important;
    letter-spacing: -3px !important;
}

/* Açıklama */
.faq-header p {
    max-width: 650px !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* Soruların bulunduğu alan */
.faq-list {
    width: 100% !important;
    max-width: 940px !important;
    margin: 0 auto !important;
}

/* Her soru */
.faq-item {
    padding: 0 !important;
}

/* Soru satırı */
.faq-question {
    min-height: 92px !important;
    padding: 25px 30px !important;
}

/* Soru yazıları */
.faq-question h3,
.faq-question span,
.faq-question {
    font-size: 20px !important;
}

/* Açılan cevap */
.faq-answer {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* Mobil */
@media (max-width: 768px) {
    .faq-section {
        padding: 65px 0 !important;
    }

    .faq-container {
        width: 90% !important;
    }

    .faq-header h2 {
        font-size: 46px !important;
        letter-spacing: -2px !important;
    }

    .faq-question {
        min-height: 76px !important;
        padding: 20px !important;
    }

    .faq-question h3,
    .faq-question span,
    .faq-question {
        font-size: 17px !important;
    }
}

/* =========================================
   FAQ — KÜÇÜK / ORTALI / SADE
========================================= */

.faq-section {
    padding: 70px 20px !important;
}

/* TÜM FAQ ALANINI ORTALA */
.faq-container {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* BAŞLIK ALANI */
.faq-header {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto 40px !important;
    text-align: left !important;
}

/* "MERAK ETTİKLERİN" */
.faq-header>span {
    font-size: 11px !important;
    letter-spacing: 2px !important;
}

/* AKLINDA SORU KALMASIN */
.faq-header h2 {
    font-size: 52px !important;
    line-height: 1.02 !important;
    letter-spacing: -2px !important;
    margin: 20px 0 !important;
}

/* AÇIKLAMA */
.faq-header p {
    max-width: 600px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* SORULARIN TAMAMI */
.faq-list {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* HER BİR KUTU */
.faq-item {
    width: 100% !important;
    margin: 0 0 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* SORU SATIRI */
.faq-question {
    width: 100% !important;
    min-height: 68px !important;
    padding: 18px 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

/* SORU YAZISI */
.faq-question,
.faq-question h3,
.faq-question span {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

/* NUMARALAR */
.faq-number {
    font-size: 11px !important;
    min-width: 35px !important;
}

/* + / X BUTONU */
.faq-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    font-size: 17px !important;
}

/* AÇILAN CEVAP */
.faq-answer {
    padding: 0 22px 20px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

/* TELEFON */
@media (max-width: 768px) {

    .faq-section {
        padding: 55px 16px !important;
    }

    .faq-container {
        max-width: 100% !important;
    }

    .faq-header h2 {
        font-size: 40px !important;
        letter-spacing: -1.5px !important;
    }

    .faq-question {
        min-height: 62px !important;
        padding: 16px 18px !important;
    }

    .faq-question,
    .faq-question h3,
    .faq-question span {
        font-size: 15px !important;
    }

    .faq-toggle {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }
}

/* =========================================
   FAQ DÜZELTME — TAM ORTA + KOMPAKT
========================================= */

.faq-section {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 70px 24px !important;
    margin: 0 !important;
}

/* FAQ'ın ana içeriği */
.faq-section>div,
.faq-container {
    width: 100% !important;
    max-width: 1100px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;
}

/* ÜST BAŞLIK */
.faq-header {
    width: 100% !important;
    max-width: 900px !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 45px !important;

    transform: none !important;
}

/* ANA BAŞLIK */
.faq-header h2 {
    font-size: clamp(42px, 4.5vw, 68px) !important;
    line-height: 1 !important;
    letter-spacing: -2px !important;
    margin: 18px 0 22px !important;
}

/* AÇIKLAMA */
.faq-header p {
    max-width: 650px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* SORULARIN BULUNDUĞU ALAN */
.faq-list {
    width: 100% !important;
    max-width: 900px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;

    transform: none !important;
}

/* HER SORU KUTUSU */
.faq-item {
    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto 12px !important;

    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 15px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    transform: none !important;
}

/* SORU SATIRI */
.faq-question {
    width: 100% !important;
    min-height: 70px !important;

    padding: 18px 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;
}

/* SORU METNİ */
.faq-question h3 {
    font-size: 17px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

/* + VE X */
.faq-toggle {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 18px !important;
}

/* AÇILAN CEVAP */
.faq-answer {
    max-width: 760px !important;
    padding: 0 22px 22px !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* TELEFON */
@media (max-width: 768px) {

    .faq-section {
        padding: 55px 18px !important;
    }

    .faq-header,
    .faq-list,
    .faq-item {
        max-width: 100% !important;
    }

    .faq-header h2 {
        font-size: 42px !important;
        letter-spacing: -1.5px !important;
    }

    .faq-question {
        min-height: 64px !important;
        padding: 16px 18px !important;
    }

    .faq-question h3 {
        font-size: 15px !important;
    }

    .faq-answer {
        font-size: 14px !important;
        padding: 0 18px 18px !important;
    }

    .faq-toggle {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }
}

/* ==========================================
   FAQ FINAL — ORTALI, KÜÇÜK, TEMİZ
========================================== */

.faq-section {
    padding: 85px 6% !important;
}

/* Ana alan ortada */
.faq-container {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* Başlığı da kutularla aynı hizada tut */
.faq-header {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto 45px !important;
}

/* Büyük başlığı küçült */
.faq-title,
.faq-header h2 {
    font-size: clamp(44px, 5vw, 68px) !important;
    line-height: 1 !important;
    letter-spacing: -2.5px !important;
    margin-bottom: 22px !important;
}

/* Başlık altındaki açıklama */
.faq-subtitle,
.faq-header p {
    max-width: 650px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

/* SORULARIN ANA ALANI */
.faq-list {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* KUTULAR */
.faq-item {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto 12px !important;

    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 16px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* SORU SATIRI */
.faq-question {
    width: 100% !important;
    min-height: 68px !important;

    padding: 17px 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;
}

/* Soru metni */
.faq-question h3,
.faq-question-text {
    font-size: 17px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

/* Numara */
.faq-number {
    font-size: 11px !important;
}

/* + ve X butonu */
.faq-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Açılan cevap */
.faq-answer {
    max-width: 760px !important;
    padding: 0 20px 20px !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
}

/* TABLET / TELEFON */
@media (max-width: 768px) {

    .faq-section {
        padding: 60px 20px !important;
    }

    .faq-container,
    .faq-header,
    .faq-list,
    .faq-item {
        width: 100% !important;
        max-width: 100% !important;
    }

    .faq-title,
    .faq-header h2 {
        font-size: 42px !important;
    }

    .faq-question {
        min-height: 62px !important;
        padding: 15px 17px !important;
    }

    .faq-question h3,
    .faq-question-text {
        font-size: 15px !important;
    }
}

/* ==========================================
   FAQ KUTULARINI KÜÇÜLT
========================================== */

.faq-list {
    max-width: 760px !important;
    margin: 0 auto !important;
}

.faq-item {
    max-width: 760px !important;
    margin: 0 auto 10px !important;
    border-radius: 14px !important;
}

.faq-question {
    min-height: 58px !important;
    padding: 13px 18px !important;
}

.faq-question h3,
.faq-question-text {
    font-size: 15px !important;
    line-height: 1.3 !important;
}

/* Numara */
.faq-number {
    font-size: 10px !important;
}

/* Sağdaki + / X */
.faq-toggle {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    min-height: 31px !important;
    font-size: 15px !important;
}

/* Açıldığında cevap da küçük kalsın */
.faq-answer {
    max-width: 650px !important;
    padding: 0 18px 16px !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
}

/* Mobil */
@media (max-width: 768px) {

    .faq-list,
    .faq-item {
        max-width: 100% !important;
    }

    .faq-question {
        min-height: 56px !important;
        padding: 13px 15px !important;
    }

    .faq-question h3,
    .faq-question-text {
        font-size: 14px !important;
    }
}

/* ==========================================
   FAQ KUTU ÖLÇÜLERİ — REFERANS GÖRSEL
========================================== */

.faq-list {
    width: 100% !important;
    max-width: 940px !important;
    margin: 0 auto !important;
}

.faq-item {
    width: 100% !important;
    max-width: 940px !important;
    margin: 0 auto 20px !important;

    border-radius: 18px !important;
    box-sizing: border-box !important;
}

/* KAPALI SORU KUTUSU */
.faq-question {
    width: 100% !important;
    height: 95px !important;
    min-height: 95px !important;

    padding: 0 30px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;
}

/* SORU YAZISI */
.faq-question h3,
.faq-question-text {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* + BUTONU */
.faq-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* AÇILDIĞINDA KUTU UZAYABİLSİN */
.faq-item.active .faq-question {
    height: auto !important;
    min-height: 95px !important;
}

/* CEVAP */
.faq-answer {
    padding: 0 30px 26px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* TELEFON */
@media (max-width: 768px) {

    .faq-list,
    .faq-item {
        max-width: 100% !important;
    }

    .faq-question {
        height: 78px !important;
        min-height: 78px !important;
        padding: 0 20px !important;
    }

    .faq-question h3,
    .faq-question-text {
        font-size: 16px !important;
    }

    .faq-answer {
        padding: 0 20px 22px !important;
    }
}

/* ==================================================
   FAQ — KOMPAKT / ORTALI FINAL TASARIM
   ================================================== */

/* FAQ ana içerik genişliği */
.faq-container {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* ÜST YAZILARIMIZ KALSIN */
.faq-header {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto 45px !important;
}

/* SORULARIN BULUNDUĞU ALAN */
.faq-list {
    width: 100% !important;
    max-width: 950px !important;
    margin: 0 auto !important;
}

/* HER BİR KUTU */
.faq-item {
    width: 100% !important;
    max-width: 950px !important;

    margin: 0 auto 14px !important;

    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 13px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* KUTUNUN İÇİ */
.faq-question {
    width: 100% !important;

    height: 78px !important;
    min-height: 78px !important;

    padding: 0 22px !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;
}

/* NUMARA */
.faq-number {
    width: 55px !important;
    min-width: 55px !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    margin: 0 !important;
}

/* SORU YAZISI */
.faq-question h3,
.faq-question-text {
    flex: 1 !important;

    margin: 0 !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

/* SAĞDAKİ + / X BUTONU */
.faq-toggle {
    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;
    min-height: 38px !important;

    margin-left: 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 18px !important;
}

/* CEVAP AÇILDIĞINDA */
.faq-answer {
    width: auto !important;
    max-width: 760px !important;

    margin-left: 77px !important;

    padding: 0 20px 22px 0 !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
}

/* Açılan kutunun soru kısmı yine ince kalsın */
.faq-item.active .faq-question {
    height: 78px !important;
    min-height: 78px !important;
}


/* =========================
   TELEFON
========================= */

@media (max-width: 768px) {

    .faq-container {
        max-width: 100% !important;
    }

    .faq-header {
        max-width: 100% !important;
        margin-bottom: 32px !important;
    }

    .faq-list,
    .faq-item {
        max-width: 100% !important;
    }

    .faq-item {
        margin-bottom: 10px !important;
        border-radius: 12px !important;
    }

    .faq-question {
        height: 68px !important;
        min-height: 68px !important;

        padding: 0 15px !important;
    }

    .faq-number {
        width: 38px !important;
        min-width: 38px !important;

        font-size: 10px !important;
    }

    .faq-question h3,
    .faq-question-text {
        font-size: 14px !important;
    }

    .faq-toggle {
        width: 32px !important;
        height: 32px !important;

        min-width: 32px !important;
        min-height: 32px !important;

        margin-left: 10px !important;
    }

    .faq-answer {
        margin-left: 53px !important;
        padding: 0 15px 18px 0 !important;

        font-size: 13px !important;
    }
}

/* ==========================================
   FAQ — SON BOYUT VE HİZALAMA DÜZELTMESİ
========================================== */

.faq-list {
    width: 100% !important;
    max-width: 950px !important;
    margin: 0 auto !important;
}

.faq-item {
    width: 100% !important;
    max-width: 950px !important;

    /* ÖNEMLİ: eski dev yüksekliği iptal et */
    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto 12px !important;
    padding: 0 !important;

    border-radius: 13px !important;
    box-sizing: border-box !important;
}

/* KAPALI KUTUNUN GERÇEK YÜKSEKLİĞİ */
.faq-question {
    width: 100% !important;

    height: 72px !important;
    min-height: 72px !important;

    padding: 0 18px 0 22px !important;
    margin: 0 !important;

    display: grid !important;

    /* numara | soru | buton */
    grid-template-columns: 48px 1fr 36px !important;

    align-items: center !important;
    column-gap: 12px !important;

    box-sizing: border-box !important;
}

/* 01 - 02 - 03 */
.faq-number {
    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-align: left !important;
}

/* SORU */
.faq-question h3,
.faq-question-text {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    text-align: left !important;
}

/* SAĞDAKİ + */
.faq-toggle {
    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    justify-self: end !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 17px !important;
}

/* AÇILAN CEVAP */
.faq-answer {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;

    /* 22 + 48 + 12 = soru yazısının başladığı yer */
    padding: 0 70px 20px 82px !important;

    font-size: 13.5px !important;
    line-height: 1.6 !important;
}

/* Açıkken soru satırı yine ince */
.faq-item.active .faq-question {
    height: 72px !important;
    min-height: 72px !important;
}


/* TELEFON */
@media (max-width: 768px) {

    .faq-list,
    .faq-item {
        max-width: 100% !important;
    }

    .faq-question {
        height: 64px !important;
        min-height: 64px !important;

        padding: 0 14px !important;

        grid-template-columns: 34px 1fr 31px !important;
        column-gap: 8px !important;
    }

    .faq-question h3,
    .faq-question-text {
        font-size: 13.5px !important;
    }

    .faq-toggle {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        min-height: 31px !important;
    }

    .faq-answer {
        padding: 0 15px 18px 56px !important;
        font-size: 13px !important;
    }
}

/* FAQ SADE BOYUT DÜZELTMESİ */

.faq-list {
    max-width: 1000px !important;
    margin: 0 auto !important;
}

.faq-item {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 14px !important;
    border-radius: 16px !important;
}

.faq-question {
    height: 82px !important;
    min-height: 82px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Yazı boyutlarına ve mevcut hizalamaya DOKUNMA */
/* =========================================
   FAQ YAZI HİZASI ACİL DÜZELTME
========================================= */

.faq-question {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: auto !important;
    min-height: 90px !important;

    padding: 20px 26px !important;
    gap: 22px !important;

    box-sizing: border-box !important;
}

/* 01 - 02 - 03 */
.faq-number {
    display: block !important;
    flex: 0 0 45px !important;

    width: 45px !important;
    min-width: 45px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* SORU YAZISI */
.faq-question h3,
.faq-question-text {
    display: block !important;

    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;

    font-size: 16px !important;
    line-height: 1.4 !important;

    text-align: left !important;
}

/* + BUTONU */
.faq-toggle {
    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    margin: 0 0 0 auto !important;
}

/* CEVAP */
.faq-answer {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 85px 22px 93px !important;

    font-size: 14px !important;
    line-height: 1.65 !important;

    white-space: normal !important;
    word-break: normal !important;
}

/* KUTU */
.faq-item {
    height: auto !important;
    min-height: 0 !important;
}

/* FAQ BAŞLIK ALANI — DAHA GENİŞ */

.faq-header h2 {
    max-width: 1000px !important;
    white-space: nowrap !important;
}

/* Açıklama da gereksiz yere dar kalmasın */
.faq-header p {
    max-width: 850px !important;
}

/* FAQ KUTULARINI KÜÇÜLT */

.faq-list {
    width: 100% !important;
    max-width: 940px !important;
    margin: 0 auto !important;
}

.faq-item {
    width: 100% !important;
    max-width: 940px !important;
    margin: 0 auto 16px auto !important;
}

/* Kapalı kutunun yüksekliğini küçült */
.faq-item summary {
    padding: 22px 26px !important;
    min-height: 82px !important;

    grid-template-columns: 55px 1fr 44px !important;
    gap: 16px !important;
}

/* Açıldığında cevap alanı */
.faq-answer {
    padding: 0 80px 26px 80px !important;
}

/* Mobil */
@media (max-width: 768px) {

    .faq-list,
    .faq-item {
        max-width: 100% !important;
    }

    .faq-item summary {
        min-height: 70px !important;
        padding: 18px 16px !important;
        grid-template-columns: 35px 1fr 40px !important;
    }

    .faq-answer {
        padding: 0 16px 22px 51px !important;
    }
}

/* FAQ KUTULARININ TAMAMINI KÜÇÜLT VE ORTALA */
/* FAQ KUTULARI - KOMPAKT BOYUT */

.faq-list {
    max-width: 900px !important;
    margin: 0 auto !important;
}

.faq-list .faq-item {
    min-height: 0 !important;
    margin-bottom: 12px !important;
}

/* KAPALI KUTU */
.faq-list .faq-item:not([open]) summary {
    min-height: 0 !important;
    height: 72px !important;
    padding: 0 22px !important;
}

/* AÇIK KUTUNUN ÜST SORU KISMI */
.faq-list .faq-item[open] summary {
    min-height: 0 !important;
    height: 72px !important;
    padding: 0 22px !important;
}

/* CEVAP ALANI */
.faq-list .faq-answer {
    padding: 4px 70px 22px 70px !important;
    margin: 0 !important;
}

/* FAQ İÇERİK HİZALAMA — BOYUTLARA DOKUNMAZ */

.faq-item summary {
    display: grid !important;
    grid-template-columns: 50px 1fr 50px !important;
    align-items: center !important;
    height: 72px !important;
    padding: 0 28px !important;
    box-sizing: border-box !important;
}

/* 01 - 02 - 03 SAYILARI */
.faq-number {
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* SORU YAZISI */
.faq-question {
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

/* + / X BUTONU */
.faq-toggle {
    align-self: center !important;
    justify-self: end !important;
    margin: 0 !important;
}

/* SADECE FAQ İÇERİĞİNİ DİKEY ORTALA */

.faq-item summary {
    position: relative !important;
}

.faq-number,
.faq-question,
.faq-toggle {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.faq-number {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.faq-question {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.faq-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* FOOTER RENGİNİ GERİ GETİR */
footer,
.footer {
    background: #1b1225 !important;
    color: #ffffff !important;
}

/* =========================================
   KOMİSYON KARTI — DOLU VE DENGELİ
========================================= */

.commission-content h3 {
    margin: 18px 0 16px;
    font-size: 30px;
    line-height: 1.05;
    letter-spacing: -1px;
}

.commission-content p {
    max-width: 440px;
    font-size: 16px;
    line-height: 1.65;
    opacity: .78;
}

.commission-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.commission-benefits span {
    display: inline-flex;
    align-items: center;

    padding: 9px 13px;

    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;

    background: rgba(255, 255, 255, .05);
}

.commission-bottom {
    margin-top: 32px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-top: 18px;

    border-top: 1px solid rgba(255, 255, 255, .13);

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;

    opacity: .55;
}

/* BAŞARI HİKAYELERİ — HAFİF KÜÇÜLT */

.success-card,
.testimonial-card {
    transform: scale(0.90);
    transform-origin: center;
}

/* SADECE 2. SIRA KARTLARI KÜÇÜLT */

.success-card:nth-child(n+3),
.testimonial-card:nth-child(n+3) {
    transform: scale(0.82);
    transform-origin: center;
}

/* =========================
   TR / EN DİL SEÇİCİ
========================= */

.language-switcher {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.lang-btn {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;

    padding: 6px 4px;
    cursor: pointer;

    font: inherit;
    opacity: .45;

    transition: opacity .2s ease;
}

.lang-btn:hover {
    opacity: .75;
}

.lang-btn.active {
    opacity: 1;
}

.language-switcher>span {
    opacity: .3;
}

/* ========== KAYAN EĞİTİM GÖRSELLERİ ========== */

.education-showcase {
    width: 100%;
    overflow: hidden;
    padding: 70px 0 90px;
}

.education-slider {
    width: 100%;
    overflow: hidden;
    margin-bottom: 18px;
}

.education-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 18px;
    width: max-content;
    align-items: center;
    will-change: transform;
}

.education-track img {
    display: block;
    width: 420px !important;
    min-width: 420px !important;
    height: 215px !important;
    object-fit: cover;
    border-radius: 16px;
    flex-shrink: 0;
}


/* 1. SIRA — SOLA KAYAR */

.education-track-left {
    animation: coursesLeft 60s linear infinite;
}

@keyframes coursesLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 9px));
    }
}


/* 2. SIRA — SAĞA KAYAR */

.education-track-right {
    transform: translateX(calc(-50% - 9px));
    animation: coursesRight 65s linear infinite;
}

@keyframes coursesRight {
    from {
        transform: translateX(calc(-50% - 9px));
    }

    to {
        transform: translateX(0);
    }
}


/* ÜZERİNE GELİNCE DUR */

.education-slider:hover .education-track {
    animation-play-state: paused;
}


/* TELEFON */

@media (max-width: 768px) {

    .education-showcase {
        padding: 50px 0 65px;
    }

    .education-track {
        gap: 12px;
    }

    .education-track img {
        width: 300px !important;
        min-width: 300px !important;
        height: 154px !important;
        border-radius: 13px;
    }
}

/* EĞİTİMLER SAYFASI - ANA SAYFAYA DÖN */

.back-home {
    position: fixed;
    top: 25px;
    left: 30px;
    z-index: 9999;

    display: flex;
    align-items: center;
    gap: 9px;

    padding: 11px 17px;
    border-radius: 50px;

    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(139, 98, 162, 0.20);

    color: #211526;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    backdrop-filter: blur(12px);
    box-shadow: 0 8px 25px rgba(42, 24, 48, 0.08);
}

.back-home:hover {
    transform: translateY(-2px);
}

/* =========================================
   TÜM SAYFALARDA SABİT ÜST MENÜ
========================================= */

.navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    z-index: 9999 !important;

    background: rgba(244, 233, 249, 0.92) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;

    border-bottom: 1px solid rgba(139, 98, 162, 0.12) !important;
}

/* Sabit navbar içeriğin üzerine binmesin */
body {
    padding-top: 90px;
}

/* ===== NAVBAR MENÜSÜNÜ SAĞA TOPLA ===== */

.nav-links {
    margin-left: auto !important;
    margin-right: 32px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 34px !important;
}

/* Akademiye Katıl butonu menüye yakın dursun */
.nav-cta {
    margin-left: 0 !important;
}

/* ===== LOGO DAHA PREMIUM / HAFİF ===== */

.logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
}

.logo-main {
    font-size: 25px !important;
    font-weight: 600 !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
    color: #281a2e !important;
}

.logo-pill {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;

    padding: 7px 11px !important;
    border-radius: 8px !important;

    color: #ffffff !important;
    background: linear-gradient(135deg,
            #76508b,
            #9b6bb3) !important;
}

/* ===== PREMIUM AI POWER LOGO ===== */

.logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.logo-main {
    font-family: "Manrope", sans-serif !important;
    font-size: 27px !important;
    font-weight: 500 !important;

    letter-spacing: -1.4px !important;
    line-height: 1 !important;

    color: #25172b !important;
}

/* AI kelimesine hafif vurgu */
.logo-main::first-letter {
    font-weight: 600 !important;
}

.logo-pill {
    font-family: "DM Sans", sans-serif !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    letter-spacing: 1.5px !important;

    padding: 7px 11px !important;
    border-radius: 7px !important;

    color: #fff !important;

    background:
        linear-gradient(135deg,
            #76508b 0%,
            #9d70b5 100%) !important;

    box-shadow:
        0 5px 15px rgba(118, 80, 139, .15) !important;
}

/* ===== PREMIUM AI POWER LOGO ===== */

.logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.logo-main {
    font-family: "Manrope", sans-serif !important;
    font-size: 27px !important;
    font-weight: 500 !important;

    letter-spacing: -1.4px !important;
    line-height: 1 !important;

    color: #25172b !important;
}

/* AI kelimesine hafif vurgu */
.logo-main::first-letter {
    font-weight: 600 !important;
}

.logo-pill {
    font-family: "DM Sans", sans-serif !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    letter-spacing: 1.5px !important;

    padding: 7px 11px !important;
    border-radius: 7px !important;

    color: #fff !important;

    background:
        linear-gradient(135deg,
            #76508b 0%,
            #9d70b5 100%) !important;

    box-shadow:
        0 5px 15px rgba(118, 80, 139, .15) !important;
}

/* ===== LOGO FONTUNU ZORLA DEĞİŞTİR ===== */

.navbar .logo .logo-main {
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: 29px !important;
    font-weight: 500 !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
    color: #28182f !important;
}

.navbar .logo .logo-pill {
    font-family: "Manrope", sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 1.3px !important;

    padding: 7px 11px !important;
    border-radius: 7px !important;

    background: linear-gradient(135deg, #79528f, #a676bd) !important;
    color: white !important;
}

/* ===== ACADEMY LOGO DÜZELTME ===== */

.navbar .logo .logo-pill {
    font-family: "Playfair Display", Georgia, serif !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;

    padding: 7px 13px !important;
    border-radius: 7px !important;

    background: linear-gradient(135deg,
            #79528f,
            #a676bd) !important;

    color: #ffffff !important;

    line-height: 1 !important;
}

/* ===== ÜST MENÜ YAZILARINI HAFİF BÜYÜT ===== */

.navbar .nav-links a {
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1px !important;
}

/* Akademiye Katıl butonu da uyumlu büyüsün */
.navbar .nav-cta {
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* ===== ARKADAKİ DEV DEKORATİF YAZIYI KALDIR ===== */

.hero::before,
.hero::after,
.hero-copy::before,
.hero-copy::after {
    content: none !important;
    display: none !important;
}

/* ===== 02 BÖLÜMÜ DAHA KISA + YATAY ===== */

/* Bölümün dikey yüksekliğini azalt */
.learn-section {
    min-height: auto !important;
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

/* İçeriği yatayda daha geniş kullan */
.learn-header {
    max-width: 1660px !important;
    margin: 0 auto !important;
}

/* Büyük başlığın alanını genişlet */
.learn-title {
    max-width: 760px !important;
    width: 100% !important;
}

/* Başlığı biraz küçült = daha az satıra bölünür */
.learn-title h2,
.learn-title {
    font-size: clamp(58px, 5vw, 92px) !important;
    line-height: 0.94 !important;
    letter-spacing: -4px !important;
}

/* Sağ açıklamayı biraz yukarı ve ortaya al */
.learn-description {
    align-self: center !important;
}

/* ===== 02 BÖLÜMÜ DAHA KISA VE YATAY ===== */

.learn-section {
    min-height: auto !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.learn-intro {
    max-width: 1660px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 260px 1fr !important;
    gap: 70px !important;
    align-items: start !important;
}

/* BAŞLIK + AÇIKLAMA YATAY */
.learn-heading {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: minmax(650px, 1.5fr) minmax(360px, .7fr) !important;
    gap: 100px !important;
    align-items: center !important;
}

.learn-heading h2 {
    max-width: 850px !important;
    margin: 0 !important;

    font-size: clamp(58px, 5vw, 88px) !important;
    line-height: .92 !important;
    letter-spacing: -4px !important;
}

.learn-heading p {
    max-width: 470px !important;
    margin: 0 !important;
    line-height: 1.7 !important;
}

/* ===== 02 BÖLÜMÜ KONUM DÜZELTME ===== */

.learn-intro {
    max-width: 1580px !important;
    margin: 0 auto !important;
    padding: 25px 55px 35px !important;
}

/* Başlık alanını sağa çek */
.learn-heading h2 {
    transform: translateX(55px) !important;
    max-width: 820px !important;
}

/* Sağdaki açıklamayı sola + yukarı çek */
.learn-heading p {
    transform: translate(-55px, -25px) !important;
    max-width: 440px !important;
}

/* 02 AI POWER ACADEMY de kenara yapışmasın */
.section-kicker {
    margin-left: 20px !important;
}

/* ===== 02 BÖLÜMÜNDE TÜM YAZILARI SOLA KAYDIR ===== */

/* 02 AI POWER ACADEMY */
.section-kicker {
    transform: translateX(-70px) !important;
}

/* BÜYÜK BAŞLIK */
.learn-heading h2 {
    transform: translateX(-40px) !important;
}

/* SAĞDAKİ AÇIKLAMA */
.learn-heading p {
    transform: translate(-110px, -25px) !important;
}

/* =========================================
   E-DEVLET SERTİFİKA ARA BÖLÜMÜ
========================================= */

.certificate-strip {
    width: min(1540px, 92%);
    min-height: 300px;
    margin: 85px auto;

    padding: 55px 65px;

    display: grid;
    grid-template-columns: 150px 1fr 190px;
    align-items: center;
    gap: 45px;

    background:
        radial-gradient(circle at 85% 50%,
            rgba(126, 55, 139, .28),
            transparent 35%),
        linear-gradient(120deg,
            #17051c 0%,
            #25092e 55%,
            #350b42 100%);

    border-radius: 38px;

    box-shadow:
        0 30px 70px rgba(47, 12, 55, .18);

    color: #fff;
}


/* SOL YUVARLAK İKON */

.certificate-icon {
    width: 135px;
    height: 135px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #e63b91;

    border: 10px solid rgba(230, 59, 145, .14);

    box-shadow:
        0 0 0 10px rgba(230, 59, 145, .08);
}

.certificate-icon span {
    font-size: 48px;
}


/* ÜST ETİKETLER */

.certificate-top {
    display: flex;
    align-items: center;
    gap: 15px;

    margin-bottom: 17px;
}

.certificate-badge {
    display: inline-flex;

    padding: 9px 18px;

    border-radius: 50px;

    background: linear-gradient(90deg,
            #e83d91,
            #bd55bb);

    color: #fff;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
}

.certificate-dot {
    color: #b58cae;
}

.certificate-type {
    color: #bba9be;

    font-size: 14px;
    font-weight: 500;
}


/* BAŞLIK */

.certificate-content h2 {
    margin: 0 0 14px;

    font-family: "Playfair Display", Georgia, serif;

    font-size: clamp(27px, 2.2vw, 38px);
    font-weight: 600;
    line-height: 1.1;

    color: #fff;
}


/* AÇIKLAMA */

.certificate-content p {
    max-width: 720px;

    margin: 0;

    font-size: 16px;
    line-height: 1.75;

    color: rgba(255, 255, 255, .65);
}


/* SAĞ ONAY */

.certificate-valid {
    text-align: center;
}

.certificate-valid span {
    display: block;

    margin-bottom: 8px;

    font-size: 55px;
    font-weight: 300;

    line-height: 1;

    color: #e83d91;
}

.certificate-valid p {
    margin: 0;

    font-size: 14px;
    font-weight: 600;

    color: rgba(255, 255, 255, .58);
}


/* TELEFON */

@media (max-width: 768px) {

    .certificate-strip {
        grid-template-columns: 1fr;

        padding: 40px 28px;

        text-align: center;

        border-radius: 26px;
    }

    .certificate-icon {
        margin: 0 auto;
    }

    .certificate-top {
        justify-content: center;
        flex-wrap: wrap;
    }

    .certificate-content p {
        margin: 0 auto;
    }
}

/* =========================================
   AI POWER — SERTİFİKA BÖLÜMÜ
========================================= */

.certificate-strip {
    width: min(1500px, 90%);
    margin: 75px auto;
    padding: 52px 60px;

    display: grid;
    grid-template-columns: 135px 1fr 170px;
    align-items: center;
    gap: 45px;

    border-radius: 34px;

    background:
        radial-gradient(circle at 85% 30%,
            rgba(198, 158, 221, .20),
            transparent 35%),
        linear-gradient(120deg,
            #291a31 0%,
            #3b2745 48%,
            #50375b 100%);

    border: 1px solid rgba(220, 190, 235, .15);

    box-shadow:
        0 25px 60px rgba(43, 25, 51, .15);

    color: #fff;
}


/* SOL İKON */

.certificate-icon {
    width: 120px;
    height: 120px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 30px;

    background:
        linear-gradient(145deg,
            #b98acb,
            #8c65a2);

    box-shadow:
        0 15px 35px rgba(151, 104, 173, .28);
}

.certificate-icon span {
    font-size: 46px;
}


/* ÜST KÜÇÜK BİLGİ */

.certificate-top {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 15px;
}

.certificate-badge {
    padding: 8px 16px;

    border-radius: 100px;

    background: #d8bce5;

    color: #392443;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .7px;
}

.certificate-dot {
    color: #b88dca;
}

.certificate-type {
    color: #cdbbd3;

    font-size: 14px;
    font-weight: 500;
}


/* BAŞLIK */

.certificate-content h2 {
    margin: 0 0 13px;

    font-family: "Playfair Display", Georgia, serif;

    font-size: clamp(28px, 2.2vw, 38px);
    font-weight: 500;
    line-height: 1.12;

    color: #ffffff;
}


/* AÇIKLAMA */

.certificate-content p {
    max-width: 760px;

    margin: 0;

    font-size: 15px;
    line-height: 1.75;

    color: rgba(245, 235, 248, .67);
}


/* SAĞ ONAY */

.certificate-valid {
    text-align: center;

    padding-left: 30px;

    border-left:
        1px solid rgba(230, 210, 238, .15);
}

.certificate-valid span {
    display: block;

    font-size: 46px;
    line-height: 1;

    color: #d2a9e3;

    margin-bottom: 10px;
}

.certificate-valid p {
    margin: 0;

    color: #cbb8d2;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: .3px;
}


/* TELEFON */

@media (max-width: 800px) {

    .certificate-strip {
        grid-template-columns: 1fr;
        text-align: center;

        padding: 38px 25px;
        margin: 45px auto;
    }

    .certificate-icon {
        margin: auto;
    }

    .certificate-top {
        justify-content: center;
        flex-wrap: wrap;
    }

    .certificate-valid {
        padding-left: 0;
        padding-top: 25px;

        border-left: 0;
        border-top:
            1px solid rgba(230, 210, 238, .15);
    }
}

/* ===== ALT AKADEMİYE KATIL BUTONU ===== */

.join-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 365px !important;
    padding: 22px 32px !important;

    background: linear-gradient(135deg,
            #f7effa 0%,
            #dcc5e8 100%) !important;

    color: #2f1d38 !important;

    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .35) !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: 0 15px 35px rgba(15, 5, 20, .18) !important;

    transition: transform .25s ease, box-shadow .25s ease !important;
}

.join-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 20px 45px rgba(15, 5, 20, .25) !important;
}

.join-button span {
    color: #2f1d38 !important;
    font-size: 20px !important;
}

/* ===== ESKİ BEYAZ AKADEMİYE KATIL BUTONU ===== */

.academy-join-btn {
    width: 365px !important;
    height: 78px !important;

    padding: 0 34px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #ffffff !important;
    color: #302039 !important;

    border: none !important;
    border-radius: 999px !important;

    text-decoration: none !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;

    box-shadow: 0 12px 30px rgba(15, 6, 20, 0.10) !important;

    box-sizing: border-box !important;
}

.academy-join-btn span {
    color: #302039 !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.academy-join-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 35px rgba(15, 6, 20, 0.16) !important;
}

/* ===== AKADEMİYE KATIL BUTONU ===== */

.academy-join-btn {
    width: 365px !important;
    height: 78px !important;
    padding: 0 34px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #e4d4eb !important;
    color: #2f2038 !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;

    text-decoration: none !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;

    box-sizing: border-box !important;

    box-shadow: 0 12px 30px rgba(15, 6, 20, 0.12) !important;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease !important;
}

.academy-join-btn span {
    color: #2f2038 !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.academy-join-btn:hover {
    background: #d8c0e3 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 35px rgba(15, 6, 20, 0.18) !important;
}

/* ===== ALT BÖLÜM KOYU MOR KATIL BUTONU ===== */

.final-join-btn {
    width: 455px !important;
    height: 98px !important;
    padding: 0 42px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #43294d !important;
    color: #ffffff !important;

    border-radius: 999px !important;
    border: none !important;

    text-decoration: none !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    box-shadow: 0 14px 35px rgba(47, 27, 55, 0.20) !important;

    transition: all .25s ease !important;
}

.final-join-btn span {
    color: #ffffff !important;
    font-size: 22px !important;
}

.final-join-btn:hover {
    background: #573663 !important;
    transform: translateY(-3px) !important;
}

/* ===== SON İKİ BUTONU EŞİTLE + ORTALA ===== */

/* İki butonun bulunduğu alan */
.final-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
}

/* KATIL BUTONU */
.final-join-btn {
    width: 330px !important;
    height: 72px !important;
    padding: 0 30px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #43294d !important;
    color: #ffffff !important;

    border-radius: 999px !important;
    border: none !important;

    text-decoration: none !important;
    box-sizing: border-box !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}

/* SORULARI İNCELE */
.final-actions>a {
    width: 330px !important;
    height: 72px !important;
    padding: 0 30px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border-radius: 999px !important;
    box-sizing: border-box !important;
}

/* Oklar */
.final-actions>a span {
    font-size: 18px !important;
}

/* ===== ALT İKİ BUTON: EŞİT BOYUT ===== */

.final-join-btn {
    width: 330px !important;
    height: 72px !important;
    padding: 0 30px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #43294d !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 999px !important;

    text-decoration: none !important;
    box-sizing: border-box !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}

.final-join-btn span {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* ===== SORULARI İNCELE BUTONU ===== */

.questions-btn {
    width: 330px !important;
    height: 72px !important;
    padding: 0 30px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #eee2f3 !important;
    color: #35203e !important;

    border: 1px solid rgba(75, 45, 85, 0.08) !important;
    border-radius: 999px !important;

    text-decoration: none !important;
    box-sizing: border-box !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    transition: 0.25s ease !important;
}

.questions-btn span {
    color: #35203e !important;
    font-size: 18px !important;
}

.questions-btn:hover {
    background: #e2d0ea !important;
    transform: translateY(-2px) !important;
}

/* ===== SORULARI İNCELE - KESİN BUTON ===== */

a.questions-button-fixed {
    width: 330px !important;
    height: 72px !important;

    padding: 0 30px !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;

    background: #eee4f2 !important;
    background-image: none !important;

    border: 1px solid rgba(75, 48, 85, 0.10) !important;
    border-radius: 999px !important;

    color: #301b39 !important;
    text-decoration: none !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition: transform .25s ease, background .25s ease !important;
}

a.questions-button-fixed .questions-text {
    color: #301b39 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

a.questions-button-fixed .questions-arrow {
    color: #301b39 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

a.questions-button-fixed:hover {
    background: #e2d2e9 !important;
    transform: translateY(-2px) !important;
}

/* ===== İLETİŞİM - E POSTA ===== */

.contact-mail-item {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-top: 25px;
}

.contact-mail-icon {
    width: 52px;
    height: 52px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(169, 118, 194, 0.10);
    border: 1px solid rgba(126, 77, 151, 0.25);

    color: #7b4d91;

    font-size: 21px;
    line-height: 1;
}

.contact-mail-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contact-mail-info span {
    color: #9b76a9;

    font-size: 13px;
    font-weight: 500;
}

.contact-mail-info a {
    color: #28182f;

    font-size: 17px;
    font-weight: 650;

    text-decoration: none;

    transition: color .2s ease;
}

.contact-mail-info a:hover {
    color: #85549b;
}

/* ==================================================
   İLETİŞİM — TAM ORTALI / EŞİT / HİZALI
================================================== */

.contact-page {
    width: 100% !important;
    min-height: calc(100vh - 90px) !important;

    padding: 50px 0 !important;
    box-sizing: border-box !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}


/* İKİ BLOĞUN ANA KAPSAYICISI */

.contact-container {
    width: 1100px !important;
    max-width: calc(100% - 80px) !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 500px 500px !important;

    column-gap: 70px !important;

    justify-content: center !important;
    align-items: center !important;

    box-sizing: border-box !important;
}


/* ==================================================
   SOL BLOK
================================================== */

.contact-info {
    width: 500px !important;
    max-width: 500px !important;

    margin: 0 !important;
    padding: 36px !important;

    box-sizing: border-box !important;

    align-self: center !important;
    justify-self: center !important;

    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;

    transform: none !important;

    text-align: left !important;
}


/* ÜST KÜÇÜK YAZI */

.contact-label {
    display: block !important;

    width: 100% !important;

    margin: 0 0 18px 0 !important;

    text-align: left !important;
}


/* SENİ DİNLİYORUZ */

.contact-info h1 {
    width: 100% !important;

    margin: 0 0 26px 0 !important;

    font-size: 62px !important;
    line-height: 0.98 !important;

    text-align: left !important;
}


/* AÇIKLAMA */

.contact-description {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 30px 0 !important;

    font-size: 15px !important;
    line-height: 1.65 !important;

    text-align: left !important;
}


/* İLETİŞİM SEÇENEKLERİ */

.contact-list {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 13px !important;
}

.contact-list .contact-item {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 16px !important;

    position: static !important;
    transform: none !important;

    text-align: left !important;
}


/* ==================================================
   SAĞ FORM BLOĞU
================================================== */

.contact-form-wrap {
    width: 500px !important;
    max-width: 500px !important;

    margin: 0 !important;
    padding: 36px !important;

    box-sizing: border-box !important;

    align-self: center !important;
    justify-self: center !important;

    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;

    transform: none !important;
}


/* FORM BAŞLIĞI */

.contact-form-head {
    width: 100% !important;

    margin: 0 0 24px 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

.contact-form-head h2 {
    margin: 6px 0 0 0 !important;

    font-size: 28px !important;
    line-height: 1.15 !important;
}


/* FORM */

.contact-form {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

.contact-form input,
.contact-form select,
.contact-form textarea,
.contact-form button {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* ==================================================
   MOBİL
================================================== */

@media (max-width: 900px) {

    .contact-page {
        padding: 35px 0 !important;
    }

    .contact-container {
        width: 90% !important;
        max-width: 520px !important;

        grid-template-columns: 1fr !important;

        row-gap: 35px !important;
    }

    .contact-info,
    .contact-form-wrap {
        width: 100% !important;
        max-width: 500px !important;

        margin: 0 auto !important;
    }

    .contact-info h1 {
        font-size: 50px !important;
    }
}

/* İLETİŞİM BLOĞUNU HAFİF SAĞA KAYDIR */

.contact-container {
    transform: translateX(45px) !important;
}

/* İLETİŞİM BLOĞUNU BİRAZ DAHA SAĞA KAYDIR */

.contact-container {
    transform: translateX(70px) !important;
}

/* İLETİŞİM BLOĞUNU DAHA FAZLA SAĞA KAYDIR */

.contact-container {
    transform: translateX(110px) !important;
}

/* İLETİŞİM BLOĞUNU SAĞA KAYDIR */

.contact-container {
    transform: translateX(200px) !important;
}

/* İLETİŞİM BLOĞU KONUMU */

.contact-container {
    transform: translate(200px, -50px) !important;
}

/* İLETİŞİM BLOĞU KONUMU */

.contact-container {
    transform: translate(200px, -80px) !important;
}

/* SAĞDAKİ BİZE YAZ FORMUNU SOLA KAYDIR */

.contact-form-wrap {
    transform: translateX(-50px) !important;
}

/* SAĞDAKİ BİZE YAZ FORMUNU SOLA KAYDIR */

.contact-form-wrap {
    transform: translateX(-50px) !important;
}

/* BİZE YAZ FORMU — SOLA + YUKARI */

.contact-form-wrap {
    transform: translate(-50px, -30px) !important;
}

/* BİZE YAZ FORMU — SOLA + DAHA YUKARI */

.contact-form-wrap {
    transform: translate(-50px, -55px) !important;
}

/* BİZE YAZ FORMU — KÜÇÜK + SOLA + YUKARI */

.contact-form-wrap {
    width: 460px !important;
    max-width: 460px !important;
    padding: 32px !important;

    box-sizing: border-box !important;

    transform: translate(-50px, -55px) !important;
}

/* =========================================
   İLETİŞİM İKONLARI — DAHA CANLI
========================================= */

.contact-list .contact-icon {
    color: #6f348d !important;

    background: rgba(126, 70, 154, 0.14) !important;
    border: 1.5px solid rgba(111, 52, 141, 0.55) !important;

    box-shadow: 0 5px 16px rgba(76, 35, 94, 0.12) !important;
}


/* SVG İKON VARSA */
.contact-list .contact-icon svg {
    color: #6f348d !important;
    stroke: #6f348d !important;
    fill: none;
    stroke-width: 2.2px;
}


/* E-POSTA */
.contact-list .contact-item:nth-child(1) .contact-icon {
    color: #6b3f8c !important;
    border-color: rgba(107, 63, 140, 0.55) !important;
    background: rgba(107, 63, 140, 0.12) !important;
}


/* WHATSAPP */
.contact-list .contact-item:nth-child(2) .contact-icon {
    color: #128C7E !important;
    border-color: rgba(18, 140, 126, 0.45) !important;
    background: rgba(18, 140, 126, 0.10) !important;
}


/* TELEGRAM */
.contact-list .contact-item:nth-child(3) .contact-icon {
    color: #229ED9 !important;
    border-color: rgba(34, 158, 217, 0.48) !important;
    background: rgba(34, 158, 217, 0.10) !important;
}


/* INSTAGRAM */
.contact-list .contact-item:nth-child(4) .contact-icon {
    color: #C13584 !important;
    border-color: rgba(193, 53, 132, 0.48) !important;
    background: rgba(193, 53, 132, 0.10) !important;
}


/* HOVER — SADECE İKON */
.contact-list .contact-item:hover .contact-icon {
    transform: scale(1.06) !important;
    filter: saturate(1.25) !important;
}

/* ===== EKOSİSTEM ALANI KOYU RENK ===== */

.ecosystem-strip,
.ecosystem-section,
.lifetime-section {
    background: #1e1125 !important;
    color: #ffffff !important;
}

/* İçteki büyük kutu */
.ecosystem-strip-inner,
.ecosystem-inner,
.lifetime-inner {
    background: #2a1733 !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

/* Başlık ve yazılar */
.ecosystem-strip *,
.ecosystem-section *,
.lifetime-section * {
    color: #ffffff !important;
}
/* HERO ÜST BOŞLUĞUNU AZALT */

.hero {
    padding-top: 115px !important;
}

.hero-copy {
    transform: translateY(-20px) !important;
}

.hero-gallery {
    transform: translateY(-20px) !important;
}

/* SOL ÜST FASHION KARTINI GRUBA YAKLAŞTIR */
.image-card-fashion {
    transform: translate(45px, 55px) rotate(-4deg) !important;
}


/* SOL ÜST FASHION KARTINI GRUBA YAKLAŞTIR */
.image-card-fashion {
    transform: translate(45px, 55px) rotate(-4deg) !important;
}