html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    font-family: "Nohemi", system-ui, sans-serif;
}

/* ortada tutan blok */
.center-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* bütün “zod i lab” sözü */
.logo-word {
    display: inline-flex;
    align-items: flex-end;   /* ALT XƏTT ÜZRƏ DÜZÜLÜR */
    gap: 16px;
    margin-left: 50px;
}

/* bütün hərflərə eyni HƏYAT veririk */
.logo-word .letter {
    height: 106px;  /* ən hündür SVG-yə bərabər */
    width: auto;
    display: block;
}

/* nazik “i” və “l” üçün istəyirsənsə bir az balaca edə bilərik */
.logo-word .letter-thin {
    height: 100px;
}

/* alt yazı */
.subtitle {
    margin-top: 14px;
    font-size: 22px;
    letter-spacing: 0.55em;
    color: #FF9900;
    text-align: center;
}

/* TABLET */
@media (max-width: 1024px) {
    .logo-word {
        gap: 12px;
    }
    .logo-word .letter {
        height: 90px;
    }
    .subtitle {
        font-size: 18px;
        letter-spacing: 0.45em;
    }
}

/* MOBİL */
@media (max-width: 768px) {
    body {
        padding: 0 24px;
    }

    /* sözü bütöv kiçildir */
    .logo-word {
        transform: scale(0.7);
        transform-origin: center center;
    }

    .subtitle {
        font-size: 14px;
        letter-spacing: 0.4em;
    }
}

/* ÇOX KİÇİK EKRAN (430px və aşağı) */
@media (max-width: 480px) {
    .logo-word {
        transform: scale(0.55);
    }

    .subtitle {
        font-size: 11px;
        letter-spacing: 0.35em;
    }
}