.cogyok-article-page { background: #f7faff; }

.cogyok-article-hero {
    position: relative;
    padding: 78px 0 150px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 24%, rgba(36, 183, 237, .13), transparent 26%),
        radial-gradient(circle at 88% 10%, rgba(8, 119, 234, .1), transparent 25%),
        linear-gradient(135deg, #f6fbff, #edf6ff);
}

.cogyok-article-hero::after {
    position: absolute;
    right: -150px;
    bottom: -125px;
    width: 520px;
    height: 270px;
    border: 1px solid rgba(8, 119, 234, .11);
    border-radius: 50%;
    content: "";
    transform: rotate(13deg);
}

.cogyok-article-hero__inner { position: relative; z-index: 1; max-width: 940px; text-align: center; }

.cogyok-article-breadcrumbs {
    margin: 0 0 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
    color: #6b7b94;
    font-size: 12px;
}

.cogyok-article-breadcrumbs a { color: #0877ea; }

.cogyok-article-hero h1 {
    max-width: 900px;
    margin: 0 auto;
    color: #071b3e;
    font-size: clamp(42px, 6vw, 72px);
    font-weight: 900;
    letter-spacing: -.05em;
    line-height: 1.02;
}

.cogyok-article-hero__intro {
    max-width: 760px;
    margin: 22px auto 0;
    color: #52637d;
    font-size: 18px;
    line-height: 1.65;
}

.cogyok-article-meta {
    margin-top: 27px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 22px;
    color: #61728d;
    font-size: 12px;
    font-weight: 700;
}

.cogyok-article-meta i { margin-right: 5px; color: #0877ea; }

.cogyok-article {
    position: relative;
    z-index: 2;
    width: min(1080px, calc(100% - 44px));
    margin: -88px auto 90px;
}

.cogyok-article__figure {
    max-width: 760px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce7f6;
    border-radius: 19px;
    box-shadow: 0 24px 60px rgba(7, 36, 78, .15);
}

.cogyok-article__figure img {
    width: 100%;
    max-height: 820px;
    display: block;
    object-fit: cover;
    object-position: center top;
}

.cogyok-article__figure figcaption {
    padding: 12px 18px 14px;
    color: #6a7990;
    font-size: 11px;
    text-align: center;
}

.cogyok-article__body {
    max-width: 790px;
    margin: 58px auto 0;
    color: #2f405d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.85;
}

.cogyok-article__body h2 {
    margin: 48px 0 17px;
    color: #081d42;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.15;
}

.cogyok-article__body h2:first-child { margin-top: 0; }
.cogyok-article__body p { margin: 0 0 23px; }
.cogyok-article__lead { color: #203451; font-size: 21px; line-height: 1.72; }

.cogyok-article__greeting {
    margin: 30px 0 !important;
    padding: 18px 22px;
    color: #075dbd;
    background: #edf6ff;
    border-left: 4px solid #0877ea;
    border-radius: 0 10px 10px 0;
    font-style: italic;
    font-weight: 700;
}

.cogyok-article__body blockquote {
    margin: 36px 0;
    padding: 28px 30px;
    color: #fff;
    background: linear-gradient(135deg, #071b42, #0a4a9f);
    border-radius: 15px;
    box-shadow: 0 18px 40px rgba(7, 35, 78, .18);
}

.cogyok-article__body blockquote p { margin: 0; font-size: 22px; font-style: italic; line-height: 1.65; }
.cogyok-article__body blockquote cite { display: block; margin-top: 12px; color: #78d7ff; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.cogyok-article-theme {
    margin: 42px 0;
    padding: 29px 30px;
    color: #071b3e;
    background: linear-gradient(135deg, #fff9e8, #edf7ff);
    border: 1px solid #e7d9a9;
    border-radius: 15px;
    text-align: center;
}

.cogyok-article-theme span,
.cogyok-article-theme strong { display: block; }
.cogyok-article-theme span { color: #8b6415; font-family: Arial, sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.cogyok-article-theme strong { margin-top: 9px; font-size: 24px; line-height: 1.5; }

.cogyok-article__back {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #0877ea;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 620px) {
    .cogyok-article-hero { padding: 54px 0 120px; }
    .cogyok-article-hero h1 { font-size: 43px; }
    .cogyok-article-hero__intro { font-size: 16px; }
    .cogyok-article { width: min(100% - 30px, 1080px); margin-bottom: 68px; }
    .cogyok-article__figure img { max-height: 610px; }
    .cogyok-article__body { margin-top: 42px; font-size: 17px; line-height: 1.78; }
    .cogyok-article__lead { font-size: 19px; }
    .cogyok-article__body blockquote,
    .cogyok-article-theme { padding: 23px 21px; }
    .cogyok-article__body blockquote p { font-size: 19px; }
    .cogyok-article-theme strong { font-size: 21px; }
}