.themes-page { background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%); }
.themes-intro { position: relative; min-height: 70vh; padding: 30px 0 58px; overflow: hidden; }
.themes-intro::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../../conference_portal_package/assets/login-science-background.png") center / cover no-repeat; }
.themes-intro .container { position: relative; z-index: 1; }
.themes-heading { margin-bottom: 32px; color: #061a33; text-align: center; }
.themes-heading span { color: #a93600; font-size: .82rem; font-weight: 700; letter-spacing: .18em; }
.themes-heading h1 { margin: 8px 0 12px; font-family: "Lora", serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; }
.themes-heading > div { width: 90px; height: 2px; margin: auto; background: #a93600; border-radius: 99px; }
.themes-heading p { max-width: 720px; margin: 18px auto 0; color: #061a33; line-height: 1.7; font-weight: 600; }
.theme-panel { height: 100%; padding: 30px 35px; }
.theme-panel ul { margin: 0; padding: 0; list-style: none; }
.theme-panel li { position: relative; padding: .43rem 0 .43rem 1.5rem; color: #061a33; line-height: 1.55; font-weight: 600; }
.theme-panel li::before { position: absolute; left: 0; color: #d94f00; content: "▸"; font-weight: 700; }
.themes-columns { border: 1px solid rgba(255, 255, 255, .16); border-radius: 18px; box-shadow: 0 16px 38px rgba(0, 0, 0, .18); }
.themes-columns > :not(:first-child) .theme-panel { border-left: 2px solid #a93600; }
.themes-note { max-width: 940px; margin: 24px auto 0; color: #061a33; line-height: 1.8; text-align: center; font-weight: 600; }
.themes-action { margin-top: 28px; text-align: center; }
.themes-action a { display: inline-block; padding: .7rem 1.4rem; color: #ffffff; background: #a93600; border-radius: 6px; font-weight: 700; text-decoration: none; }
.themes-action a:hover { color: #ffffff; background: #7a2600; transform: translateY(-2px); }

@media (max-width: 767.98px) {
    .themes-intro { padding: 24px 0 40px; }
    .theme-panel { padding: 24px 20px; }
    .theme-panel li { font-size: .94rem; }
    .themes-columns { border: 0; box-shadow: none; }
    .themes-columns > :not(:first-child) .theme-panel { border-top: 2px solid #a93600; border-left: 0; }
    .themes-action a { width: 100%; }
}