/* Ana səhifə — sakit ritm: vahid bölmə boşluğu, yüngül dekorativ fon, sürətə təsir etmir */
.home-sec { position: relative; isolation: isolate; overflow: hidden; padding: 1.75rem 0; }
@media (min-width: 768px) { .home-sec { padding: 2.5rem 0; } }
.home-sec--soft { background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); }
.home-sec--white { background: #fff; }
.home-sec--tint { background: linear-gradient(180deg, #f5f8ff 0%, #eef4ff 100%); }
.home-sec > .container { position: relative; z-index: 1; }

.home-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
/* yumşaq rəngli ləkələr (statik, ucuz) */
.home-bg::before, .home-bg::after { content: ""; position: absolute; border-radius: 50%; filter: blur(70px); opacity: .5; }
.home-bg::before { width: 26rem; height: 26rem; left: -8rem; top: -6rem; background: rgb(0 174 239 / .16); }
.home-bg::after { width: 24rem; height: 24rem; right: -8rem; bottom: -6rem; background: rgb(40 53 113 / .14); }
.home-bg__icon {
    position: absolute; fill: none; stroke: #283571; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
    opacity: .3; scale: 1.25; will-change: transform; animation: home-float 16s ease-in-out infinite;
}
.home-bg__icon:nth-child(even) { stroke: #00AEEF; opacity: .4; animation-duration: 20s; }
@keyframes home-float {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-3deg); }
    50% { transform: translate3d(0, -18px, 0) rotate(5deg); }
}
@media (max-width: 767px) { .home-bg__icon--lg { display: none; } .home-bg__icon { opacity: .28; scale: 1; } .home-bg::before, .home-bg::after { width: 14rem; height: 14rem; } }
@media (prefers-reduced-motion: reduce) { .home-bg__icon { animation: none; } }

.home-head { display: flex; flex-direction: column; gap: .75rem; margin-bottom: 1.5rem; }
@media (min-width: 640px) { .home-head { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
.home-head h2 { font-size: 1.375rem; font-weight: 800; color: #111827; letter-spacing: -.01em; }
@media (min-width: 768px) { .home-head h2 { font-size: 1.75rem; } }
.home-head p { margin-top: .25rem; font-size: .875rem; color: #4b5563; max-width: 40rem; }
.home-head__more {
    display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; padding: .5rem 1rem; font-size: .875rem; font-weight: 600;
    color: #283571; background: #fff; border: 1px solid #e2e8f0; border-radius: .75rem; transition: border-color .2s, color .2s;
}
.home-head__more:hover { color: #00AEEF; border-color: rgb(0 174 239 / .5); }

/* Sürətli keçid zolağı */
.home-quicknav { position: relative; background: rgb(255 255 255 / .92); backdrop-filter: blur(8px); border-bottom: 1px solid #e2e8f0; }
.home-quicknav__in { display: flex; gap: .5rem; overflow-x: auto; padding: .5rem 1rem; max-width: 80rem; margin: 0 auto; scrollbar-width: none; }
.home-quicknav__in::-webkit-scrollbar { display: none; }
.home-quicknav a {
    flex: none; display: inline-flex; align-items: center; gap: .4rem; min-height: 40px; padding: .35rem .85rem; font-size: .8125rem; font-weight: 600;
    color: #283571; background: #f1f5f9; border-radius: 9999px; white-space: nowrap; transition: background .2s, color .2s;
}
.home-quicknav a:hover { background: #283571; color: #fff; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

#home-offline-heading, #home-exams-heading, #home-groups, #home-results, #courses, #home-explain, #services, #latest-news, #faq { scroll-margin-top: 7rem; }

/* Ana səhifə: layout-un qutu (container+padding) çərçivəsini aç — bölmə fonları tam en olsun */
main.home-main { max-width: none !important; padding: 0 !important; }
main.home-main > .itm-ann { padding-left: 1rem; padding-right: 1rem; }
@media (max-width: 767px) { .home-sec > .container { padding-left: 1rem; padding-right: 1rem; } }

/* Əyani sətirlər */
.home-offrows { display: flex; flex-direction: column; gap: .5rem; }
.home-offrow { display: flex; gap: .875rem; align-items: stretch; padding: .625rem; background: #fff; border: 1px solid #e2e8f0; border-radius: .875rem; }
.home-offrow.is-next { align-items: center; background: #FFF4E5; border: 2px solid #F59E0B; }
.home-offrow__date { flex: none; width: 5.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #f1f5f9; border-radius: .625rem; padding: .375rem .25rem; }
.is-next .home-offrow__date { background: #B45309; color: #fff; }
.is-next .home-offrow__day { font-size: 2rem; }
.is-next .home-offrow__left { opacity: 1; font-weight: 700; }
.is-next .home-offrow__name { color: #1c1917; }
.is-next .home-chip { border-color: #F59E0B; }
.is-next .home-chip i { color: #92400E; }
.is-next .home-chip:hover { background: #FEF3C7; border-color: #B45309; }
.home-offrow__badge { align-self: flex-start; font-size: .6875rem; font-weight: 800; letter-spacing: .02em; color: #fff; background: #B45309; padding: .125rem .625rem; border-radius: 9999px; }
.home-offrow__cta { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .5rem 1.25rem; font-size: .875rem; font-weight: 800; color: #fff; background: #B45309; border-radius: .75rem; text-decoration: none; transition: background .15s; }
.home-offrow__cta:hover, .home-offrow__cta:focus-visible { background: #92400E; }
.home-offrow__day { font-size: 1.5rem; font-weight: 800; line-height: 1; }
.home-offrow__mon { font-size: .6875rem; font-weight: 700; margin-top: .125rem; }
.home-offrow__left { font-size: .6875rem; margin-top: .125rem; opacity: .75; }
.home-offrow__body { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: .375rem; }
.home-offrow__exam { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem .75rem; }
.home-offrow__name { font-size: .875rem; font-weight: 700; color: #111827; }
.home-offrow__chips { display: flex; flex-wrap: wrap; gap: .375rem; }
.home-chip { display: inline-flex; align-items: center; gap: .375rem; min-height: 36px; padding: .25rem .625rem; font-size: .75rem; color: #374151; background: #fff; border: 1px solid #cbd5e1; border-radius: 9999px; transition: border-color .15s, background .15s; }
.home-chip b { color: #111827; }
.home-chip i { font-style: normal; font-weight: 700; color: #283571; }
.home-chip:hover { border-color: #00AEEF; background: #f0f9ff; }

/* Online sətirlər */
.home-onrows { display: grid; gap: .5rem; grid-template-columns: 1fr; }
@media (min-width: 768px) { .home-onrows { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1280px) { .home-onrows { grid-template-columns: repeat(3, 1fr); } }
.home-onrow { display: flex; align-items: center; gap: .75rem; padding: .5rem .75rem .5rem .5rem; min-height: 68px; background: #fff; border: 1px solid #e2e8f0; border-radius: .875rem; transition: border-color .15s, box-shadow .15s; }
.home-onrow:hover { border-color: #00AEEF; box-shadow: 0 2px 8px rgb(15 23 42 / .06); }
.home-onrow__thumb { flex: none; width: 5rem; height: 3.25rem; border-radius: .5rem; overflow: hidden; background: linear-gradient(135deg, #e0e7ff, #dbeafe); }
.home-onrow__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.home-onrow__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .125rem; }
.home-onrow__title { font-size: .875rem; font-weight: 700; color: #111827; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-onrow__meta { font-size: .75rem; color: #64748b; }
.home-onrow__meta b { color: #283571; }
.home-onrow__meta b.is-free { color: #059669; }
.home-onrow__go { flex: none; font-size: .75rem; color: #94a3b8; }
@media (max-width: 480px) { .home-offrow { flex-direction: column; } .home-offrow__date { width: auto; flex-direction: row; gap: .5rem; justify-content: flex-start; padding: .375rem .625rem; } .home-offrow__left { margin: 0 0 0 auto; } .home-offrow.is-next { align-items: stretch; } .is-next .home-offrow__day { font-size: 1.5rem; } .home-offrow__cta { width: 100%; } .home-offrow.is-next { position: relative; margin-top: .75rem; gap: .5rem; padding: .5rem; } .is-next .home-offrow__badge { position: absolute; top: -.75rem; right: .75rem; z-index: 1; } .is-next .home-offrow__body { gap: .25rem; } .is-next .home-offrow__chips { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } .is-next .home-chip { min-height: 32px; padding: .125rem .5rem; font-size: .6875rem; gap: .25rem; justify-content: space-between; min-width: 0; } .is-next .home-offrow__cta { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .home-offrow__cta, .home-chip { transition: none; } }

/* Kateqoriya çipləri */
.home-pills { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .75rem; }
.home-pill { display: inline-flex; align-items: center; min-height: 36px; padding: .25rem .875rem; font-size: .8125rem; font-weight: 600; color: #283571; background: #f1f5f9; border-radius: 9999px; transition: background .15s, color .15s; }
.home-pill:hover { background: #283571; color: #fff; }

/* Nəticələr */
.home-resrows { display: flex; gap: .5rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .25rem; scrollbar-width: thin; }
.home-res { flex: none; width: 17.5rem; scroll-snap-align: start; display: flex; align-items: center; gap: .75rem; padding: .625rem .75rem; min-height: 68px; background: #fff; border: 1px solid #e2e8f0; border-radius: .875rem; transition: border-color .15s; }
.home-res:hover { border-color: #00AEEF; }
@media (min-width: 768px) { .home-resrows { display: grid; grid-template-columns: repeat(2, 1fr); overflow: visible; } .home-res { width: auto; } }
@media (min-width: 1280px) { .home-resrows { grid-template-columns: repeat(3, 1fr); } }
.home-res__avatar { flex: none; width: 3rem; height: 3rem; border-radius: 9999px; overflow: hidden; display: flex; align-items: center; justify-content: center; font-weight: 800; color: #283571; background: #e0e7ff; }
.home-res__avatar img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.home-res__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.home-res__name { font-size: .875rem; font-weight: 700; color: #111827; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-res__exam { font-size: .75rem; color: #64748b; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25; }
.home-res__score { flex: none; font-size: 1rem; font-weight: 800; color: #b45309; background: #fef3c7; border-radius: .5rem; padding: .25rem .5rem; }
.home-res__score small { font-size: .6875rem; font-weight: 600; opacity: .7; }
.home-pill.is-active { background: #283571; color: #fff; }
.home-onrow__meta s { color: #94a3b8; margin-left: .25rem; }
button.home-pill { border: 0; cursor: pointer; }
.home-onrow__thumb { border: 1px solid #e2e8f0; }

/* Tanıtım zolaqları: yığcam, səs-küysüz */
.home-sec--slim { padding: 1rem 0; }
@media (min-width: 768px) { .home-sec--slim { padding: 1.25rem 0; } }
.home-head--tight { margin-bottom: .75rem; }
.home-head--tight h2 { font-size: 1.125rem; }
@media (min-width: 768px) { .home-head--tight h2 { font-size: 1.25rem; } }
.home-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; grid-template-columns: 1fr; }
@media (min-width: 640px) { .home-steps { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .home-steps { grid-template-columns: repeat(4, 1fr); } }
.home-step { display: flex; align-items: center; gap: .625rem; min-height: 56px; padding: .5rem .75rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: .875rem; }
.home-step__n { flex: none; width: 1.75rem; height: 1.75rem; border-radius: 9999px; background: #283571; color: #fff; font-size: .8125rem; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.home-step b { display: block; font-size: .875rem; color: #111827; line-height: 1.2; }
.home-step small { display: block; font-size: .75rem; color: #475569; line-height: 1.2; }
.home-feats { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.home-feat { display: inline-flex; align-items: center; gap: .5rem; min-height: 40px; padding: .35rem .875rem; font-size: .8125rem; font-weight: 600; color: #283571; background: #fff; border: 1px solid #e2e8f0; border-radius: 9999px; }
.home-feat i { color: #00AEEF; }
.home-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; }
@media (min-width: 768px) { .home-stats { grid-template-columns: repeat(4, 1fr); } }
.home-stat { display: flex; align-items: baseline; justify-content: center; gap: .5rem; flex-wrap: wrap; padding: .625rem .5rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: .875rem; text-align: center; }
.home-stat b { font-size: 1.375rem; font-weight: 800; color: #283571; }
.home-stat span { font-size: .8125rem; color: #475569; }
.home-me { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; }
.home-me__hi { flex: 1 1 14rem; font-size: .9375rem; color: #111827; }
.home-me__item { display: flex; align-items: center; gap: .625rem; min-height: 52px; padding: .5rem .875rem; background: #fff; border: 1px solid #e2e8f0; border-radius: .875rem; min-width: 0; max-width: 100%; transition: border-color .15s; }
.home-me__item:hover { border-color: #00AEEF; }
.home-me__item > i { flex: none; color: #283571; }
.home-me__item small { display: block; font-size: .6875rem; color: #475569; }
.home-me__item b { display: block; font-size: .8125rem; color: #111827; overflow-wrap: anywhere; }
.home-me__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .5rem 1.25rem; font-size: .875rem; font-weight: 700; color: #fff; background: #283571; border: 1px solid #283571; border-radius: .75rem; }
.home-me__btn--ghost { color: #283571; background: #fff; }
@media (max-width: 480px) { .home-me__item { flex: 1 1 100%; } .home-me__btn { flex: 1; } }

/* Xidmətlər: daha geniş sətir-kartlar (böyük şəkil, 2 sütun) */
.home-onrows--lg .home-onrow { min-height: 92px; padding: .625rem .875rem .625rem .625rem; gap: .875rem; }
.home-onrows--lg .home-onrow__thumb { width: 7.5rem; height: 4.75rem; border-radius: .625rem; }
.home-onrows--lg .home-onrow__title { font-size: .9375rem; }
@media (min-width: 1280px) { .home-onrows--lg { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 400px) { .home-onrows--lg .home-onrow__thumb { width: 5.5rem; height: 3.75rem; } }

/* Mobil üfüqi rail (native scroll-snap): uzun kart siyahıları telefonda 1 sətir yer tutur.
   ≥768px-də mövcud grid dəyişmir; «more» kartı yalnız mobildə görünür. */
.home-rail__more { display: none; }
@media (max-width: 767.98px) {
    .home-onrows.home-rail { display: flex; gap: .5rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: .125rem; }
    .home-onrows.home-rail::-webkit-scrollbar { display: none; }
    .home-rail > .home-onrow { flex: 0 0 82%; min-width: 0; scroll-snap-align: start; }
    .home-rail > .home-rail__more { display: flex; flex: 0 0 38%; min-height: 68px; scroll-snap-align: start; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; padding: .5rem; text-align: center; font-size: .8125rem; font-weight: 700; color: #fff; background: #283571; border: 1px solid #283571; border-radius: .875rem; }
    .home-rail:focus-visible, .home-rail > .home-rail__more:focus-visible { outline: 2px solid #00AEEF; outline-offset: 2px; }
}
@media (prefers-reduced-motion: reduce) { .home-rail { scroll-behavior: auto; } }

/* FAQ — yığcam <details> akkordeon */
.home-faq__list { display: flex; flex-direction: column; gap: .5rem; }
.home-faq__item { background: #fff; border: 1px solid #e2e8f0; border-radius: .875rem; }
.home-faq__item[open] { border-color: rgb(40 53 113 / .35); }
.home-faq__q { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 48px; padding: .625rem .875rem; cursor: pointer; font-size: .9375rem; font-weight: 600; line-height: 1.35; color: #1e293b; border-radius: .875rem; }
.home-faq__q::-webkit-details-marker { display: none; }
.home-faq__q > span { min-width: 0; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-faq__item[open] .home-faq__q > span { -webkit-line-clamp: unset; display: block; }
.home-faq__q:hover { color: #283571; }
.home-faq__q:focus-visible, .home-faq__btn:focus-visible { outline: 2px solid #00AEEF; outline-offset: 2px; }
.home-faq__chev { flex: none; color: #475569; transition: transform .2s; }
.home-faq__item[open] .home-faq__chev { transform: rotate(180deg); }
.home-faq__a { padding: 0 .875rem .875rem; font-size: .875rem; line-height: 1.6; color: #334155; overflow-wrap: anywhere; }
.home-faq__a p { margin: 0 0 .5rem; }
.home-faq__a ul, .home-faq__a ol { margin: 0 0 .5rem 1.1rem; list-style: revert; }
.home-faq__a a { color: #283571; font-weight: 600; text-decoration: underline; }
.home-faq__a img, .home-faq__a table { max-width: 100%; }
.home-faq__foot { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .875rem; }
.home-faq__btn { flex: 1 1 9rem; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .5rem 1rem; font-size: .875rem; font-weight: 600; color: #fff; background: #283571; border: 1px solid #283571; border-radius: .75rem; transition: background .2s; }
.home-faq__btn:hover { background: #1A2248; }
.home-faq__btn--ghost { color: #283571; background: #fff; border-color: #cbd5e1; }
.home-faq__btn--ghost:hover { background: #f1f5f9; }
.home-faq__empty { font-size: .875rem; color: #475569; }
@media (min-width: 768px) { .home-faq__q { font-size: 1rem; padding: .75rem 1rem; } .home-faq__a { padding: 0 1rem 1rem; font-size: .9375rem; } .home-faq__btn { flex: 0 0 auto; } }
@media (prefers-reduced-motion: reduce) { .home-faq__chev { transition: none; } }
.home-faq__head { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 56px; padding: .5rem .875rem; cursor: pointer; background: #fff; border: 1px solid #e2e8f0; border-radius: .875rem; }
.home-faq__head::-webkit-details-marker { display: none; }
.home-faq__head h2 { font-size: 1.0625rem; font-weight: 800; color: #111827; margin: 0; }
.home-faq__head p { margin: .125rem 0 0; font-size: .8125rem; color: #475569; }
.home-faq__head:focus-visible { outline: 2px solid #00AEEF; outline-offset: 2px; }
.home-faq__wrap[open] > .home-faq__head .home-faq__chev { transform: rotate(180deg); }
.home-faq__wrap[open] > .home-faq__head { margin-bottom: .75rem; }
@media (min-width: 768px) { .home-faq__head { background: transparent; border: 0; padding-left: 0; padding-right: 0; cursor: default; } .home-faq__head h2 { font-size: 1.75rem; } .home-faq__head p { font-size: .875rem; } .home-faq__head .home-faq__chev { display: none; } }

/* Giriş bloku */
.home-intro { background: linear-gradient(135deg, #1e2a5e 0%, #283571 55%, #1d5fa8 100%); color: #fff; padding: 1.5rem 0; }
.home-intro__in { max-width: 80rem; margin: 0 auto; padding: 0 1rem; display: flex; flex-direction: column; gap: 1.25rem; }
.home-intro__eyebrow { font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #7dd3fc; }
.home-intro h1 { margin-top: .25rem; font-size: clamp(1.5rem, 4.2vw, 2.5rem); line-height: 1.15; font-weight: 800; letter-spacing: -.02em; }
.home-intro__sub { margin-top: .5rem; font-size: .9375rem; color: #dbeafe; max-width: 36rem; }
.home-intro__cta { margin-top: 1rem; display: flex; flex-wrap: wrap; align-items: center; gap: .625rem; }
.home-intro__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .5rem 1.25rem; font-size: .9375rem; font-weight: 700; color: #fff; border: 1px solid rgb(255 255 255 / .45); border-radius: .75rem; transition: background .15s; }
.home-intro__btn:hover { background: rgb(255 255 255 / .12); }
.home-intro__btn--main { background: #fff; color: #283571; border-color: #fff; }
.home-intro__btn--main:hover { background: #e0f2fe; }
.home-intro__link { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: 0 .5rem; font-size: .9375rem; font-weight: 600; color: #bae6fd; }
.home-intro__link:hover { color: #fff; }
.home-intro__facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
.home-intro__facts li { display: flex; flex-direction: column; padding: .625rem .75rem; background: rgb(255 255 255 / .09); border: 1px solid rgb(255 255 255 / .16); border-radius: .75rem; }
.home-intro__facts b { font-size: .8125rem; font-weight: 700; }
.home-intro__facts span { font-size: .6875rem; color: #bfdbfe; }
@media (min-width: 1024px) {
    .home-intro { padding: 2rem 0; }
    .home-intro__in { flex-direction: row; align-items: center; justify-content: space-between; gap: 2.5rem; padding: 0 1.5rem; }
    .home-intro__text { flex: 1; }
    .home-intro__facts { flex: none; width: 24rem; grid-template-columns: 1fr; }
    .home-intro__facts li { flex-direction: row; align-items: baseline; gap: .5rem; }
    .home-intro__facts b { font-size: .9375rem; }
    .home-intro__facts span { font-size: .8125rem; }
}
@media (max-width: 420px) { .home-intro__facts { grid-template-columns: 1fr; } .home-intro__facts li { flex-direction: row; align-items: baseline; gap: .5rem; } }