.about-page { position:relative; overflow:hidden; background:var(--theme-primary, #061e4b); }
.about-page::before { position:absolute; inset:0; content:""; pointer-events:none; background:url("../images/conference-themes-science.png") center top / 100% auto no-repeat; opacity:.35; }
.about-page > section { position:relative; z-index:1; }
.about-intro { padding: 0 0 38px; color: #ffffff; }
.about-page-heading { margin-bottom: 28px; text-align: center; }
.about-page-heading span { color: #4fd1c5; font-size: .82rem; font-weight: 700; letter-spacing: .18em; }
.about-page-heading h1 { margin: 7px 0 12px; font-family: "Lora", serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; }
.about-page-heading .about-wordmark-s { display:inline-block; margin-right:-.2em; font-size:1em; line-height:inherit; background:linear-gradient(160deg, #d62828 8%, #f77f00 30%, #fcbf49 47%, #2a9d8f 69%, #277da1 86%, #5a189a 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.about-page-line { width: 90px; height: 2px; margin: auto; background: #a93600; border-radius: 99px; }
.about-page-card,
.about-focus-card { padding: 32px 36px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); border-radius: 18px; box-shadow: 0 16px 38px rgba(0, 0, 0, .2); }
.about-page-card p { margin: 0; color: #edf5ff; line-height: 1.9; text-align: justify; }
.about-page-card .highlight { color: #d94f00; font-weight: 700; }
.about-page-card p + p { margin-top: 16px; }
.about-page-card .about-welcome { color: #d94f00; font-size: 1.08rem; font-weight: 700; text-align: center; }
.about-highlights { padding: 0 0 38px; }
.about-highlight-card { height: 100%; padding: 26px 22px; color: #ffffff; text-align: center; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); border-radius: 16px; }
.about-highlight-card i { display: block; margin-bottom: 12px; color: #d94f00; font-size: 2rem; }
.about-highlight-card h2 { margin-bottom: 8px; font-size: 1.12rem; font-weight: 700; }
.about-highlight-card p { margin: 0; color: #dbeaff; line-height: 1.6; }
.about-focus { padding: 0; }
.about-focus-card { background: #ffffff; border-color: transparent; text-align: center; }
.about-focus-card h2 { margin-bottom: 12px; color: #07162f; font-family: "Lora", serif; font-size: 1.8rem; font-weight: 700; }
.about-focus-card p { max-width: 850px; margin: 0 auto; color: #34495e; line-height: 1.8; }
.about-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; margin-top: 22px; }
.about-actions a { padding: .65rem 1.1rem; color: #a93600; border: 1px solid #a93600; border-radius: 6px; font-weight: 700; text-decoration: none; }
.about-actions .about-submit { color: #ffffff; background: #a93600; }
.about-actions a:hover { color: #ffffff; background: #7a2600; border-color: #7a2600; }

@media (max-width: 767.98px) {
    .about-intro { padding: 0 0 28px; }
    .about-page-card,
    .about-focus-card { padding: 24px 20px; }
    .about-page-card p { text-align: left; }
    .about-highlights { padding-bottom: 28px; }
    .about-focus { padding-bottom: 0; }
    .about-actions a { width: 100%; }
}