* {

    box-sizing: border-box;

}



:root {

    --color-bg: #f4f7fb;

    --color-bg-soft: #eef3f9;

    --color-surface: #ffffff;

    --color-surface-dark: #001f45;

    --color-primary: #002858;

    --color-primary-strong: #001f45;

    --color-primary-soft: #dbe7f5;

    --color-accent: #fd5308;

    --color-accent-soft: #ffe4d7;

    --color-text: #172435;

    --color-text-soft: #5f6e7f;

    --color-border: #d8e1ec;

    --color-white: #ffffff;

    --shadow-soft: 0 20px 60px rgba(0, 40, 88, 0.08);

    --shadow-card: 0 14px 38px rgba(0, 40, 88, 0.08);

    --radius-xl: 30px;

    --radius-lg: 22px;

    --radius-md: 16px;

    --radius-sm: 12px;

    --container: 1135px;

}



html {

    scroll-behavior: smooth;

}



body {

    margin: 0;

    font-family: "Poppins", Arial, Helvetica, sans-serif;

    color: var(--color-text);

    background: var(--color-white);

    line-height: 1.7;

}



a {

    color: inherit;

    text-decoration: none;

}



h1, h2, h3, h4 {

    font-weight: 700;

    letter-spacing: -0.02em;

}



img {

    max-width: 100%;

    display: block;

}



.site-shell {

    min-height: 100vh;

    display: flex;

    flex-direction: column;

}



.site-main {

    flex: 1;

}



.container {

    width: min(var(--container), calc(100% - 32px));

    margin: 0 auto;

}



.narrow {

    max-width: 760px;

}



.site-header {

    position: sticky;

    top: 0;

    z-index: 100;

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

    backdrop-filter: blur(14px);

    border-bottom: 1px solid rgba(0, 40, 88, 0.08);

    box-shadow: 0 8px 24px rgba(0, 40, 88, 0.04);

}



.header-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    min-height: 86px;

}



.logo {

    display: flex;

    align-items: center;

    gap: 12px;

    min-width: 0;

    flex-shrink: 0;

}



.logo-mark {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 58px;

    height: 58px;

    border-radius: 50%;

    background: linear-gradient(135deg, var(--color-primary-strong), var(--color-primary));

    color: var(--color-white);

    font-weight: 800;

    letter-spacing: 0.12em;

    box-shadow: 0 10px 25px rgba(0, 40, 88, 0.18);

    overflow: hidden;

    flex: 0 0 58px;

}



.logo-mark-image {

    background: #ffffff;

    border: 1px solid rgba(0, 40, 88, 0.08);

    padding: 0;

}



.logo-mark-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%;

}



.logo-copy {

    display: flex;

    flex-direction: column;

    gap: 2px;

    min-width: 0;

}



.logo-title {

    font-size: 0.95rem;

    font-weight: 800;

    color: var(--color-primary-strong);

    line-height: 1.15;

}



.logo-subtitle {

    font-size: 0.76rem;

    color: var(--color-text-soft);

    line-height: 1.25;

}



.main-nav {

    display: flex;

    align-items: center;

    gap: 16px;

    flex-wrap: nowrap;

    min-width: 0;

}



.main-nav a {

    color: #2f4257;

    font-weight: 700;

    font-size: 0.9rem;

    position: relative;

    white-space: nowrap;

}



.main-nav a.active,

.main-nav a:hover {

    color: var(--color-primary);

}



.main-nav a.active::after,

.main-nav a:hover::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: -8px;

    height: 3px;

    background: var(--color-accent);

    border-radius: 999px;

}



.header-actions {

    display: flex;

    gap: 10px;

    align-items: center;

    flex-shrink: 0;

}



.header-actions .btn {

    min-height: 44px;

    padding: 0 16px;

    font-size: 0.88rem;

    white-space: nowrap;

}



.btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-height: 48px;

    padding: 0 20px;

    border-radius: 999px;

    font-weight: 600;

    transition: 0.22s ease;

    border: 1px solid transparent;

    cursor: pointer;

    font-size: 0.95rem;

}



.btn:hover {

    transform: translateY(-1px);

}



.btn-primary {

    background: linear-gradient(135deg, var(--color-primary-strong), var(--color-primary));

    color: var(--color-white);

    box-shadow: 0 12px 28px rgba(0, 40, 88, 0.20);

}



.btn-primary:hover {

    filter: brightness(1.04);

}



.btn-secondary {

    background: var(--color-surface);

    color: var(--color-primary-strong);

    border-color: var(--color-border);

}



.btn-secondary:hover {

    background: #f8fbff;

    border-color: rgba(0, 40, 88, 0.18);

}



.btn-ghost {

    background: var(--color-accent-soft);

    color: var(--color-primary-strong);

    border-color: rgba(253, 83, 8, 0.16);

}



.btn-ghost:hover {

    background: #ffd9c6;

}



.btn-ghost-dark {

    background: transparent;

    color: var(--color-primary-strong);

    border-color: var(--color-border);

}



.btn-light {

    background: var(--color-white);

    color: var(--color-primary-strong);

    border-color: rgba(255, 255, 255, 0.24);

}



.btn-block {

    width: 100%;

}



.btn-student {

    background-color: #fd5308;

    color: #fff;

    border: none;

}



.btn-student:hover {

    background-color: #e14a06;

    color: #fff;

}



.hero,

.page-hero {

    position: relative;

    overflow: hidden;

}



.hero-home {

    padding: 88px 0 70px;

    background:

        linear-gradient(180deg, #eef4fb 0%, #f7faff 56%, #ffffff 100%);

}



.hero-backdrop {

    position: absolute;

    inset: 0;

    background:

        radial-gradient(circle at 12% 18%, rgba(253, 83, 8, 0.10), transparent 24%),

        radial-gradient(circle at 88% 14%, rgba(0, 40, 88, 0.12), transparent 24%),

        radial-gradient(circle at 72% 78%, rgba(0, 40, 88, 0.06), transparent 22%);

    pointer-events: none;

}



.hero-grid,

.program-hero-grid,

.content-grid,

.footer-grid,

.program-grid,

.course-grid,

.news-grid,

.feature-grid,

.overview-strip-grid,

.dark-band-grid,

.strip-grid {

    display: grid;

    gap: 24px;

}



.hero-grid {

    position: relative;

    grid-template-columns: 1.05fr 0.95fr;

    align-items: center;

}



.hero-content h1,

.page-hero h1 {

    margin: 0 0 18px;

    font-size: clamp(2.6rem, 4.4vw, 4.9rem);

    line-height: 1.04;

    letter-spacing: -0.03em;

    color: #0f2340;

}



.hero-announcements {

    position: relative;

    min-height: 34px;

}



.hero-announcement-item {

    display: none;

    align-items: center;

    gap: 10px;

    flex-wrap: wrap;

}



.hero-announcement-item.is-active {

    display: flex;

}



.program-title-stacked {

    display: flex;

    flex-direction: column;

    gap: 6px;

    line-height: 1.05;

}



.program-title-main {

    display: block;

    font-size: 1em;

    font-weight: 800;

    letter-spacing: -0.03em;

    color: #0f2340;

}



.program-title-sub {

    display: block;

    font-size: clamp(1.2rem, 2.2vw, 2rem);

    font-weight: 700;

    line-height: 1.15;

    letter-spacing: -0.01em;

    color: var(--color-primary);

}



.program-title-meta {

    display: block;

    font-size: clamp(1rem, 1.6vw, 1.4rem);

    font-weight: 700;

    line-height: 1.2;

    color: var(--color-text-soft);

}



.hero-text {

    font-size: 1.12rem;

    color: var(--color-text-soft);

    max-width: 760px;

}



.eyebrow {

    display: inline-block;

    margin-bottom: 14px;

    color: var(--color-accent);

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.12em;

    font-size: 0.75rem;

}



.eyebrow-light {

    color: #ffd7c4;

}



.hero-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 14px;

    margin: 34px 0 30px;

}



.hero-points {

    display: grid;

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

    gap: 16px;

}



.hero-point,

.hero-card,

.program-card,

.course-card,

.news-card,

.content-card,

.sidebar-card,

.module-item,

.audience-box,

.overview-box {

    background: var(--color-surface);

    border: 1px solid var(--color-border);

    border-radius: var(--radius-lg);

    box-shadow: var(--shadow-card);

}



.hero-point {

    padding: 20px;

}



.hero-point strong {

    display: block;

    margin-bottom: 6px;

    color: #10233f;

}



.hero-point span {

    color: var(--color-text-soft);

    font-size: 0.95rem;

}



.hero-visual {

    position: relative;

    min-height: 520px;

}



.hero-card {

    padding: 28px;

}



.hero-card-main {

    position: absolute;

    inset: 50px 24px 90px 0;

    background: linear-gradient(160deg, #002858 0%, #001f45 100%);

    color: var(--color-white);

    border-color: rgba(255, 255, 255, 0.08);

    box-shadow: 0 30px 70px rgba(0, 40, 88, 0.30);

}



.hero-card-main h2 {

    margin-top: 16px;

    margin-bottom: 12px;

    font-size: 2rem;

    color: var(--color-white);

}



.hero-card-main p {

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

}



.hero-card-badge,

.summary-badge,

.program-tag,

.program-type,

.mini-label {

    display: inline-flex;

    align-items: center;

    min-height: 30px;

    padding: 0 12px;

    border-radius: 999px;

    font-size: 0.76rem;

    font-weight: 800;

    letter-spacing: 0.08em;

    text-transform: uppercase;

}



.hero-card-badge,

.program-tag {

    background: rgba(253, 83, 8, 0.14);

    color: #ffe4d7;

    border: 1px solid rgba(253, 83, 8, 0.22);

}



.summary-badge {

    background: var(--color-accent-soft);

    color: var(--color-accent);

    border: 1px solid rgba(253, 83, 8, 0.18);

}



.program-summary .btn + .btn {

    margin-top: 12px;

}



.content-sidebar {

    display: flex;

    flex-direction: column;

    gap: 24px;

}



.mba-runs-grid {

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 12px;

    margin-top: 20px;

}



.mba-run-card {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 56px;

    padding: 12px 14px;

    border-radius: 14px;

    border: 1px solid var(--color-border);

    font-weight: 800;

    text-align: center;

    transition: 0.2s ease;

}



.mba-run-card:hover {

    transform: translateY(-1px);

}



.mba-run-card-finished {

    background: #eef2f6;

    color: #6b7280;

    border-color: #d8e0ea;

}



.mba-run-card-active {

    background: #1f6b45;

    color: #ffffff;

    border-color: #1f6b45;

}



.mba-run-card-planned {

    background: var(--color-accent);

    color: #ffffff;

    border-color: var(--color-accent);

}



.mba-run-card-disabled {

    cursor: default;

    pointer-events: none;

}



@media (max-width: 980px) {

    .mba-runs-grid {

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

    }

}



@media (max-width: 640px) {

    .mba-runs-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}



.program-type,

.mini-label {

    background: #edf3fb;

    color: var(--color-primary-strong);

}



.hero-card-meta {

    display: grid;

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

    gap: 14px;

    margin: 24px 0;

}



.hero-card-meta span {

    display: block;

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

    font-size: 0.82rem;

    margin-bottom: 4px;

}



.hero-card-meta strong {

    color: var(--color-white);

    font-size: 1rem;

}



.text-link {

    display: inline-block;

    margin-top: 18px;

    color: var(--color-accent);

    font-weight: 800;

}



.text-link:hover {

    text-decoration: underline;

}



.text-link-light {

    color: #ffffff;

}



.hero-card-mini {

    position: absolute;

    right: 0;

    width: 250px;

    padding: 22px;

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

    backdrop-filter: blur(10px);

    border-left: 4px solid var(--color-accent);

}



.hero-card-mini-top {

    top: 0;

}



.hero-card-mini-bottom {

    bottom: 0;

}



.hero-card-mini strong {

    display: block;

    margin-top: 10px;

    color: #10233f;

    line-height: 1.4;

}



.section {

    padding: 86px 0;

}



.section-soft {

    background: linear-gradient(180deg, #f9fbfe 0%, #f2f7fc 100%);

}



.section-head {

    margin-bottom: 34px;

    max-width: 800px;

}



.section-head-centered {

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}



.section-head h2 {

    margin: 0 0 12px;

    font-size: clamp(2rem, 3vw, 3rem);

    line-height: 1.14;

    color: #10233f;

}



.section-head p {

    margin: 0;

    color: var(--color-text-soft);

}



.section-compact {

    padding: 16px 0;

}



.strip-section {

    padding: 28px 0 12px;

    background: var(--color-white);

}



.strip-grid {

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

}



.strip-item {

    display: flex;

    gap: 16px;

    align-items: flex-start;

    background: #ffffff;

    border: 1px solid var(--color-border);

    border-radius: var(--radius-md);

    padding: 22px;

}



.strip-number {

    min-width: 42px;

    height: 42px;

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: var(--color-accent-soft);

    color: var(--color-accent);

    font-weight: 800;

}



.strip-item strong {

    display: block;

    margin-bottom: 6px;

    color: #10233f;

}



.strip-item p {

    margin: 0;

    color: var(--color-text-soft);

}



.program-grid {

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

    align-items: stretch;

}



.program-card,

.course-card,

.news-card,

.content-card,

.sidebar-card,

.module-item,

.audience-box,

.overview-box {

    padding: 28px;

}



.program-card.featured {

    background: linear-gradient(160deg, #002858 0%, #00356f 60%, #001f45 100%);

    color: var(--color-white);

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

    box-shadow: 0 24px 60px rgba(0, 40, 88, 0.24);

}



.program-card.featured h3,

.program-card.featured p,

.program-card.featured .program-facts,

.program-card.featured .program-facts span {

    color: var(--color-white);

}



.program-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 16px;

}



.program-card h3,

.course-card h3,

.news-card h3,

.content-card h2,

.sidebar-card h3,

.module-item h3,

.audience-box h3 {

    margin-top: 0;

    color: #10233f;

}



.program-card p,

.course-card p,

.news-card p,

.content-card p,

.sidebar-card p,

.module-item p,

.audience-box p {

    color: var(--color-text-soft);

    text-align: justify;

}



.program-facts,

.course-meta,

.program-hero-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}



.program-facts span,

.course-meta span,

.program-hero-tags span {

    display: inline-flex;

    align-items: center;

    min-height: 34px;

    padding: 0 12px;

    border-radius: 999px;

    background: #eef3fa;

    color: var(--color-primary-strong);

    font-weight: 700;

    font-size: 0.9rem;

}



.program-card.featured .program-facts span {

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

    color: #ffffff;

}



.course-grid,

.news-grid {

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

}



.course-card {

    position: relative;

    overflow: hidden;

}



.course-card::before {

    content: "";

    position: absolute;

    inset: 0 0 auto 0;

    height: 5px;

    background: linear-gradient(90deg, var(--color-accent), var(--color-primary));

}



.course-date,

.news-date {

    color: var(--color-primary);

    font-weight: 800;

    margin-bottom: 14px;

    font-size: 0.92rem;

}



.section-dark-band {

    background: linear-gradient(160deg, #001f45 0%, #002858 100%);

    color: var(--color-white);

}



.dark-band-grid {

    grid-template-columns: 0.95fr 1.05fr;

    align-items: start;

}



.dark-band-grid h2 {

    margin: 0;

    color: var(--color-white);

    font-size: clamp(2rem, 3vw, 2.9rem);

    line-height: 1.15;

}



.dark-band-features {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;

}



.dark-feature {

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

    border: 1px solid rgba(253, 83, 8, 0.18);

    border-radius: var(--radius-md);

    padding: 22px;

}



.dark-feature h3 {

    margin-top: 0;

    color: var(--color-white);

}



.dark-feature p {

    margin-bottom: 0;

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

}



.article-style {

    border-top: 5px solid var(--color-accent);

}



.section-newsletter {

    background: linear-gradient(160deg, #002858 0%, #001f45 100%);

    color: var(--color-white);

}



.newsletter-panel {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 28px;

    background: linear-gradient(160deg, #002858 0%, #001f45 100%);

    border: 1px solid rgba(253, 83, 8, 0.18);

    border-radius: var(--radius-xl);

    padding: 34px;

    color: var(--color-white);

}



.newsletter-copy h2 {

    margin: 0 0 10px;

    color: var(--color-white);

}



.newsletter-copy p {

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

    margin-bottom: 0;

}



.newsletter-form {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

    align-items: center;

}



.newsletter-form input {

    min-width: 300px;

    min-height: 52px;

    padding: 0 18px;

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

    border-radius: 999px;

    font-size: 1rem;

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

    color: var(--color-text);

}



.cta-panel {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 28px;

    background: #ffffff;

    border: 1px solid var(--color-border);

    border-radius: var(--radius-xl);

    padding: 34px;

    box-shadow: var(--shadow-soft);

}



.cta-panel-copy h2 {

    margin: 0 0 10px;

}



.cta-panel-copy p {

    margin: 0;

    color: var(--color-text-soft);

    max-width: 720px;

}



.cta-panel-actions {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

}



.page-hero-program {

    padding: 78px 0 46px;

    background: linear-gradient(180deg, #eef4fb 0%, #f8fbff 55%, #ffffff 100%);

}



.page-hero-backdrop {

    position: absolute;

    inset: 0;

    background:

        radial-gradient(circle at 16% 14%, rgba(253, 83, 8, 0.10), transparent 24%),

        radial-gradient(circle at 88% 22%, rgba(0, 40, 88, 0.10), transparent 22%);

    pointer-events: none;

}



.breadcrumbs {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    color: var(--color-text-soft);

    margin-bottom: 24px;

    font-size: 0.95rem;

}



.program-hero-grid {

    position: relative;

    display: grid;

    grid-template-columns: 1.1fr 0.78fr;

    gap: 28px;

    align-items: start;

}



.program-hero-main {

    padding-top: 12px;

}



.program-summary {

    padding: 26px;

    position: sticky;

    top: 104px;

}



.program-summary-strong {

    background: var(--color-white);

    border: 1px solid var(--color-border);

    box-shadow: 0 24px 60px rgba(0, 40, 88, 0.10);

}



.program-summary-head h2 {

    margin-top: 14px;

    margin-bottom: 16px;

    font-size: 1.5rem;

    color: #10233f;

}



.summary-row,

.info-row {

    display: flex;

    justify-content: space-between;

    gap: 16px;

    padding: 13px 0;

    border-bottom: 1px solid #e6edf5;

}



.summary-row:last-of-type,

.info-row:last-of-type {

    border-bottom: none;

}



.program-overview-strip {

    padding-top: 10px;

    padding-bottom: 20px;

}



.overview-strip-grid {

    grid-template-columns: repeat(4, minmax(0, 1fr));

}



.overview-box {

    padding: 22px;

}



.overview-box span {

    display: block;

    color: var(--color-text-soft);

    font-size: 0.88rem;

    margin-bottom: 6px;

}



.overview-box strong {

    color: #10233f;

    line-height: 1.4;

}



.content-grid {

    grid-template-columns: 1.12fr 0.68fr;

    align-items: start;

}



.program-content-grid {

    gap: 28px;

}



.content-section + .content-section {

    margin-top: 24px;

}



.section-kicker {

    display: inline-block;

    margin-bottom: 12px;

    color: var(--color-accent);

    font-size: 0.78rem;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.1em;

}



.section-kicker-light {

    color: #ffd7c4;

}



.audience-grid,

.module-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;

}



.audience-box {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 120px;

    text-align: left;

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

}



.audience-box:hover {

    transform: translateY(-2px);

    box-shadow: 0 18px 40px rgba(0, 40, 88, 0.10);

    border-color: #c8d6e8;

}



.audience-box h3 {

    margin: 0;

    width: 100%;

}



.module-item-strong {

    background: linear-gradient(160deg, #002858 0%, #001f45 100%);

    color: var(--color-white);

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

}



.module-item-strong h3,

.module-item-strong p {

    color: var(--color-white);

}



.info-table {

    border: 1px solid var(--color-border);

    border-radius: var(--radius-lg);

    padding: 0 24px;

    background: #ffffff;

}



.enroll-panel {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 24px;

    background: #f7fafe;

    border: 1px solid var(--color-border);

    border-radius: var(--radius-lg);

    padding: 24px;

}



.enroll-panel p {

    margin: 0;

}



.enroll-actions {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

}



.sidebar-card {

    background: #ffffff;

}



.sidebar-card-accent {

    background: linear-gradient(160deg, #002858 0%, #001f45 100%);

    color: var(--color-white);

    border-color: rgba(255, 255, 255, 0.08);

}



.sidebar-card-accent h3,

.sidebar-card-accent p,

.sidebar-card-accent li,

.sidebar-card-accent strong {

    color: var(--color-white);

}



.sidebar-list {

    padding-left: 18px;

    margin: 0;

}



.sidebar-list-clean {

    list-style: none;

    padding-left: 0;

}



.sidebar-list-clean li + li {

    margin-top: 10px;

}



.site-footer {

    background: linear-gradient(180deg, #001f45 0%, #001734 100%);

    color: #d6dfeb;

    padding-top: 60px;

    border-top: 4px solid var(--color-accent);

}



.footer-grid {

    grid-template-columns: 1.2fr 0.8fr 0.8fr;

}



.site-footer h3,

.site-footer h4 {

    margin-top: 0;

    color: var(--color-white);

}



.footer-links {

    list-style: none;

    padding: 0;

    margin: 0;

}



.footer-links li + li {

    margin-top: 8px;

}



.footer-links a:hover,

.site-footer a:hover {

    color: #ffffff;

    text-decoration: underline;

}



.footer-bottom {

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

    margin-top: 34px;

    padding: 20px 0 30px;

    color: #91a0b5;

    font-size: 0.94rem;

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip-path: inset(50%);

    border: 0;

}



@media (max-width: 1180px) {

    .hero-grid,

    .program-hero-grid,

    .content-grid,

    .footer-grid,

    .program-grid,

    .course-grid,

    .news-grid,

    .overview-strip-grid,

    .dark-band-grid,

    .strip-grid {

        grid-template-columns: 1fr;

    }



    .hero-points {

        grid-template-columns: 1fr;

    }



    .hero-visual {

        min-height: auto;

        display: grid;

        gap: 18px;

    }



    .hero-card-main,

    .hero-card-mini {

        position: static;

        width: auto;

    }



    .dark-band-features,

    .audience-grid,

    .module-grid {

        grid-template-columns: 1fr;

    }



    .program-summary {

        position: static;

    }



    .newsletter-panel,

    .cta-panel,

    .header-inner,

    .enroll-panel {

        flex-direction: column;

        align-items: flex-start;

    }



    .main-nav,

    .header-actions {

        width: 100%;

    }



    .main-nav {

        flex-wrap: wrap;

    }

}



@media (max-width: 720px) {

    .container {

        width: min(100% - 22px, var(--container));

    }



    .section,

    .hero-home,

    .page-hero-program {

        padding-top: 58px;

        padding-bottom: 58px;

    }



    .hero-content h1,

    .page-hero h1 {

        font-size: clamp(2.15rem, 9vw, 3rem);

    }



    .hero-card-meta,

    .hero-points,

    .audience-grid,

    .module-grid {

        grid-template-columns: 1fr;

    }



    .newsletter-form,

    .cta-panel-actions,

    .enroll-actions {

        width: 100%;

    }



    .newsletter-form input,

    .newsletter-form button,

    .cta-panel-actions .btn,

    .enroll-actions .btn {

        width: 100%;

    }



    .main-nav {

        gap: 14px;

    }



    .logo-title {

        font-size: 0.9rem;

    }



    .logo-subtitle {

        font-size: 0.74rem;

    }



    .logo-mark {

        width: 52px;

        height: 52px;

        flex-basis: 52px;

    }



    .header-actions .btn {

        min-height: 42px;

        padding: 0 14px;

        font-size: 0.84rem;

    }

}



.admin-body,

.admin-login-body {

    background: #f3f6fb;

}



.admin-shell {

    min-height: 100vh;

    display: grid;

    grid-template-columns: 280px 1fr;

}



.admin-sidebar {

    background: linear-gradient(180deg, #001f45 0%, #001734 100%);

    color: #d9e2ef;

    padding: 28px 20px;

}



.admin-brand {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 1.5rem;

}



.admin-brand-mark {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    background: #fff; /* bílý kruh */



    display: flex;

    align-items: center;

    justify-content: center;



    box-shadow: 0 4px 12px rgba(0,0,0,0.08);

}



.admin-brand-mark img {

    max-width: 90%;

    height: auto;

}



.admin-brand-sub {

    font-size: 0.84rem;

    color: #9fb0c7;

}



.admin-nav {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.admin-nav a {

    display: block;

    padding: 12px 14px;

    border-radius: 12px;

    color: #d9e2ef;

    font-weight: 700;

}



.admin-nav a:hover {

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

}



.admin-main {

    display: flex;

    flex-direction: column;

    min-width: 0;

}



.admin-topbar {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    padding: 24px 28px 0;

}



.admin-topbar h1 {

    margin: 0;

    font-size: 2rem;

}



.admin-user {

    color: #5d6a79;

}



.admin-content {

    padding: 24px 32px 40px;

}



.admin-card {

    background: #ffffff;

    border: 1px solid #dce3ec;

    border-radius: 22px;

    box-shadow: 0 14px 38px rgba(0, 40, 88, 0.08);

    padding: 24px;

    transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.admin-card:hover {

    transform: translateY(-2px);

    box-shadow: 0 18px 48px rgba(0, 40, 88, 0.12);

}



.admin-card + .admin-card,

.admin-stats + .admin-card {

    margin-top: 24px;

}



.admin-card-head {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 18px;

    margin-bottom: 18px;

}



.admin-card h2 {

    margin: 0;

}



.admin-stats {

    display: grid;

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

    gap: 18px;

    margin-bottom: 24px;

}



.admin-stat-card {

    background: #ffffff;

    border: 1px solid #dce3ec;

    border-radius: 22px;

    box-shadow: 0 14px 38px rgba(0, 40, 88, 0.08);

    padding: 22px;

}



.admin-stat-card span {

    display: block;

    color: #5d6a79;

    margin-bottom: 8px;

}



.admin-stat-card strong {

    font-size: 2rem;

    color: #10233f;

}



.admin-actions {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

}



.admin-table-wrap {

    overflow-x: auto;

}



.admin-table {

    width: 100%;

    border-collapse: collapse;

}



.admin-table th,

.admin-table td {

    padding: 14px 12px;

    text-align: left;

    border-bottom: 1px solid #e8eef5;

    vertical-align: top;

}



.admin-table th {

    color: #5d6a79;

    font-size: 0.9rem;

}



.admin-table td.admin-table-actions {

    display: table-cell;

    vertical-align: middle;

    white-space: nowrap;

}



.admin-table-actions a,

.admin-table-actions form {

    display: inline-flex;

    align-items: center;

    margin-right: 8px;

}



.admin-table-actions form {

    margin-bottom: 0;

}



.admin-table-actions a:last-child,

.admin-table-actions form:last-child {

    margin-right: 0;

}



.admin-table-actions a {

    color: var(--color-primary-strong);

    font-weight: 700;

}



.admin-form {

    display: grid;

    gap: 16px;

}



.admin-form-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;

}



.form-group {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.form-group label {

    font-weight: 700;

    color: #233447;

}



.form-group input,

.form-group textarea,

.form-group select {

    width: 100%;

    min-height: 48px;

    padding: 12px 14px;

    border: 1px solid #cfd9e6;

    border-radius: 14px;

    font: inherit;

    color: #182433;

    background: #ffffff;

}



.form-group textarea {

    min-height: auto;

    resize: vertical;

}



.full-width {

    grid-column: 1 / -1;

}



.form-checks {

    display: flex;

    gap: 18px;

    flex-wrap: wrap;

}



.form-checks label {

    display: inline-flex;

    gap: 8px;

    align-items: center;

    font-weight: 700;

}



.form-actions {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

    margin-top: 10px;

    margin-bottom: 10px;

}



.form-actions .btn {

    width: auto;

    min-width: 160px;

}



.admin-login-wrap {

    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 24px;

    background:

        radial-gradient(circle at top left, rgba(253, 83, 8, 0.14), transparent 22%),

        linear-gradient(180deg, #eff4fa 0%, #ffffff 100%);

}



.admin-login-card {

    width: min(100%, 460px);

    background: #ffffff;

    border: 1px solid #dce3ec;

    border-radius: 28px;

    box-shadow: 0 24px 60px rgba(0, 40, 88, 0.10);

    padding: 32px;

}



.admin-login-brand {

    text-align: center;

    margin-bottom: 20px;

}



.admin-login-brand h1 {

    margin: 0 0 8px;

}



.admin-login-brand p {

    margin: 0;

    color: #5d6a79;

}



.admin-login-brand .admin-brand-mark {

    margin: 0 auto 14px;

    width: 140px;

    height: 100px;

    box-shadow: none;

}



.admin-login-brand .admin-brand-mark img {

    width: 100%;

    height: auto;

    display: block;

}



.admin-alert {

    border-radius: 14px;

    padding: 14px 16px;

    margin-bottom: 16px;

    font-weight: 700;

}



.admin-alert-error {

    background: #fff1f2;

    color: #991b1b;

    border: 1px solid #fecdd3;

}



.admin-alert-success {

    background: #ecfdf5;

    color: #166534;

    border: 1px solid #bbf7d0;

    margin-bottom: 18px;

}



@media (max-width: 980px) {

    .admin-shell {

        grid-template-columns: 1fr;

    }



    .admin-sidebar {

        padding-bottom: 12px;

    }



    .admin-stats,

    .admin-form-grid {

        grid-template-columns: 1fr;

    }



    .admin-topbar {

        flex-direction: column;

        align-items: flex-start;

    }

}



.admin-container {

    max-width: 1500px;

    margin: 0 auto;

    width: 100%;

}



.form-group input,

.form-group textarea,

.form-group select {

    transition: border-color 0.2s, box-shadow 0.2s;

}



.form-group input:focus,

.form-group textarea:focus,

.form-group select:focus {

    outline: none;

    border-color: var(--color-primary);

    box-shadow: 0 0 0 3px rgba(0, 40, 88, 0.12);

}



.form-checks label {

    background: #f5f8fc;

    padding: 10px 14px;

    border-radius: 12px;

    border: 1px solid #dce3ec;

    cursor: pointer;

}



.form-checks input {

    transform: scale(1.2);

}



.admin-table tr:hover {

    background: #f9fbff;

}



.admin-nav a.active {

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

    border-left: 3px solid var(--color-accent);

}



.admin-muted {

    margin: 6px 0 12px;

    color: #5d6a79;

    font-size: 0.94rem;

}



.inline-form {

    display: inline;

    margin: 0;

}



.admin-link-button {

    background: transparent;

    border: none;

    padding: 0;

    font: inherit;

    font-weight: 700;

    color: var(--color-primary-strong);

    cursor: pointer;

}



.admin-link-button-danger {

    color: #b91c1c;

}



.admin-link-button:hover {

    text-decoration: underline;

}



select {

    font: inherit;

}



.admin-table td:nth-child(2),

.admin-table td:nth-child(3) {

    white-space: normal;

}



.admin-card-form {

    padding: 28px;

}



.admin-form-stack {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.admin-section-card {

    border: 1px solid #e5ebf3;

    border-radius: 18px;

    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);

    padding: 20px;

}



.admin-section-card-head {

    margin-bottom: 16px;

}



.admin-section-card-head h3 {

    margin: 0 0 4px;

    font-size: 1.1rem;

    color: #10233f;

}



.admin-section-card-head p {

    margin: 0;

    color: #6a7787;

    font-size: 0.95rem;

}



.admin-form-grid-1 {

    grid-template-columns: 1fr;

}



.admin-form-grid-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

}



.admin-form-grid-3 {

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

}



.admin-toggle-row {

    margin-bottom: 10px;

}



.admin-check-inline {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    font-weight: 700;

    color: #233447;

    cursor: pointer;

}



.admin-check-inline input[type="checkbox"] {

    width: 16px;

    height: 16px;

    min-height: 16px;

    margin: 0;

    accent-color: var(--color-primary);

    transform: none;

}



.checkbox-grid {

    display: grid;

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

    gap: 10px;

}



.checkbox-grid-compact {

    gap: 8px;

}



.checkbox-card {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    border: 1px solid #dbe4ef;

    border-radius: 14px;

    background: #f8fbff;

    padding: 12px 14px;

    cursor: pointer;

    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;

}



.checkbox-card:hover {

    border-color: #bfcfe3;

    background: #f2f7fd;

}



.checkbox-card input[type="checkbox"] {

    width: 16px;

    height: 16px;

    min-height: 16px;

    margin: 2px 0 0;

    flex: 0 0 16px;

    accent-color: var(--color-primary);

    transform: none;

    box-shadow: none;

}



.checkbox-card span {

    display: block;

    font-size: 0.95rem;

    line-height: 1.4;

    color: #1d2d40;

    font-weight: 600;

}



.checkbox-card-compact {

    padding: 10px 12px;

    border-radius: 12px;

}



.checkbox-card-compact span {

    font-size: 0.92rem;

    font-weight: 600;

}



.checkbox-box {

    height: 54px;

    display: flex;

    align-items: center;

    padding: 0 14px;

    border: 1px solid #cfd9e6;

    border-radius: 14px;

    background: #ffffff;

}



.checkbox-box label {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin: 0;

    font-weight: 700;

    color: #233447;

    cursor: pointer;

}



.checkbox-box input[type="checkbox"] {

    width: 16px;

    height: 16px;

    min-height: 16px;

    margin: 0;

    accent-color: var(--color-primary);

}



.form-group input[type="checkbox"] {

    width: auto;

    min-height: auto;

    padding: 0;

    border: none;

    border-radius: 0;

    background: transparent;

}



.admin-table-wrap-no-scroll {

    overflow-x: visible;

}



.admin-table-program-friendly {

    table-layout: auto;

}



.admin-table-program-friendly th,

.admin-table-program-friendly td {

    white-space: normal;

    word-break: break-word;

    vertical-align: middle;

}



.admin-table-program-friendly td:last-child,

.admin-table-program-friendly th:last-child {

    white-space: normal;

}



.admin-table-actions a,

.admin-table-actions .admin-link-button {

    white-space: nowrap;

}



@media (min-width: 1200px) {

    .admin-table-program-friendly th:nth-child(2),

    .admin-table-program-friendly td:nth-child(2) {

        width: 90px;

    }



    .admin-table-program-friendly th:nth-child(4),

    .admin-table-program-friendly td:nth-child(4) {

        min-width: 260px;

    }



    .admin-table-program-friendly th:nth-child(8),

    .admin-table-program-friendly td:nth-child(8) {

        min-width: 230px;

    }

}



/* === Lepší spacing pro akční tlačítka ve filtrech === */



.admin-filter-actions {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 8px;

    margin-bottom: 8px;

}



.admin-filter-actions .btn {

    width: auto;

    min-width: 140px;

    margin: 6px 0;

}



/* === Checkbox bulk akce === */



.bulk-actions {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

    margin: 12px 0;

}



.bulk-actions .btn {

    width: auto;

    min-width: 180px;

}



@media (max-width: 1180px) {

    .checkbox-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .admin-form-grid-3 {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}



@media (max-width: 820px) {

    .checkbox-grid,

    .admin-form-grid-2,

    .admin-form-grid-3 {

        grid-template-columns: 1fr;

    }



    .admin-card-form {

        padding: 20px;

    }



    .admin-section-card {

        padding: 16px;

    }

}



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



.hero-slider {

    width: 100%;

    max-width: 1135px;

    height: 300px;

    margin: 20px auto 40px auto;

    position: relative;

    overflow: hidden;

    border-radius: 16px;

}



.hero-slide {

    position: absolute;

    inset: 0;

    opacity: 0;

    transition: opacity 0.6s ease;

}



.hero-slide.active {

    opacity: 1;

}



.hero-slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



/* overlay text */

.hero-slide-overlay {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 40px;

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

    padding: 18px 32px;

}



.hero-slide-overlay h2 {

    margin: 0;

    font-size: 2rem;

    color: var(--color-accent);

    font-weight: 800;

}



/* dots */

.hero-dots {

    position: absolute;

    bottom: 14px;

    left: 50%;

    transform: translateX(-50%);

    display: flex;

    gap: 8px;

}



.hero-dot {

    width: 10px;

    height: 10px;

    border-radius: 50%;

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

    cursor: pointer;

}



.hero-dot.active {

    background: var(--color-accent);

}



.mpsv-courses-list {

    display: flex;

    flex-direction: column;

    gap: 1rem;

}



.mpsv-course-row {

    width: 100%;

}



.mpsv-course-link {

    display: block;

    width: 100%;

    padding: 1.5rem;

    border-radius: 20px;

    background: #fff;

    text-decoration: none;

    color: inherit;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

    transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.mpsv-course-link:hover {

    transform: translateY(-2px);

    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);

}



.mpsv-course-link-disabled {

    cursor: default;

}



.mpsv-course-content h2 {

    margin: 0 0 1rem;

}



.mpsv-course-meta {

    display: flex;

    flex-direction: column;

    gap: 0.35rem;

}



.mpsv-course-meta p {

    margin: 0;

}



.mpsv-courses-note {

    margin-top: 2rem;

    padding: 1.5rem;

    border-radius: 20px;

    background: #f7f7f7;

}



.mpsv-contacts {

    margin-top: 20px;

    display: grid;

    gap: 16px;

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

}



/* mobil */

@media (max-width: 640px) {

    .mpsv-contacts {

        grid-template-columns: 1fr;

    }

}



.mpsv-contact-card {

    padding: 18px 22px;

    border: 1px solid #e5e7eb;

    border-radius: 14px;

    background: #f9fafb;

    transition: all 0.2s ease;

}



.mpsv-contact-card:hover {

    border-color: #cbd5f5;

    background: #f5f7ff;

}



.mpsv-contact-name {

    margin: 0;

    font-weight: 600;

    font-size: 16px;

}



.mpsv-contact-phone {

    margin: 6px 0 0;

    font-size: 15px;

}



.mpsv-contact-phone a {

    color: #2563eb;

    text-decoration: none;

}



.mpsv-contact-phone a:hover {

    text-decoration: underline;

}



.contact-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 24px;

    align-items: start;

}



.contact-column {

    display: flex;

    flex-direction: column;

    gap: 24px;

}



.contact-card {

    background: #ffffff;

    border: 1px solid var(--color-border);

    border-radius: var(--radius-lg);

    box-shadow: var(--shadow-card);

    padding: 28px;

}



.contact-card-strong {

    background: linear-gradient(160deg, #002858 0%, #001f45 100%);

    color: #ffffff;

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

}



.contact-card-strong h2,

.contact-card-strong p,

.contact-card-strong a,

.contact-card-strong .contact-label {

    color: #ffffff;

}



.contact-card h2 {

    margin-top: 0;

    margin-bottom: 8px;

    color: #10233f;

}



.contact-card-strong h2 {

    color: var(--color-white);

}



.contact-card-strong .contact-row p,

.contact-card-strong .contact-row a,

.contact-card-strong .contact-list p,

.contact-card-strong .contact-label {

    color: #ffffff;

}



.contact-list,

.contact-row {

    display: flex;

    flex-direction: column;

    gap: 6px;

}



.contact-row + .contact-row {

    margin-top: 16px;

}



.contact-label {

    display: inline-block;

    font-size: 0.78rem;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.08em;

    color: var(--color-accent);

}



.contact-row p {

    margin: 0;

    color: var(--color-text-soft);

}



.contact-person-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;

    margin-bottom: 20px;

}



.contact-person {

    padding: 18px 20px;

    border: 1px solid var(--color-border);

    border-radius: 14px;

    background: #f8fbff;

}



.contact-person-name {

    margin: 0 0 6px;

    font-weight: 700;

    color: #10233f;

}



.contact-note {

    margin-top: 18px;

    padding: 16px 18px;

    border-radius: 14px;

    background: #f7f7f7;

    color: var(--color-text-soft);

}



.contact-bottom-note {

    margin-top: 28px;

    padding: 28px;

    border-radius: var(--radius-lg);

    background: linear-gradient(180deg, #f8fbff 0%, #f1f6fc 100%);

    border: 1px solid var(--color-border);

}



.contact-bottom-note h3 {

    margin: 0 0 10px;

    color: #10233f;

}



.contact-bottom-note p {

    margin: 0;

    color: var(--color-text-soft);

}



@media (max-width: 980px) {

    .contact-grid,

    .contact-person-grid {

        grid-template-columns: 1fr;

    }

}



.contact-map {

    margin-top: 16px;

    border-radius: 14px;

    overflow: hidden;

    border: 1px solid var(--color-border);

}



.contact-map iframe {

    width: 100%;

    height: 220px;

    border: 0;

    display: block;

}



.contact-download-box {

    margin-top: 18px;

    padding: 18px;

    border-radius: 14px;

    background: #f5f7ff;

    border: 1px solid #dbe4ff;

}



.contact-download-box .btn {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    margin: 12px 0 0;

    text-align: center;

}



.mpsv-course-lectors-row {

    margin-top: 4px;

}



.mpsv-course-lectors {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 6px;

}



.mpsv-course-lectors span {

    display: inline-flex;

    align-items: center;

    min-height: 30px;

    padding: 4px 10px;

    border-radius: 999px;

    background: #eef3fa;

    color: var(--color-primary-strong);

    font-weight: 600;

    font-size: 0.9rem;

}



.home-news-list {

    display: grid;

    gap: 14px;

}



.home-news-item {

    display: block;

    padding: 20px 22px;

    border: 1px solid var(--color-border);

    border-radius: var(--radius-md);

    background: #f8fbff;

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

}



.home-news-item:hover {

    transform: translateY(-2px);

    border-color: #c8d6e8;

    box-shadow: 0 14px 30px rgba(0, 40, 88, 0.08);

}



.home-news-date {

    display: inline-block;

    margin-bottom: 6px;

    color: var(--color-accent);

    font-weight: 800;

    font-size: 0.82rem;

}



.home-news-item h3 {

    margin: 0 0 8px;

    color: #10233f;

}



.home-news-item p {

    margin: 0;

    color: var(--color-text-soft);

}



.file-input-row {

    height: 54px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 0 14px;

    border: 1px solid #cfd9e6;

    border-radius: 14px;

    background: #fff;

}



.file-input-row.has-file {

    background: #ecfdf5;

    border-color: #10b981;

}



.file-input-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    height: 34px;

    padding: 0 14px;

    border-radius: 10px;

    background: #eef2f7;

    color: #233447;

    font-weight: 700;

    font-size: 0.88rem;

    cursor: pointer;

    white-space: nowrap;

}



.file-input-button:hover {

    background: #e2e8f0;

}



.file-input-name {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 0.9rem;

    color: #667085;

    font-weight: 600;

}



.file-input-row.has-file .file-input-name {

    color: #065f46;

}



.file-input-row input[type="file"] {

    display: none;

}



.student-theses-warning {

    margin-bottom: 30px;

    line-height: 1.6;

}



.student-theses-warning-strong {

    margin-top: 6px;

    font-weight: 700;

    color: #8b0000; /* tmavě červená */

}



/* seznam prací */

.student-theses-items {

    display: flex;

    flex-direction: column;

    gap: 6px;

}



.student-theses-item {

    font-size: 15px;

    margin-bottom: 6px;

    line-height: 1.5;

}



.student-theses-item a {

    color: #0d3b66;

    text-decoration: none;

}



.student-theses-item a:hover {

    text-decoration: underline;

}



.student-materials-block h2 {

    display: inline-block;

    padding: 6px 14px;

    background: #fd5308;

    color: #fff;

    border-radius: 6px;

    font-size: 16px;

    font-weight: 600;

    margin: 14px 0;

}



.psv-download-action {

    min-width: 260px;

}



.psv-download-action .btn {

    width: 100%;

    white-space: nowrap;

}



.link-accent {

    color: #fd5308;

    text-decoration: none;

}



.link-accent:hover {

    text-decoration: underline;

}



.lector-grid {

    display: grid;

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

    gap: 22px;

}



.lector-card {

    display: flex;

    flex-direction: column;

    overflow: hidden;

    background: #ffffff;

    border-radius: 24px;

    text-decoration: none;

    color: inherit;

    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);

    transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.lector-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.13);

}



.lector-card-photo {

    height: 260px;

    background: #eef2f6;

    display: flex;

    align-items: center;

    justify-content: center;

}



.lector-card-photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.lector-card-photo span {

    width: 96px;

    height: 96px;

    border-radius: 999px;

    background: #fd5308;

    color: #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 34px;

    font-weight: 700;

}



.lector-card-content {

    padding: 22px;

}



.lector-card-content h2 {

    margin: 0 0 10px;

    font-size: 21px;

}



.lector-card-content p {

    margin: 0 0 14px;

    color: var(--color-text-soft);

}



@media (max-width: 900px) {

    .lector-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}



@media (max-width: 640px) {

    .lector-grid {

        grid-template-columns: 1fr;

    }

}



/* ===== LECTORS LIST ===== */



.lector-list {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;

}



.lector-list-card {

    display: flex;

    align-items: center;

    gap: 20px;



    padding: 18px 22px;

    border-radius: 16px;



    background: #ffffff;

    border: 1px solid #e5e7eb;



    text-decoration: none;

    color: inherit;



    transition: all 0.25s ease;

}



.lector-list-card:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);

    border-color: #d1d5db;

}



/* FOTO / AVATAR */



.lector-list-photo {

    flex-shrink: 0;



    width: 72px;

    height: 72px;



    border-radius: 50%;

    overflow: hidden;



    background: #eef2f6;



    display: flex;

    align-items: center;

    justify-content: center;



    font-weight: 600;

    font-size: 20px;

    color: #6b7280;

}



.lector-list-photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



/* TEXT */



.lector-list-content {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.lector-list-content h2 {

    margin: 0;

    font-size: 18px;

    font-weight: 600;

}



.lector-list-content .section-kicker {

    font-size: 12px;

    color: #9ca3af;

}



.lector-list-content .text-link {

    margin-top: 4px;

    font-size: 13px;

    color: #fd5308;

    font-weight: 500;

}



/* RESPONSIVE */



@media (max-width: 640px) {

    .lector-list-card {

        padding: 14px;

        gap: 14px;

    }



    .lector-list-photo {

        width: 56px;

        height: 56px;

        font-size: 16px;

    }



    .lector-list-content h2 {

        font-size: 16px;

    }

}



@media (max-width: 640px) {

    .lector-list {

        grid-template-columns: 1fr;

    }



    .lector-list-card {

        padding: 14px;

        gap: 14px;

    }



    .lector-list-photo {

        width: 56px;

        height: 56px;

        font-size: 16px;

    }



    .lector-list-content h2 {

        font-size: 16px;

    }

}



/* === Form errors === */



.form-group.field-error label,

.form-group.field-error h3 {

    color: #b42318;

}



.form-group.field-error input,

.form-group.field-error select,

.form-group.field-error textarea {

    border-color: #d92d20 !important;

    background: #fff5f5;

    box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.12);

}



.form-group.field-error .checkbox-card {

    border-color: #d92d20 !important;

    background: #fff5f5;

    box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.12);

}



.field-error-message {

    display: block;

    margin-top: 6px;

    color: #b42318;

    font-size: 0.88rem;

    font-weight: 600;

}



.admin-filter-actions-inline {

    display: flex;

    flex-direction: row;

    align-items: flex-end;

    justify-content: center;

    gap: 10px;

    flex-wrap: nowrap;

}



.admin-filter-actions-inline .btn {

    white-space: nowrap;

}



/* === Přihláška – centrování reCAPTCHA a submit tlačítka === */



#applicationForm .recaptcha-centered {

    grid-column: 1 / -1;

    width: 100%;

    display: block;

}



#applicationForm .recaptcha-box {

    width: 304px;

    max-width: 100%;

    margin-left: auto;

    margin-right: auto;

}



#applicationForm .recaptcha-box .g-recaptcha {

    width: 304px;

    max-width: 100%;

    transform-origin: center top;

}



#applicationForm .application-submit-centered {

    grid-column: 1 / -1;

    display: flex;

    justify-content: center;

    width: 100%;

}



#applicationForm .application-submit-centered .btn {

    min-width: 240px;

}



.clickable-row {

    cursor: pointer;

}



.clickable-row:hover {

    background: rgba(0, 0, 0, 0.03);

}