/* ==========================================================================
   SİTE TEMASI — KURUMSAL SAYFALAR
   --------------------------------------------------------------------------
   1) Yasal metinler (home/_yasal.php)       2) Projenizi Anlatın (home/contact.php)
   3) Hakkımızda (home/about.php)            4) Giriş / kayıt (auth/*)
   5) Site haritası (home/site_haritasi.php)
   ========================================================================== */

/* 1) YASAL METİNLER -------------------------------------------------------- */
.cy-legal {
    display: grid;
    gap: 1.5rem;
    padding-block: clamp(1.5rem, 1rem + 2vw, 3rem) clamp(3rem, 2rem + 3vw, 5rem);
}
.cy-legal__aside { display: grid; gap: 1.25rem; align-content: start; }
.cy-legal__body { max-width: 760px; }
.cy-legal__docs { display: none; }

@media (min-width: 1024px) {
    .cy-legal { grid-template-columns: 270px minmax(0, 1fr); gap: 3.5rem; }
    .cy-legal__aside { position: sticky; top: calc(var(--cy-header-h) + 24px); align-self: start; }
    .cy-legal__docs { display: block; }
}

.cy-legal__docs-title {
    margin-bottom: .5rem;
    padding-inline: .5rem;
    color: var(--cy-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.cy-legal__docs ul { display: grid; gap: .125rem; }
.cy-legal__docs a {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .5rem;
    border-radius: 8px;
    color: var(--cy-text);
    font-size: .9375rem;
}
.cy-legal__docs a:hover { background: var(--cy-bg-soft); color: var(--cy-ink); }
.cy-legal__docs a[aria-current="page"] { background: var(--cy-primary-soft); color: var(--cy-primary); font-weight: 600; }
.cy-legal__docs .cy-icon { width: 18px; height: 18px; }

.cy-legal__body > section { padding-top: .25rem; }
.cy-legal__body > section > h2 { counter-increment: yasal; }
.cy-legal__body { counter-reset: yasal; }
.cy-legal__body > section > h2::before {
    content: counter(yasal) ".";
    margin-right: .5rem;
    color: var(--cy-primary);
    font-family: var(--cy-mono);
    font-size: .8em;
}

.cy-legal__contact {
    display: flex;
    gap: 1rem;
    margin-top: 3rem;
    padding: 1.25rem;
    border: 1px solid var(--cy-primary-line);
    border-radius: var(--cy-radius-lg);
    background: var(--cy-primary-soft);
}
.cy-legal__contact-icon {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #fff;
    color: var(--cy-primary);
}
.cy-legal__contact-title { color: var(--cy-ink); font-weight: 700; }
.cy-legal__contact p + p { margin-top: .25rem; }

.cy-cookie-type {
    display: inline-block;
    padding: .0625rem .5rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}
.cy-cookie-type--zorunlu { background: #e7f0fb; color: #0b3a6e; }
.cy-cookie-type--islevsel { background: #effaf4; color: #14532d; }
.cy-cookie-type--analitik { background: #fff7e6; color: #7a4a05; }
.cy-cookie-type--reklam { background: #fdf2f8; color: #86198f; }

/* 2) PROJENİZİ ANLATIN ----------------------------------------------------- */
.cy-iletisim {
    display: grid;
    gap: 2rem;
    padding-block: clamp(1.75rem, 1.25rem + 2vw, 3rem) clamp(3rem, 2rem + 3vw, 5rem);
}
@media (min-width: 1024px) {
    .cy-iletisim { grid-template-columns: minmax(0, 1fr) 360px; gap: 3rem; align-items: start; }
    .cy-iletisim__yan { position: sticky; top: calc(var(--cy-header-h) + 24px); }
}

.cy-proje-form { gap: 1.75rem; }
.cy-proje-form__adim {
    display: grid;
    gap: 1.125rem;
    min-width: 0;
    margin: 0;
    padding: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    border: 1px solid var(--cy-line);
    border-radius: var(--cy-radius-lg);
    background: #fff;
}
.cy-proje-form__baslik {
    display: flex;
    align-items: center;
    gap: .75rem;
    float: left;
    width: 100%;
    margin-bottom: .25rem;
    padding: 0;
    color: var(--cy-ink);
    font-size: 1.125rem;
    font-weight: 700;
}
.cy-proje-form__baslik + * { clear: both; }
.cy-proje-form__baslik span {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--cy-primary);
    color: #fff;
    font-size: .875rem;
}
.cy-mesaj-ipucu {
    padding: .75rem .875rem;
    border-radius: 10px;
    background: var(--cy-bg-soft);
    color: var(--cy-muted);
    font-size: .8125rem;
}
.cy-mesaj-ipucu span { color: var(--cy-ink); font-weight: 600; }
.cy-mesaj-ipucu ul { display: grid; gap: .125rem; margin-top: .25rem; padding-left: 1.125rem; list-style: disc; }
.cy-proje-form__gonder { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; }
.cy-proje-form__gonder .cy-field__help { display: inline-flex; align-items: center; gap: .375rem; }
@media (max-width: 559.98px) {
    .cy-proje-form__gonder .cy-btn { width: 100%; }
}

.cy-iletisim__yan { display: grid; gap: 1rem; }
.cy-iletisim__kart {
    padding: 1.375rem;
    border: 1px solid var(--cy-line);
    border-radius: var(--cy-radius-lg);
    background: #fff;
}
.cy-iletisim__kart-baslik { margin-bottom: 1rem; font-size: 1.0625rem; }
.cy-iletisim__kart--koyu { border-color: transparent; background: var(--cy-navy); color: var(--cy-on-navy-muted); }
.cy-iletisim__kart--koyu .cy-iletisim__kart-baslik { color: #fff; margin-bottom: .5rem; }
.cy-iletisim__kart--koyu p { font-size: .9375rem; }
.cy-iletisim__linkler { display: grid; gap: .5rem; margin-top: 1rem; }
.cy-iletisim__kart--koyu .cy-link { color: var(--cy-accent-on-navy); }
.cy-iletisim__kart--koyu .cy-link:hover { color: #fff; }

.cy-sonraki { display: grid; gap: 1rem; counter-reset: sonraki; }
.cy-sonraki li { position: relative; display: flex; gap: .875rem; }
.cy-sonraki li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 42px;
    bottom: -12px;
    left: 18px;
    width: 2px;
    background: var(--cy-line);
}
.cy-sonraki__ikon {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--cy-primary-soft);
    color: var(--cy-primary);
}
.cy-sonraki__ikon .cy-icon { width: 18px; height: 18px; }
.cy-sonraki strong { color: var(--cy-ink); }
.cy-sonraki p { margin-top: .125rem; color: var(--cy-muted); font-size: .875rem; line-height: 1.5; }

.cy-kanallar { display: grid; gap: .5rem; }
.cy-kanallar a,
.cy-kanallar__satir {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .625rem;
    margin-inline: -.625rem;
    border-radius: 10px;
    color: var(--cy-ink);
    font-weight: 600;
    overflow-wrap: anywhere;
}
.cy-kanallar a:hover { background: var(--cy-bg-soft); color: var(--cy-primary); }
.cy-kanallar small { display: block; color: var(--cy-muted); font-size: .75rem; font-weight: 500; }
.cy-kanallar__ikon {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--cy-bg-soft);
    color: var(--cy-primary);
}
.cy-kanallar__ikon .cy-icon { width: 18px; height: 18px; }

/* 3) HAKKIMIZDA -------------------------------------------------------------- */
.cy-about-hero { display: grid; gap: 2rem; align-items: end; }
@media (min-width: 1024px) {
    .cy-about-hero { grid-template-columns: minmax(0, 1fr) 340px; gap: 4rem; }
}
.cy-about-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
@media (max-width: 479.98px) {
    .cy-about-hero__actions .cy-btn { width: 100%; }
}
.cy-about-proof {
    display: grid;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--cy-line);
    border-radius: var(--cy-radius-lg);
    background: var(--cy-line);
}
.cy-about-proof > div { display: grid; gap: .25rem; padding: 1.25rem 1.375rem; background: #fff; }
.cy-about-proof dt { order: 2; color: var(--cy-muted); font-size: .875rem; }
.cy-about-proof dd {
    order: 1;
    color: var(--cy-ink);
    font-size: clamp(2.25rem, 1.8rem + 1.5vw, 2.75rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.03em;
}
.cy-about-proof .cy-link { order: 3; margin-top: .375rem; font-size: .875rem; }

/* "Kim geliştiriyor?" — fotoğraf + ad + hikâye (app/Config/SiteKunye.php) */
.cy-kim__ic { display: grid; gap: 1.5rem; align-items: center; }
@media (min-width: 768px) {
    .cy-kim__ic { grid-template-columns: 240px minmax(0, 1fr); gap: 2.5rem; }
}
@media (min-width: 1024px) {
    .cy-kim__ic { grid-template-columns: 300px minmax(0, 720px); gap: 3.5rem; }
}
.cy-kim__uyari {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .75rem 1rem;
    border: 1px dashed #e0b44a;
    border-radius: var(--cy-radius);
    background: #fffaeb;
    color: #7a4a05;
    font-size: .875rem;
}
.cy-kim__uyari .cy-icon { flex: none; width: 18px; height: 18px; margin-top: 2px; }
.cy-kim__uyari code { font-family: var(--cy-mono); font-size: .8125rem; }
.cy-kim__foto { max-width: 240px; }
@media (min-width: 1024px) { .cy-kim__foto { max-width: none; } }
.cy-kim__foto img,
.cy-kim__foto-yer {
    width: 100%;
    aspect-ratio: 1;
    border-radius: var(--cy-radius-lg);
    object-fit: cover;
}
.cy-kim__foto-yer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 2px dashed var(--cy-line-strong);
    background: var(--cy-bg-soft);
    color: var(--cy-muted);
    font-size: .875rem;
}
.cy-kim__foto-yer .cy-icon { width: 48px; height: 48px; color: var(--cy-line-strong); }
.cy-kim__ad { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .75rem; margin-top: .75rem; }
.cy-kim__ad strong { color: var(--cy-ink); font-size: 1.1875rem; }
.cy-kim__ad span { color: var(--cy-muted); font-size: .9375rem; }
.cy-kim__hikaye { display: grid; gap: .75rem; margin-top: 1rem; color: var(--cy-text); font-size: 1.0625rem; line-height: 1.7; }
.cy-kim__linkler { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.is-yer-tutucu .cy-kim__ad,
.is-yer-tutucu .cy-kim__hikaye { color: var(--cy-muted); font-style: italic; }

/* Süreç için ana sayfaya giden tek satır */
.cy-about-surec {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.5rem;
    color: var(--cy-text);
}
.cy-about-surec > .cy-icon { flex: none; width: 22px; height: 22px; color: var(--cy-primary); }

.cy-ilkeler { display: grid; gap: var(--cy-card-gap); }
@media (min-width: 640px) { .cy-ilkeler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .cy-ilkeler { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cy-ilke {
    padding: var(--cy-card-pad);
    border: 1px solid var(--cy-line);
    border-radius: var(--cy-radius-lg);
    background: #fff;
    transition: border-color .2s var(--cy-ease), box-shadow .2s var(--cy-ease);
}
.cy-ilke:hover { border-color: var(--cy-primary-line); box-shadow: var(--cy-shadow); }
.cy-ilke__baslik { margin-top: 1rem; font-size: 1.125rem; }
.cy-ilke__metin { margin-top: .375rem; color: var(--cy-muted); font-size: .9375rem; }

.cy-about-split { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 1024px) {
    .cy-about-split { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 4rem; }
}
.cy-about-split__link { margin-top: 1.25rem; }
.cy-systems--genis { margin-top: 0; }
.cy-systems--genis .cy-system { background: #fff; }

/* 4) GİRİŞ / KAYIT ----------------------------------------------------------- */
.cy-site--giris { background: var(--cy-bg-soft); }
.cy-auth { display: grid; min-height: 100vh; min-height: 100dvh; }
@media (min-width: 1024px) {
    .cy-auth { grid-template-columns: minmax(380px, 5fr) 7fr; }
}

.cy-auth__panel { display: none; }
@media (min-width: 1024px) {
    .cy-auth__panel {
        position: sticky;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 2rem;
        height: 100vh;
        height: 100dvh;
        padding: 2.5rem clamp(2rem, 1rem + 3vw, 4rem);
        overflow: hidden;
        background: var(--cy-navy);
        color: var(--cy-on-navy-muted);
    }
    .cy-auth__panel::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(to right, rgba(140, 192, 255, .07) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(140, 192, 255, .07) 1px, transparent 1px);
        background-size: 44px 44px;
        -webkit-mask-image: radial-gradient(ellipse 80% 60% at 20% 30%, #000 20%, transparent 80%);
        mask-image: radial-gradient(ellipse 80% 60% at 20% 30%, #000 20%, transparent 80%);
        pointer-events: none;
    }
    .cy-auth__panel > * { position: relative; }
}
.cy-brand--koyu, .cy-brand--koyu:hover { color: #fff; }
.cy-auth__panel-baslik {
    max-width: 16ch;
    color: #fff;
    font-size: clamp(1.75rem, 1.2rem + 1.5vw, 2.375rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.03em;
}
.cy-auth__ozellikler { display: grid; gap: .875rem; margin-top: 1.75rem; }
.cy-auth__ozellikler li { display: flex; align-items: flex-start; gap: .75rem; }
.cy-auth__ozellikler .cy-icon {
    width: 34px;
    height: 34px;
    padding: 8px;
    border: 1px solid rgba(140, 192, 255, .25);
    border-radius: 10px;
    color: var(--cy-accent-on-navy);
}
.cy-auth__ozellikler span { padding-top: .3125rem; }
.cy-auth__kod {
    margin: 0;
    padding: 1rem 1.125rem;
    border: 1px solid rgba(140, 192, 255, .18);
    border-radius: var(--cy-radius);
    background: rgba(0, 0, 0, .25);
    color: #c9d6e3;
    font-family: var(--cy-mono);
    font-size: .8125rem;
    line-height: 1.8;
    white-space: pre;
    overflow-x: auto;
}
.cy-auth__kod .k { color: var(--cy-accent-on-navy); }
.cy-auth__kod .o { color: #7ee2a8; }
.cy-auth__kod .s { color: #9fb3c8; }

.cy-auth__ana {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem var(--cy-gutter) 2rem;
}
.cy-auth__ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    max-width: 520px;
    min-height: 52px;
    margin-bottom: clamp(1rem, 4vh, 3rem);
}
.cy-auth__mobil-logo { margin-right: 0; }
@media (min-width: 1024px) {
    .cy-auth__ust { justify-content: flex-end; max-width: 560px; margin-top: 1rem; }
    .cy-auth__mobil-logo { display: none; }
}
.cy-auth__geri { font-size: .9375rem; }
.cy-auth__geri:hover .cy-icon { transform: translateX(-2px); }

.cy-auth__kart {
    width: 100%;
    max-width: 520px;
    padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    border: 1px solid var(--cy-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--cy-shadow);
}
.cy-auth__kart:has(#registerForm) { max-width: 620px; }
.cy-auth__baslik { font-size: clamp(1.625rem, 1.3rem + 1.2vw, 2rem); letter-spacing: -.025em; }
.cy-auth__alt { margin-top: .375rem; margin-bottom: 1.5rem; color: var(--cy-muted); }
.cy-auth__satir { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.cy-auth__kucuk-link { font-size: .875rem; font-weight: 600; }
.cy-auth__kucuk-link:hover { text-decoration: underline; }
.cy-auth__hatirla small { display: block; color: var(--cy-muted); font-size: .8125rem; }
.cy-auth__gonder { width: 100%; margin-top: .25rem; }
.cy-auth__google { width: 100%; }
.cy-auth__google .cy-icon { width: 20px; height: 20px; }
.cy-auth__ayrac {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-block: 1.25rem;
    color: var(--cy-muted);
    font-size: .8125rem;
}
.cy-auth__ayrac::before,
.cy-auth__ayrac::after { content: ""; flex: 1; height: 1px; background: var(--cy-line); }
.cy-auth__alt-link { margin-top: 1.5rem; color: var(--cy-muted); text-align: center; font-size: .9375rem; }
.cy-auth__alt-link a { display: inline-flex; align-items: center; gap: .25rem; font-weight: 700; }
.cy-auth__alt-link a:hover { text-decoration: underline; }
.cy-auth__onay { line-height: 1.55; }
.cy-auth__onay a { font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.cy-auth__yasal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .25rem 1rem;
    margin-top: 1.5rem;
    font-size: .8125rem;
}
.cy-auth__yasal a { color: var(--cy-muted); }
.cy-auth__yasal a:hover { color: var(--cy-ink); text-decoration: underline; }

.cy-auth__test {
    margin-top: 1.5rem;
    padding: .875rem 1rem;
    border: 1px dashed var(--cy-line-strong);
    border-radius: var(--cy-radius);
    font-size: .875rem;
}
.cy-auth__test summary { display: flex; align-items: center; gap: .5rem; color: var(--cy-muted); font-weight: 600; cursor: pointer; }
.cy-auth__test-rol { margin-top: .875rem; color: var(--cy-ink); font-size: .8125rem; font-weight: 700; }
.cy-auth__test-liste { display: flex; flex-wrap: wrap; gap: .375rem; margin-top: .375rem; }
.cy-auth__test-liste .cy-tag { cursor: pointer; }

/* 5) SİTE HARİTASI ----------------------------------------------------------- */
.cy-harita { display: grid; gap: 1.25rem; padding-block: clamp(2rem, 1.5rem + 2vw, 3rem) clamp(3rem, 2rem + 3vw, 5rem); }
@media (min-width: 900px) { .cy-harita { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } }
.cy-harita__grup {
    padding: 1.25rem 1.375rem;
    border: 1px solid var(--cy-line);
    border-radius: var(--cy-radius-lg);
    background: #fff;
}
.cy-harita__grup--genis { grid-column: 1 / -1; }
.cy-harita__baslik { display: flex; align-items: center; gap: .625rem; margin-bottom: .75rem; font-size: 1.0625rem; }
.cy-harita__baslik .cy-icon { color: var(--cy-primary); }
.cy-harita__liste { display: grid; gap: .125rem; }
@media (min-width: 900px) { .cy-harita__grup--genis .cy-harita__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; } }
.cy-harita__liste a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: .4375rem .5rem;
    margin-inline: -.5rem;
    border-radius: 8px;
    color: var(--cy-text);
    font-size: .9375rem;
    line-height: 1.45;
}
.cy-harita__liste a:hover { background: var(--cy-bg-soft); color: var(--cy-primary); }
.cy-harita__liste time { flex: none; color: var(--cy-muted); font-family: var(--cy-mono); font-size: .75rem; }

/* 6) 404 — SAYFA BULUNAMADI (errors/html/error_404.php) -------------------- */
.cy-404 {
    position: relative;
    padding-block: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
    background: var(--cy-navy);
    color: var(--cy-on-navy-muted);
    overflow: hidden;
}
.cy-404::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(140, 192, 255, .06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(140, 192, 255, .06) 1px, transparent 1px);
    background-size: 36px 36px;
    -webkit-mask-image: radial-gradient(ellipse 70% 90% at 50% 0%, #000 15%, transparent 75%);
    mask-image: radial-gradient(ellipse 70% 90% at 50% 0%, #000 15%, transparent 75%);
    pointer-events: none;
}
.cy-404 :focus-visible { outline-color: var(--cy-accent-on-navy); }
.cy-404__ic { position: relative; max-width: 720px; text-align: center; }
.cy-404__terminal {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1.5rem;
    padding: .75rem 1rem;
    overflow: hidden;
    border: 1px solid #1f2e42;
    border-radius: var(--cy-radius);
    background: #0b1320;
    color: #c9d6e3;
    font-family: var(--cy-mono);
    font-size: .8125rem;
    line-height: 1.8;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cy-404__terminal p { overflow: hidden; text-overflow: ellipsis; }
.cy-404__yol { color: #7ee2a8; }
.cy-404__dolar { color: #7f93a8; }
.cy-404__hata { color: #f4a09a; }
.cy-404__imlec { display: inline-block; width: .55em; height: 1.05em; vertical-align: -.2em; background: #7ee2a8; opacity: .75; }
.cy-404__kod { color: var(--cy-accent-on-navy); font-family: var(--cy-mono); font-size: .875rem; font-weight: 700; letter-spacing: .2em; }
.cy-404__baslik { margin-top: .25rem; color: #fff; font-size: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem); line-height: 1.15; letter-spacing: -.03em; }
.cy-404__metin { max-width: 56ch; margin: .75rem auto 0; font-size: 1.0625rem; }
.cy-404__gelistirme { margin-top: .75rem; color: #7f93a8; font-size: .8125rem; }
.cy-404__ara { max-width: 480px; margin: 1.5rem auto 0; text-align: left; }
.cy-404__linkler { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-top: 1.5rem; }
.cy-404__alt { max-width: 880px; }
.cy-404__alt-baslik { margin-bottom: .5rem; font-size: 1.25rem; }
.cy-404__tumu { margin-top: 1rem; }