[data-theme="dark"] .about-page-body {
    background: var(--bg-body) !important;
    background-image: none !important;
}

[data-theme="dark"] .about-page {
    --about-ink: #f4f8fb;
    --about-text: #b6c5d4;
    --about-surface: #111d2c;
    background: var(--bg-body);
}

[data-theme="dark"] .about-page::before {
    background:
        radial-gradient(circle at 88% 18%, rgba(47, 183, 179, 0.16), transparent 32%),
        radial-gradient(circle at 8% 6%, rgba(23, 107, 135, 0.2), transparent 30%),
        linear-gradient(180deg, #0a1c2b 0%, #07111f 78%, transparent 100%);
}

[data-theme="dark"] .about-eyebrow {
    border-color: rgba(125, 225, 221, 0.16);
    background: rgba(255, 255, 255, 0.05);
    color: #7de1dd;
}

[data-theme="dark"] .about-hero-content h1 strong {
    color: #62cbc7;
}

[data-theme="dark"] .about-secondary-action {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    color: #f4f8fb;
}

[data-theme="dark"] .about-identity-card {
    border-color: rgba(125, 225, 221, 0.12);
    background: rgba(13, 29, 43, 0.78);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
}

[data-theme="dark"] .about-identity-card::before {
    border-color: rgba(125, 225, 221, 0.16);
}

[data-theme="dark"] .about-registration > span,
[data-theme="dark"] .about-registration-number b {
    color: #7de1dd;
}

[data-theme="dark"] .about-registration-number {
    border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .about-intro {
    background: #091522;
}

[data-theme="dark"] .about-section-heading > span {
    color: #7de1dd;
}

[data-theme="dark"] .about-intro-copy {
    border-right-color: rgba(125, 225, 221, 0.22);
}

[data-theme="dark"] .about-principle-card {
    border-color: rgba(255, 255, 255, 0.16);
    background:
        linear-gradient(145deg, rgba(12, 35, 48, 0.94), rgba(9, 27, 39, 0.88));
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.26);
}

[data-theme="dark"] .about-principle-card:hover {
    border-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0 32px 72px rgba(0, 0, 0, 0.34);
}

[data-theme="dark"] .about-principle-icon {
    background: linear-gradient(135deg, rgba(23, 107, 135, 0.28), rgba(47, 183, 179, 0.2));
    color: #7de1dd;
}

[data-theme="dark"] .about-principle-card > span {
    color: rgba(125, 225, 221, 0.32);
}

[data-theme="dark"] .about-principle-card::after {
    background: rgba(47, 183, 179, 0.07);
}

[data-theme="dark"] .about-official-card {
    border: 1px solid rgba(125, 225, 221, 0.1);
    background:
        radial-gradient(circle at 0 100%, rgba(47, 183, 179, 0.14), transparent 34%),
        linear-gradient(135deg, #0d2133, #123c4c);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .about-official {
    background: var(--bg-body);
}

[data-theme="dark"] .about-cta {
    background: var(--bg-body) !important;
}

[data-theme="dark"] .about-page + .site-footer,
[data-theme="dark"] .about-page + .site-footer .footer-shell,
[data-theme="dark"] .about-page + .site-footer .footer-morph-strip,
[data-theme="dark"] .about-page + .site-footer .footer-morph-inner {
    background: var(--bg-body) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

[data-theme="dark"] .about-floating-icon > i {
    border-color: rgba(125, 225, 221, 0.12);
    background:
        radial-gradient(circle at 30% 20%, rgba(47, 183, 179, 0.11), transparent 38%),
        rgba(13, 29, 43, 0.9);
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .icon-github {
    --icon-color: #f8fafc;
}