:root {
    --bg-primary: #070913;
    --bg-secondary: #0d1124;
    --bg-tertiary: #141b36;
    --bg-surface: #12182e;
    --bg-surface-elevated: #192242;
    --bg-overlay: rgba(7, 9, 19, 0.85);
    --text-primary: #f0f6fc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --accent-cyan: #00f0ff;
    --accent-magenta: #ff007f;
    --accent-purple: #9d4edd;
    --accent-lime: #00ff66;
    --accent-amber: #ffb700;
    --border-subtle: rgba(0, 240, 255, 0.15);
    --border-medium: rgba(0, 240, 255, 0.35);
    --border-glow-cyan: rgba(0, 240, 255, 0.8);
    --shadow-neon-cyan: 0 0 15px rgba(0, 240, 255, 0.4), inset 0 0 10px rgba(0, 240, 255, 0.2);
    --shadow-neon-magenta: 0 0 15px rgba(255, 0, 127, 0.4), inset 0 0 10px rgba(255, 0, 127, 0.2);
    --font-headings: 'Rajdhani', 'Orbitron', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}

/* Keep the long contact email inside its card at every breakpoint. */
.contact-page-section .contact-page-section__btn--email {
    box-sizing: border-box;
    display: flex;
    font-family: 'JetBrains Mono', monospace;
    font-size: clamp(0.56rem, 0.7vw, 0.72rem);
    gap: 0.2rem;
    justify-content: center;
    letter-spacing: -0.05em;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-inline: 0.3rem;
    text-transform: none;
    white-space: nowrap;
}

.contact-page-section .contact-page-section__btn--email .me-2 {
    flex: 0 0 auto;
    margin-right: 0 !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: auto;
}

body.cyber-theme {
    margin: 0;
    padding: 0;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.text-muted {
    color: #94a3b8 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.cyber-heading {
    font-family: var(--font-headings);
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 0;
}

a {
    color: var(--accent-cyan);
    text-decoration: none;
}

a:hover {
    color: #ffffff;
    text-decoration: none;
}

:focus-visible {
    outline: 2px solid var(--accent-cyan);
    outline-offset: 4px;
    box-shadow: 0 0 10px var(--accent-cyan);
}

/* ===== header ===== */
.site-header-block {
    position: sticky;
    top: 0;
    z-index: 1040;
    background-color: #070913;
    border-bottom: 1px solid rgba(0, 240, 255, 0.28);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.site-header-block__top-bar {
    background-color: #05070d;
    border-bottom: 1px solid rgba(0, 240, 255, 0.12);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
}

.site-header-block__ticker {
    color: #94a3b8;
}

.site-header-block__ticker .text-cyan {
    color: #00f0ff;
}

.site-header-block__badge {
    color: #00ff66;
    background-color: rgba(0, 255, 102, 0.1);
    border: 1px solid rgba(0, 255, 102, 0.3);
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    font-weight: 600;
}

.site-header-block__navbar {
    background-color: #070913;
}

.site-header-block__logo-img {
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
}

.site-header-block__brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.site-header-block__brand-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #f0f6fc;
}

.site-header-block__accent-text {
    color: #00f0ff;
}

.site-header-block__brand-subtitle {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    color: #ff007f;
}

.site-header-block__toggler {
    border: 1px solid rgba(0, 240, 255, 0.4);
    background-color: #12182e;
    padding: 0.45rem 0.75rem;
    border-radius: 4px;
}

.site-header-block__toggler:focus {
    outline: 2px solid #00f0ff;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
}

.site-header-block__toggler-icon {
    color: #00f0ff;
    font-size: 1.25rem;
}

.site-header-block__nav-link {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #f0f6fc !important;
    padding: 0.5rem 0.85rem !important;
    border-radius: 4px;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.site-header-block__nav-link:hover,
.site-header-block__nav-link:focus {
    color: #00f0ff !important;
    background-color: rgba(0, 240, 255, 0.08);
}

.site-header-block__cta-btn {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913 !important;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.55rem 1.35rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.45);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.site-header-block__cta-btn:hover,
.site-header-block__cta-btn:focus {
    background: #00f0ff;
    color: #000000 !important;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

@media (max-width: 991.98px) {
    .site-header-block .navbar-collapse {
        background-color: #0d1124;
        border: 1px solid rgba(0, 240, 255, 0.25);
        border-radius: 6px;
        padding: 1.25rem 1rem;
        margin-top: 0.75rem;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.9);
    }

    .site-header-block__nav-link {
        font-size: 0.95rem;
        padding: 0.65rem 0.75rem !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    }

    .site-header-block__cta-btn {
        width: 100%;
        margin-top: 0.5rem;
    }
}

/* ===== hero ===== */
.hero-constraint-deck {
    background-color: #070913;
    color: #f0f6fc;
    position: relative;
    overflow: hidden;
}

.hero-constraint-deck .hero-text-card {
    background-color: #f8fafc;
    color: #070913;
    border: 1px solid rgba(0, 240, 255, 0.4);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 240, 255, 0.15);
}

.hero-constraint-deck .hero-badge-tag {
    background-color: #070913;
    color: #00f0ff;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 0.35rem 0.75rem;
    border-radius: 4px;
    border: 1px solid rgba(0, 240, 255, 0.4);
}

.hero-constraint-deck .hero-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #070913;
}

.hero-constraint-deck .hero-description {
    font-family: 'Inter', sans-serif;
    font-size: 1.05rem;
    line-height: 1.6;
    color: #334155;
}

.hero-constraint-deck .hero-btn-primary {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.8rem 1.6rem;
    border-radius: 4px;
    border: 1px solid #00f0ff;
    text-decoration: none;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
    transition: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hero-constraint-deck .hero-btn-primary:hover {
    background: #00f0ff;
    color: #000000;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.hero-constraint-deck .hero-btn-secondary {
    background: #070913;
    color: #00f0ff;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.8rem 1.6rem;
    border-radius: 4px;
    border: 1px solid #00f0ff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hero-constraint-deck .hero-btn-secondary:hover {
    background: #00f0ff;
    color: #070913;
    border-color: #00f0ff;
    box-shadow: 0 0 18px rgba(0, 240, 255, 0.65);
}

.hero-constraint-deck .hero-meta-label {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: #0f172a;
}

.hero-constraint-deck .hero-visual-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(0, 240, 255, 0.05);
}

.hero-constraint-deck .status-dot {
    width: 8px;
    height: 8px;
    background-color: #00ff66;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 8px #00ff66;
}

.hero-constraint-deck .hero-terminal-code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    color: #00f0ff;
    letter-spacing: 0.05em;
}

.hero-constraint-deck .hero-difficulty-chip {
    background-color: rgba(255, 0, 127, 0.12);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
    border-radius: 3px;
}

.hero-constraint-deck .hero-preview-frame {
    max-height: 240px;
    background-color: #070913;
    border: 1px solid rgba(0, 240, 255, 0.2);
}

.hero-constraint-deck .hero-preview-img {
    height: 220px;
    object-fit: cover;
    display: block;
}

.hero-constraint-deck .hero-card-floating-badge {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background: rgba(7, 9, 19, 0.85);
    border: 1px solid #00f0ff;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
}

.hero-constraint-deck .hero-floating-title {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
}

.hero-constraint-deck .hero-preview-subtitle {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.05em;
}

.hero-constraint-deck .hero-constraint-item {
    background-color: rgba(7, 9, 19, 0.85);
    border-left: 3px solid #ff007f;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.hero-constraint-deck .hero-constraint-num {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    font-size: 0.85rem;
    color: #ff007f;
}

.hero-constraint-deck .hero-constraint-text {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #f0f6fc;
}

.hero-constraint-deck .hero-footer-note {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    color: #94a3b8;
}

.hero-constraint-deck .hero-link-detail {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    color: #00f0ff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.05em;
}

.hero-constraint-deck .hero-link-detail:hover {
    color: #ffffff;
    text-shadow: 0 0 10px #00f0ff;
}

@media (max-width: 767.98px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .featured-project-section .container,
    .featured-project-section .row,
    .featured-project-section [class*="col-"] {
        min-width: 0;
        max-width: 100%;
    }

    .featured-project-section__console-header {
        align-items: stretch !important;
        flex-direction: column;
        gap: 0.85rem;
    }

    .featured-project-section__nav-tabs {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .featured-project-section__tab-btn {
        min-width: 0;
        padding: 0.45rem 0.25rem;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .featured-project-section__card-footer {
        flex-direction: column;
    }

    .featured-project-section__card-footer .btn {
        width: 100%;
    }

    .hero-constraint-deck .hero-heading {
        font-size: 18px;
        hyphens: auto;
    }

    .hero-constraint-deck .hero-preview-subtitle {
        font-size: 14px;
    }

    .hero-constraint-deck .hero-description {
        font-size: 0.95rem;
    }

    .hero-constraint-deck .hero-preview-img {
        height: 180px;
    }
}

/* ===== shared contact and comment forms ===== */
.cc-contact-form-section {
    background: #070913;
    color: #f0f6fc;
}

.cc-contact-form-panel {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.96), rgba(13, 17, 36, 0.98));
    border: 1px solid rgba(0, 240, 255, 0.35);
    border-radius: 8px;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.55);
}

.cc-contact-form-title {
    color: #f0f6fc;
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    text-transform: uppercase;
}

.cc-contact-form-copy {
    color: #94a3b8;
}

.cc-contact-form-label {
    color: #cbd5e1;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.cc-contact-form-field {
    background: #090d1b;
    border: 1px solid rgba(0, 240, 255, 0.3);
    color: #f0f6fc;
}

.cc-contact-form-field:focus {
    background: #0d1124;
    border-color: #00f0ff;
    box-shadow: 0 0 0 0.2rem rgba(0, 240, 255, 0.12);
    color: #fff;
}

.cc-contact-form-field::placeholder {
    color: #64748b;
}

.cc-contact-form-submit {
    background: linear-gradient(135deg, #00f0ff, #00a8ff);
    border: 1px solid #00f0ff;
    border-radius: 4px;
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 0.75rem 1.5rem;
    text-transform: uppercase;
}

.cc-contact-form-submit:hover {
    background: #00f0ff;
    color: #000;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.6);
}

.cc-form-success {
    background: rgba(0, 255, 102, 0.1);
    border: 1px solid rgba(0, 255, 102, 0.55);
    border-radius: 4px;
    color: #00ff66;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.88rem;
    padding: 0.85rem 1rem;
}

.contact-page-section__action,
.contact-page-section__btn {
    min-width: 0;
    max-width: 100%;
}

.contact-page-section__btn--email {
    font-family: 'JetBrains Mono', monospace;
    font-size: clamp(0.56rem, 0.62vw, 0.7rem);
    letter-spacing: -0.05em;
    overflow-wrap: normal;
    padding-inline: 0.35rem;
    text-transform: none;
    white-space: nowrap;
}

/* ===== about-method ===== */
.cc-about-method {
    background-color: #070913;
    color: #f0f6fc;
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: hidden;
}

.cc-about-method .container {
    position: relative;
    z-index: 2;
}

.cc-about-method__header-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 4px;
    padding: 0.35rem 0.85rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cc-about-method__title {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(0, 240, 255, 0.3);
}

.cc-about-method__lead {
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    line-height: 1.6;
    color: #94a3b8;
    font-weight: 400;
}

.cc-about-method__text {
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #94a3b8;
}

.cc-about-method__text strong {
    color: #00f0ff;
    font-weight: 600;
}

.cc-about-method__btn-primary {
    display: inline-block;
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.5rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.5);
    text-decoration: none;
    transition: none;
}

.cc-about-method__btn-primary:hover {
    background: #00f0ff;
    color: #000000;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.cc-about-method__btn-secondary {
    display: inline-block;
    background: transparent;
    color: #00f0ff;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.5rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    box-shadow: none;
    text-decoration: none;
    transition: none;
}

.cc-about-method__btn-secondary:hover {
    background: rgba(0, 240, 255, 0.15);
    color: #ffffff;
    border-color: #00f0ff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.cc-about-method__media-frame {
    position: relative;
    background: #0d1124;
    border: 1px solid rgba(0, 240, 255, 0.35);
    border-radius: 6px;
    padding: 0.75rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), inset 0 0 15px rgba(0, 240, 255, 0.1);
}

.cc-about-method__media-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(7, 9, 19, 0.85);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 3px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
    margin-bottom: 0.5rem;
}

.cc-about-method__status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00ff66;
    box-shadow: 0 0 6px #00ff66;
    display: inline-block;
}

.cc-about-method__image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid rgba(0, 240, 255, 0.2);
}

.cc-about-method__hud-overlay {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: rgba(7, 9, 19, 0.85);
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 4px;
}

.cc-about-method__hud-item {
    flex: 1 1 45%;
}

.cc-about-method__hud-label {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cc-about-method__hud-val {
    display: block;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    color: #00f0ff;
    font-weight: 700;
    text-transform: uppercase;
}

.cc-about-method__card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 6px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
}

.cc-about-method__card:hover {
    border-color: #00f0ff;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.4);
}

.cc-about-method__card-icon {
    width: 46px;
    height: 46px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.cc-about-method__card-icon--cyan {
    background: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
}

.cc-about-method__card-icon--magenta {
    background: rgba(255, 0, 127, 0.12);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
}

.cc-about-method__card-icon--purple {
    background: rgba(157, 78, 221, 0.12);
    color: #9d4edd;
    border: 1px solid rgba(157, 78, 221, 0.4);
}

.cc-about-method__card-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.cc-about-method__card-text {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #94a3b8;
    flex-grow: 1;
    margin-bottom: 1rem;
}

.cc-about-method__card-meta {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00ff66;
    border-top: 1px solid rgba(148, 163, 184, 0.15);
    padding-top: 0.75rem;
    font-weight: 700;
}

.cc-about-method__terminal {
    background: #05070d;
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}

.cc-about-method__terminal-header {
    background: rgba(20, 27, 54, 0.85);
    padding: 0.6rem 1rem;
    border-bottom: 1px solid rgba(0, 240, 255, 0.2);
}

.cc-about-method__term-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.cc-about-method__term-dot--red {
    background: #ff007f;
}

.cc-about-method__term-dot--yellow {
    background: #ffb700;
}

.cc-about-method__term-dot--green {
    background: #00ff66;
}

.cc-about-method__term-title {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #94a3b8;
    letter-spacing: 0.05em;
}

.cc-about-method__term-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: #00ff66;
    background: rgba(0, 255, 102, 0.1);
    border: 1px solid rgba(0, 255, 102, 0.3);
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
}

.cc-about-method__terminal-body {
    padding: 1.25rem 1.5rem;
}

.cc-about-method__terminal-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}

.cc-about-method__terminal-desc {
    font-family: 'Inter', sans-serif;
    font-size: 0.92rem;
    line-height: 1.55;
    color: #94a3b8;
}

.cc-about-method__terminal-tags {
    margin-top: 0.5rem;
}

.cc-about-method__tag {
    background: rgba(13, 17, 36, 0.85);
    border: 1px solid rgba(0, 240, 255, 0.3);
    color: #00f0ff;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    padding: 0.25rem 0.6rem;
    border-radius: 3px;
}

.cc-about-method__terminal-callout {
    background: rgba(20, 27, 54, 0.6);
    border-left: 3px solid #ff007f;
    border-radius: 0 4px 4px 0;
    padding: 0.85rem 1rem;
}

.cc-about-method__callout-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.95rem;
    color: #ff007f;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.cc-about-method__callout-text {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #f0f6fc;
}

@media (max-width: 767.98px) {
    .cc-about-method__title {
        font-size: 1.35rem;
    }

    .cc-about-method__card-title,
    .cc-about-method__terminal-heading {
        font-size: 1.1rem;
    }

    .cc-about-method__lead {
        font-size: 0.95rem;
    }

    .cc-about-method__btn-primary,
    .cc-about-method__btn-secondary {
        width: 100%;
    }
}

/* ===== featured-card ===== */
.featured-project-section {
    background-color: #070913;
    color: #f0f6fc;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    position: relative;
}

.featured-project-section__badge-row {
    margin-bottom: 0.75rem;
}

.featured-project-section__tag {
    display: inline-block;
    background-color: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 4px;
    padding: 0.35rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: 'JetBrains Mono', monospace;
}

.featured-project-section__title {
    font-family: 'Rajdhani', -apple-system, sans-serif;
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
    font-weight: 700;
    color: #f0f6fc;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 0.5rem;
}

.featured-project-section__subtitle {
    color: #94a3b8;
    font-size: 1.05rem;
    line-height: 1.6;
    max-width: 680px;
    margin: 0 auto;
}

.featured-project-section__card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 6px;
    padding: 1.75rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 12px rgba(0, 240, 255, 0.05);
}

.featured-project-section__card-header {
    border-bottom: 1px solid rgba(0, 240, 255, 0.15);
    padding-bottom: 0.75rem;
}

.featured-project-section__code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    color: #00f0ff;
    font-weight: 600;
}

.featured-project-section__status {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    color: #ff007f;
    background: rgba(255, 0, 127, 0.12);
    border: 1px solid rgba(255, 0, 127, 0.4);
    border-radius: 3px;
    padding: 0.2rem 0.5rem;
}

.featured-project-section__image-wrap {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(0, 240, 255, 0.2);
    background-color: #05070d;
}

.featured-project-section__image-link {
    display: block;
    overflow: hidden;
}

.featured-project-section__img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.featured-project-section__card-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
}

.featured-project-section__title-link {
    color: #f0f6fc;
    text-decoration: none;
}

.featured-project-section__title-link:hover {
    color: #00f0ff;
}

.featured-project-section__text {
    color: #94a3b8;
    font-size: 0.95rem;
    line-height: 1.6;
}

.featured-project-section__rules-box {
    background: rgba(7, 9, 19, 0.85);
    border-left: 3px solid #ff007f;
    border-radius: 0 4px 4px 0;
    padding: 1rem;
}

.featured-project-section__rules-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ff007f;
    margin-bottom: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.featured-project-section__rules-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.featured-project-section__rules-list li {
    color: #f0f6fc;
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
    display: flex;
    align-items: baseline;
}

.featured-project-section__rules-list li:last-child {
    margin-bottom: 0;
}

.featured-project-section__rule-num {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00f0ff;
    background: rgba(0, 240, 255, 0.15);
    padding: 0.1rem 0.35rem;
    border-radius: 2px;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.featured-project-section__btn-primary {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.65rem 1.4rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
    text-decoration: none;
}

.featured-project-section__btn-primary:hover {
    background: #00f0ff;
    color: #000000;
    box-shadow: 0 0 22px rgba(0, 240, 255, 0.8);
}

.featured-project-section__btn-secondary {
    background: transparent;
    color: #00f0ff;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.65rem 1.4rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    text-decoration: none;
}

.featured-project-section__btn-secondary:hover {
    background: rgba(0, 240, 255, 0.15);
    color: #ffffff;
    border-color: #00f0ff;
}

.featured-project-section__console {
    background: #05070d;
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 6px;
    padding: 1.75rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.7);
}

.featured-project-section__console-header {
    border-bottom: 1px solid rgba(0, 240, 255, 0.15);
    padding-bottom: 0.75rem;
}

.featured-project-section__console-title {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.88rem;
    color: #00ff66;
    font-weight: 600;
    text-transform: uppercase;
}

.featured-project-section__tab-btn {
    background: rgba(20, 27, 54, 0.8);
    border: 1px solid rgba(0, 240, 255, 0.2);
    color: #94a3b8;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.35rem 0.85rem;
    border-radius: 3px;
    cursor: pointer;
}

.featured-project-section__tab-btn.active {
    background: rgba(0, 240, 255, 0.2);
    border-color: #00f0ff;
    color: #00f0ff;
}

.featured-project-section__pane-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
}

.featured-project-section__pane-desc {
    color: #94a3b8;
    font-size: 0.92rem;
    line-height: 1.5;
}

.featured-project-section__question-grid {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.featured-project-section__question-item {
    background: rgba(18, 24, 46, 0.75);
    border: 1px solid rgba(0, 240, 255, 0.15);
    border-radius: 4px;
    padding: 0.85rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.featured-project-section__q-badge {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    font-size: 0.78rem;
    color: #070913;
    background-color: #00f0ff;
    padding: 0.2rem 0.45rem;
    border-radius: 3px;
    flex-shrink: 0;
}

.featured-project-section__q-strong {
    color: #f0f6fc;
    font-size: 0.95rem;
    margin-bottom: 0.2rem;
}

.featured-project-section__q-sub {
    color: #94a3b8;
    font-size: 0.83rem;
    line-height: 1.4;
    display: block;
}

.featured-project-section__metric-box {
    background: rgba(18, 24, 46, 0.75);
    border-left: 3px solid #9d4edd;
    border-radius: 0 4px 4px 0;
    padding: 0.85rem 1rem;
}

.featured-project-section__metric-label {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #9d4edd;
    display: block;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.featured-project-section__metric-desc {
    color: #94a3b8;
    font-size: 0.88rem;
    line-height: 1.5;
}

.featured-project-section__educator-steps {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.featured-project-section__educator-steps li {
    color: #94a3b8;
    font-size: 0.9rem;
    margin-bottom: 0.6rem;
    padding-left: 0.5rem;
    border-left: 2px solid rgba(0, 240, 255, 0.3);
}

.featured-project-section__step-num {
    color: #00f0ff;
}

.featured-project-section__note-box {
    background: rgba(0, 240, 255, 0.08);
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 4px;
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    color: #f0f6fc;
    display: flex;
    align-items: center;
}

.featured-project-section__note-icon {
    color: #00f0ff;
}

.featured-project-section__console-footer {
    border-top: 1px solid rgba(0, 240, 255, 0.15);
}

.featured-project-section__meta-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    color: #ffb700;
}

.featured-project-section__inline-link {
    color: #00f0ff;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.featured-project-section__inline-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    .featured-project-section__title {
        font-size: 1.5rem;
    }

    .featured-project-section__card-title {
        font-size: 1.25rem;
    }

    .featured-project-section__pane-title {
        font-size: 1.15rem;
    }

    .featured-project-section__img {
        height: 200px;
    }

    .featured-project-section__card,
    .featured-project-section__console {
        padding: 1.25rem;
    }
}

/* ===== categories-grid ===== */
.cc-categories-section {
    background-color: #070913;
    color: #f0f6fc;
    position: relative;
    overflow: hidden;
}

.cc-categories-section .cc-section-tag {
    display: inline-block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #00f0ff;
    background: rgba(0, 240, 255, 0.08);
    border: 1px solid rgba(0, 240, 255, 0.3);
    padding: 0.35rem 0.75rem;
    border-radius: 3px;
}

.cc-categories-section .cc-section-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.85rem, 3.5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.03em;
    color: #f0f6fc;
    text-transform: uppercase;
}

.cc-categories-section .cc-section-desc {
    color: #94a3b8;
    font-size: 1.05rem;
    line-height: 1.6;
    max-width: 680px;
}

.cc-categories-section .cc-filter-btn {
    background: #141b36;
    color: #94a3b8;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 4px;
    cursor: pointer;
}

.cc-categories-section .cc-filter-btn:hover,
.cc-categories-section .cc-filter-btn.active {
    background: #00f0ff;
    color: #070913;
    border-color: #00f0ff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.cc-categories-section .cc-cat-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 6px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.cc-categories-section .cc-cat-card:hover {
    border-color: #00f0ff;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
}

.cc-categories-section .cc-card-hud {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 1rem;
    background: rgba(7, 9, 19, 0.85);
    border-bottom: 1px solid rgba(0, 240, 255, 0.15);
}

.cc-categories-section .cc-card-code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ff007f;
    letter-spacing: 0.08em;
}

.cc-categories-section .cc-card-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 600;
    color: #00f0ff;
    letter-spacing: 0.05em;
}

.cc-categories-section .cc-card-image-wrap {
    height: 180px;
    background: #0d1124;
}

.cc-categories-section .cc-card-img {
    height: 180px;
    width: 100%;
    object-fit: cover;
}

.cc-categories-section .cc-card-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.3;
}

.cc-categories-section .cc-title-link {
    color: #f0f6fc;
    text-decoration: none;
}

.cc-categories-section .cc-title-link:hover {
    color: #00f0ff;
}

.cc-categories-section .cc-card-text {
    font-size: 0.92rem;
    color: #94a3b8;
    line-height: 1.55;
}

.cc-categories-section .cc-card-footer {
    border-top-color: rgba(0, 240, 255, 0.15) !important;
}

.cc-categories-section .cc-card-cta {
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #00f0ff;
    text-decoration: none;
    padding: 0.4rem 0;
}

.cc-categories-section .cc-card-cta:hover {
    color: #ff007f;
}

@media (max-width: 767.98px) {
    .cc-categories-section .cc-section-title {
        font-size: 16px;
    }

    .cc-categories-section .cc-card-title {
        font-size: 14px;
    }

    .cc-categories-section .cc-card-image-wrap,
    .cc-categories-section .cc-card-img {
        height: 160px;
    }
}

/* ===== contractor-questions ===== */
.contractor-questions-section {
    background-color: #070913;
    color: #f0f6fc;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

.contractor-questions-section .questions-badge {
    background: rgba(0, 240, 255, 0.1);
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 4px;
    padding: 0.35rem 0.85rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: #00f0ff;
    letter-spacing: 0.08em;
}

.contractor-questions-section .text-cyan {
    color: #00f0ff;
}

.contractor-questions-section .questions-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.85rem, 3.2vw, 2.6rem);
    font-weight: 700;
    color: #f0f6fc;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.contractor-questions-section .questions-subtitle {
    font-size: 1.05rem;
    color: #94a3b8;
    max-width: 740px;
    line-height: 1.6;
}

.contractor-questions-section .questions-filter-bar {
    background: rgba(13, 17, 36, 0.85);
    padding: 0.5rem;
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 6px;
}

.contractor-questions-section .filter-btn {
    background: transparent;
    border: 1px solid transparent;
    color: #94a3b8;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.5rem 1.15rem;
    border-radius: 4px;
}

.contractor-questions-section .filter-btn:hover {
    color: #00f0ff;
    background: rgba(0, 240, 255, 0.08);
}

.contractor-questions-section .filter-btn.active {
    background: #00f0ff;
    color: #070913;
    border-color: #00f0ff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.contractor-questions-section .question-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 6px;
    padding: 1.6rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}

.contractor-questions-section .question-card:hover {
    border-color: #00f0ff;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.35), inset 0 0 10px rgba(0, 240, 255, 0.05);
}

.contractor-questions-section .code-chip {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    font-weight: 600;
    color: #00f0ff;
    background: rgba(0, 240, 255, 0.1);
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    border: 1px solid rgba(0, 240, 255, 0.25);
}

.contractor-questions-section .status-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.2rem 0.55rem;
    border-radius: 3px;
}

.contractor-questions-section .tag-cyan {
    color: #00f0ff;
    background: rgba(0, 240, 255, 0.15);
    border: 1px solid rgba(0, 240, 255, 0.4);
}

.contractor-questions-section .tag-magenta {
    color: #ff007f;
    background: rgba(255, 0, 127, 0.15);
    border: 1px solid rgba(255, 0, 127, 0.4);
}

.contractor-questions-section .tag-purple {
    color: #9d4edd;
    background: rgba(157, 78, 221, 0.15);
    border: 1px solid rgba(157, 78, 221, 0.4);
}

.contractor-questions-section .question-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f0f6fc;
    line-height: 1.35;
    letter-spacing: 0.01em;
}

.contractor-questions-section .question-desc {
    font-size: 0.92rem;
    color: #94a3b8;
    line-height: 1.6;
}

.contractor-questions-section .border-top-cyber {
    border-top: 1px solid rgba(0, 240, 255, 0.15);
}

.contractor-questions-section .spec-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #64748b;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.contractor-questions-section .spec-val {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    color: #00ff66;
    font-weight: 700;
}

.contractor-questions-section .audit-cta-box {
    background: linear-gradient(135deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.35);
    border-left: 4px solid #ff007f;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}

.contractor-questions-section .cta-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.contractor-questions-section .cta-desc {
    font-size: 0.95rem;
    color: #94a3b8;
    line-height: 1.5;
}

.contractor-questions-section .audit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.6rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
    white-space: nowrap;
}

.contractor-questions-section .audit-btn:hover {
    background: #00f0ff;
    color: #000000;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

@media (max-width: 767.98px) {
    .contractor-questions-section .questions-title {
        font-size: 1.35rem;
        hyphens: auto;
    }

    .contractor-questions-section .question-heading {
        font-size: 1.05rem;
    }

    .contractor-questions-section .cta-title {
        font-size: 1.15rem;
    }

    .contractor-questions-section .questions-filter-bar {
        width: 100%;
        flex-direction: column;
    }

    .contractor-questions-section .filter-btn {
        width: 100%;
        text-align: center;
    }

    .contractor-questions-section .audit-btn {
        width: 100%;
    }
}

/* ===== client-requirements ===== */
.cyber-requirements-section {
    background-color: #070913;
    color: #f0f6fc;
    padding-top: clamp(3.5rem, 6vw, 6rem);
    padding-bottom: clamp(3.5rem, 6vw, 6rem);
    position: relative;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.cyber-requirements-section .cyber-badge-glow {
    background: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 3px;
    padding: 0.35rem 0.85rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cyber-requirements-section .cyber-section-title {
    font-family: 'Rajdhani', -apple-system, sans-serif;
    font-size: clamp(1.75rem, 3.2vw, 2.5rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.03em;
    color: #ffffff;
    margin-bottom: 0.75rem;
}

.cyber-requirements-section .cyber-section-lead {
    color: #94a3b8;
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    line-height: 1.6;
    max-width: 820px;
    margin: 0 auto;
}

.cyber-requirements-section .cyber-summary-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 6px;
    padding: 1.35rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}

.cyber-requirements-section .cyber-step-code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: #00f0ff;
    letter-spacing: 0.05em;
}

.cyber-requirements-section .text-cyan {
    color: #00f0ff;
    font-size: 1.1rem;
}

.cyber-requirements-section .text-magenta {
    color: #ff007f;
    font-size: 1.1rem;
}

.cyber-requirements-section .text-purple {
    color: #9d4edd;
    font-size: 1.1rem;
}

.cyber-requirements-section .text-lime {
    color: #00ff66;
    font-size: 1.1rem;
}

.cyber-requirements-section .cyber-card-h3 {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.02em;
}

.cyber-requirements-section .cyber-card-desc {
    font-size: 0.875rem;
    color: #94a3b8;
    line-height: 1.5;
}

.cyber-requirements-section .status-pill {
    display: inline-flex;
    align-items: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    padding: 0.25rem 0.55rem;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
}

.cyber-requirements-section .status-ready {
    background: rgba(0, 255, 102, 0.12);
    color: #00ff66;
    border: 1px solid rgba(0, 255, 102, 0.35);
}

.cyber-requirements-section .cyber-terminal-panel {
    background: #05070d;
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 6px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.75), inset 0 0 16px rgba(0, 240, 255, 0.04);
}

.cyber-requirements-section .cyber-terminal-header {
    border-color: rgba(0, 240, 255, 0.2) !important;
}

.cyber-requirements-section .terminal-dots {
    display: flex;
    gap: 6px;
}

.cyber-requirements-section .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.cyber-requirements-section .dot-red {
    background: #ff5f56;
}

.cyber-requirements-section .dot-yellow {
    background: #ffbd2e;
}

.cyber-requirements-section .dot-green {
    background: #27c93f;
}

.cyber-requirements-section .terminal-title {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    font-weight: 700;
    color: #00f0ff;
    letter-spacing: 0.05em;
}

.cyber-requirements-section .cyber-filter-btn {
    background: #0d1124;
    color: #94a3b8;
    border: 1px solid rgba(0, 240, 255, 0.2);
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.4rem 0.85rem;
    border-radius: 4px;
}

.cyber-requirements-section .cyber-filter-btn:hover,
.cyber-requirements-section .cyber-filter-btn.active {
    background: rgba(0, 240, 255, 0.18);
    color: #ffffff;
    border-color: #00f0ff;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.35);
}

.cyber-requirements-section .cyber-requirement-item {
    background: rgba(18, 24, 46, 0.92);
    border: 1px solid rgba(0, 240, 255, 0.18);
    border-left: 4px solid #00f0ff;
    border-radius: 0 6px 6px 0;
    padding: 1.25rem;
}

.cyber-requirements-section .item-index {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    font-weight: 700;
    color: #ff007f;
}

.cyber-requirements-section .item-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #f0f6fc;
    letter-spacing: 0.02em;
}

.cyber-requirements-section .badge-req {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    background: rgba(255, 0, 127, 0.15);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    text-transform: uppercase;
    white-space: nowrap;
}

.cyber-requirements-section .badge-opt {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    background: rgba(157, 78, 221, 0.15);
    color: #9d4edd;
    border: 1px solid rgba(157, 78, 221, 0.4);
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    text-transform: uppercase;
    white-space: nowrap;
}

.cyber-requirements-section .item-description {
    font-size: 0.9rem;
    color: #94a3b8;
    line-height: 1.5;
}

.cyber-requirements-section .cyber-spec-pill {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    background: #070913;
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 3px;
    padding: 0.2rem 0.55rem;
}

.cyber-requirements-section .cyber-cta-strip {
    background: linear-gradient(135deg, rgba(20, 27, 54, 0.98) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(255, 0, 127, 0.35);
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7);
}

.cyber-requirements-section .cyber-cta-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.02em;
}

.cyber-requirements-section .cyber-cta-text {
    font-size: 0.95rem;
    color: #94a3b8;
}

.cyber-requirements-section .cyber-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.65rem 1.4rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.5);
}

.cyber-requirements-section .cyber-btn-primary:hover {
    background: #00f0ff;
    color: #000000;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.cyber-requirements-section .cyber-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #00f0ff;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.65rem 1.4rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    text-decoration: none;
}

.cyber-requirements-section .cyber-btn-secondary:hover {
    background: rgba(0, 240, 255, 0.15);
    color: #ffffff;
    border-color: #00f0ff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

/* ===== press-mentions ===== */
.press-mentions-section {
    background-color: #070913;
    padding: clamp(3.5rem, 6vw, 6rem) 0;
    position: relative;
    border-top: 1px solid rgba(0, 240, 255, 0.15);
    border-bottom: 1px solid rgba(0, 240, 255, 0.15);
}

.press-mentions-section .press-badge {
    display: inline-block;
    background: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 3px;
    padding: 0.35rem 0.85rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.press-mentions-section .press-heading {
    color: #f0f6fc;
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.75rem, 3.5vw, 2.6rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.press-mentions-section .press-lead {
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 0 auto;
}

.press-mentions-section .press-filter-wrapper {
    padding: 0.5rem;
}

.press-mentions-section .press-filter-btn {
    background: rgba(13, 17, 36, 0.9);
    color: #94a3b8;
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 4px;
    padding: 0.55rem 1.15rem;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    outline: none;
}

.press-mentions-section .press-filter-btn:hover,
.press-mentions-section .press-filter-btn:focus {
    color: #00f0ff;
    border-color: #00f0ff;
    background: rgba(0, 240, 255, 0.15);
}

.press-mentions-section .press-filter-btn.active {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    border-color: #00f0ff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.press-mentions-section .press-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 6px;
    padding: 1.6rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 12px rgba(0, 240, 255, 0.05);
}

.press-mentions-section .press-card:hover {
    border-color: #00f0ff;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.3), inset 0 0 15px rgba(0, 240, 255, 0.08);
}

.press-mentions-section .press-outlet-chip {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.press-mentions-section .chip-stem {
    background: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
}

.press-mentions-section .chip-maker {
    background: rgba(255, 0, 127, 0.12);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
}

.press-mentions-section .chip-cad {
    background: rgba(157, 78, 221, 0.12);
    color: #9d4edd;
    border: 1px solid rgba(157, 78, 221, 0.4);
}

.press-mentions-section .press-telemetry-code {
    color: #64748b;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.press-mentions-section .press-quote-icon {
    color: #ff007f;
    font-size: 1.15rem;
}

.press-mentions-section .press-quote-text {
    color: #f0f6fc;
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}

.press-mentions-section .press-card-footer {
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.press-mentions-section .press-author-name {
    color: #f0f6fc;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
}

.press-mentions-section .press-author-role {
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
    font-size: 0.82rem;
    line-height: 1.4;
}

.press-mentions-section .press-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: transparent;
    color: #00f0ff;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.55rem 1rem;
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 4px;
    text-decoration: none;
}

.press-mentions-section .press-action-btn:hover,
.press-mentions-section .press-action-btn:focus {
    background: rgba(0, 240, 255, 0.15);
    color: #ffffff;
    border-color: #00f0ff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.35);
}

.press-mentions-section .press-cta-panel {
    background: rgba(18, 24, 46, 0.95);
    border: 1px solid rgba(255, 0, 127, 0.35);
    border-left: 4px solid #ff007f;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}

.press-mentions-section .press-cta-title {
    color: #f0f6fc;
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.15rem, 2.2vw, 1.45rem);
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.press-mentions-section .press-cta-desc {
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
}

.press-mentions-section .press-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff007f 0%, #9d4edd 100%);
    color: #ffffff;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.6rem;
    border: 1px solid #ff007f;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.5);
    text-decoration: none;
    white-space: nowrap;
}

.press-mentions-section .press-primary-btn:hover,
.press-mentions-section .press-primary-btn:focus {
    background: #ff007f;
    color: #ffffff;
    box-shadow: 0 0 25px rgba(255, 0, 127, 0.8);
}

@media (max-width: 767.98px) {
    .press-mentions-section .press-heading {
        font-size: 16px;
        hyphens: auto;
    }

    .press-mentions-section .press-cta-title {
        font-size: 14px;
    }

    .press-mentions-section .press-primary-btn,
    .press-mentions-section .press-action-btn {
        width: 100%;
    }
}

/* ===== scope-of-work ===== */
.cc-scope-section {
    background-color: #070913;
    color: #f0f6fc;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(0, 240, 255, 0.15);
    border-bottom: 1px solid rgba(0, 240, 255, 0.15)
}

.cc-scope-section .cc-scope-badge {
    display: inline-block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #00f0ff;
    background: rgba(0, 240, 255, 0.12);
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 3px;
    padding: 0.35rem 0.85rem
}

.cc-scope-section .cc-scope-title {
    font-family: 'Rajdhani', 'Orbitron', sans-serif;
    font-size: clamp(1.75rem, 3.2vw, 2.5rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #f0f6fc
}

.cc-scope-section .cc-scope-subtitle {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #94a3b8;
    max-width: 760px
}

.cc-scope-section .cc-scope-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border-radius: 6px;
    padding: 2rem 1.75rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
    position: relative
}

.cc-scope-section .cc-scope-card-included {
    border: 1px solid rgba(0, 240, 255, 0.35);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(0, 240, 255, 0.06)
}

.cc-scope-section .cc-scope-card-included:hover {
    border-color: #00f0ff;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.4), inset 0 0 15px rgba(0, 240, 255, 0.1)
}

.cc-scope-section .cc-scope-card-excluded {
    border: 1px solid rgba(255, 0, 127, 0.35);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(255, 0, 127, 0.06)
}

.cc-scope-section .cc-scope-card-excluded:hover {
    border-color: #ff007f;
    box-shadow: 0 0 20px rgba(255, 0, 127, 0.4), inset 0 0 15px rgba(255, 0, 127, 0.1)
}

.cc-scope-section .cc-scope-status-icon {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0
}

.cc-scope-section .cc-status-active {
    background: rgba(0, 240, 255, 0.15);
    color: #00f0ff;
    border: 1px solid #00f0ff
}

.cc-scope-section .cc-status-inactive {
    background: rgba(255, 0, 127, 0.15);
    color: #ff007f;
    border: 1px solid #ff007f
}

.cc-scope-section .cc-scope-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    display: block;
    margin-bottom: 0.2rem
}

.cc-scope-section .cc-tag-active {
    color: #00f0ff
}

.cc-scope-section .cc-tag-inactive {
    color: #ff007f
}

.cc-scope-section .cc-scope-card-title {
    font-family: 'Rajdhani', 'Orbitron', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #f0f6fc
}

.cc-scope-section .cc-scope-counter {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: #00f0ff;
    background: rgba(0, 240, 255, 0.1);
    border: 1px solid rgba(0, 240, 255, 0.3);
    padding: 0.25rem 0.6rem;
    border-radius: 3px
}

.cc-scope-section .cc-counter-inactive {
    color: #ff007f;
    background: rgba(255, 0, 127, 0.1);
    border-color: rgba(255, 0, 127, 0.3)
}

.cc-scope-section .cc-scope-list {
    list-style: none
}

.cc-scope-section .cc-scope-item {
    display: flex;
    align-items: flex-start;
    padding: 0.85rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12)
}

.cc-scope-section .cc-scope-item:last-child {
    border-bottom: none
}

.cc-scope-section .cc-item-marker {
    font-size: 1.1rem;
    line-height: 1.2;
    margin-right: 1rem;
    margin-top: 0.15rem;
    flex-shrink: 0
}

.cc-scope-section .cc-marker-cyan {
    color: #00f0ff
}

.cc-scope-section .cc-marker-magenta {
    color: #ff007f
}

.cc-scope-section .cc-item-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    color: #f0f6fc;
    line-height: 1.3
}

.cc-scope-section .cc-item-text {
    font-size: 0.925rem;
    line-height: 1.5;
    color: #94a3b8
}

.cc-scope-section .cc-scope-footer {
    border-top: 1px dashed rgba(148, 163, 184, 0.2)
}

.cc-scope-section .cc-scope-metric {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.825rem;
    color: #00f0ff;
    display: flex;
    align-items: center
}

.cc-scope-section .cc-metric-inactive {
    color: #ff007f
}

.cc-scope-section .cc-scope-cta-panel {
    background: linear-gradient(135deg, rgba(18, 24, 46, 0.95) 0%, rgba(7, 9, 19, 0.95) 100%);
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7)
}

.cc-scope-section .cc-cta-title {
    font-family: 'Rajdhani', 'Orbitron', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #f0f6fc
}

.cc-scope-section .cc-cta-text {
    font-size: 0.95rem;
    color: #94a3b8;
    line-height: 1.5
}

.cc-scope-section .cc-btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.75rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.5);
    text-decoration: none
}

.cc-scope-section .cc-btn-action:hover {
    background: #00f0ff;
    color: #000000;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
    text-decoration: none
}

@media (max-width:767.98px) {
    .cc-scope-section .cc-scope-title {
        font-size: 16px;
        hyphens: auto
    }

    .cc-scope-section .cc-scope-card-title,
    .cc-scope-section .cc-cta-title {
        font-size: 14px;
        hyphens: auto
    }

    .cc-scope-section .cc-item-title {
        font-size: 13px
    }

    .cc-scope-section .cc-scope-subtitle,
    .cc-scope-section .cc-item-text,
    .cc-scope-section .cc-cta-text {
        font-size: 0.875rem
    }

    .cc-scope-section .cc-scope-card {
        padding: 1.25rem 1rem
    }

    .cc-scope-section .cc-btn-action {
        width: 100%
    }
}

/* ===== footer ===== */
.cc-footer-section {
    background-color: #070913;
    color: #94a3b8;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    position: relative;
    border-top: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.7);
    overflow: hidden;
}

.cc-footer-section .cc-footer-grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(0, 240, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 240, 255, 0.03) 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}

.cc-footer-section .cc-footer-logo {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6));
}

.cc-footer-section .cc-footer-brand-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}

.cc-footer-section .cc-footer-desc {
    font-size: 0.925rem;
    line-height: 1.6;
    color: #94a3b8;
    max-width: 360px;
}

.cc-footer-section .cc-footer-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1.25rem;
    position: relative;
    display: inline-block;
}

.cc-footer-section .cc-footer-heading::after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #00f0ff;
    margin-top: 6px;
    box-shadow: 0 0 8px #00f0ff;
}

.cc-footer-section .cc-footer-links li {
    margin-bottom: 0.65rem;
}

.cc-footer-section .cc-footer-links a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.925rem;
    transition: color 0.2s ease, padding-left 0.2s ease;
    display: inline-block;
}

.cc-footer-section .cc-footer-links a:hover,
.cc-footer-section .cc-footer-links a:focus {
    color: #00f0ff;
    text-shadow: 0 0 8px rgba(0, 240, 255, 0.5);
    padding-left: 4px;
}

.cc-footer-section .cc-footer-contact-item {
    font-size: 0.925rem;
}

.cc-footer-section .cc-contact-icon {
    color: #00f0ff;
    font-size: 1rem;
    width: 20px;
    flex-shrink: 0;
    text-align: center;
}

.cc-footer-section .cc-contact-text {
    color: #94a3b8;
    line-height: 1.5;
}

.cc-footer-section .cc-contact-link {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s ease;
    word-break: break-word;
}

.cc-footer-section .cc-contact-link:hover,
.cc-footer-section .cc-contact-link:focus {
    color: #00f0ff;
    text-shadow: 0 0 8px rgba(0, 240, 255, 0.5);
}

.cc-footer-section .cc-btn-whatsapp {
    background: linear-gradient(135deg, #00ff66 0%, #00b347 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.65rem 1.25rem;
    border: 1px solid #00ff66;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(0, 255, 102, 0.35);
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

.cc-footer-section .cc-btn-whatsapp:hover,
.cc-footer-section .cc-btn-whatsapp:focus {
    background: #00ff66;
    color: #000000;
    box-shadow: 0 0 20px rgba(0, 255, 102, 0.7);
}

.cc-footer-section .cc-terminal-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(13, 17, 36, 0.9);
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 4px;
    padding: 0.4rem 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00ff66;
}

.cc-footer-section .cc-pulse-dot {
    width: 8px;
    height: 8px;
    background: #00ff66;
    border-radius: 50%;
    box-shadow: 0 0 8px #00ff66;
    display: inline-block;
}

.cc-footer-section .cc-footer-bottom {
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.cc-footer-section .cc-copyright {
    font-size: 0.85rem;
    color: #94a3b8;
}

.cc-footer-section .cc-legal-links a {
    font-size: 0.85rem;
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cc-footer-section .cc-legal-links a:hover,
.cc-footer-section .cc-legal-links a:focus {
    color: #00f0ff;
}

.cc-footer-section .cc-separator {
    color: rgba(148, 163, 184, 0.4);
    margin: 0 0.35rem;
    font-size: 0.8rem;
}

@media (max-width: 767.98px) {
    .cc-footer-section .cc-footer-heading {
        font-size: 1rem;
        margin-bottom: 0.85rem;
    }

    .cc-footer-section .cc-footer-brand-title {
        font-size: 1.25rem;
    }

    .cc-footer-section .cc-footer-desc,
    .cc-footer-section .cc-footer-links a,
    .cc-footer-section .cc-footer-contact-item {
        font-size: 0.85rem;
    }
}

/* ===== PAGE: about-method ===== */
.method-details-section {
  background-color: #070913;
  color: #f0f6fc;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  position: relative;
  border-top: 1px solid rgba(0, 240, 255, 0.15);
  border-bottom: 1px solid rgba(0, 240, 255, 0.15);
}

.method-details-section h1,
.method-details-section h2,
.method-details-section h3,
.method-details-section h4 {
  font-family: 'Rajdhani', 'Orbitron', -apple-system, sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #f0f6fc;
}

.method-details-section__main-heading {
  font-size: clamp(1.85rem, 4vw, 3rem);
  line-height: 1.2;
  text-transform: uppercase;
}

.method-details-section__lead-text {
  color: #94a3b8;
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  line-height: 1.6;
  max-width: 820px;
}

.method-details-section__badge {
  background: rgba(0, 240, 255, 0.12);
  color: #00f0ff;
  border: 1px solid rgba(0, 240, 255, 0.4);
  border-radius: 3px;
  padding: 0.35rem 0.8rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
}

.method-details-section__badge--magenta {
  background: rgba(255, 0, 127, 0.12);
  color: #ff007f;
  border-color: rgba(255, 0, 127, 0.4);
}

.method-details-section__badge--purple {
  background: rgba(157, 78, 221, 0.15);
  color: #9d4edd;
  border-color: rgba(157, 78, 221, 0.4);
}

.method-details-section__panel {
  background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
  border: 1px solid rgba(0, 240, 255, 0.25);
  border-radius: 6px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

.method-details-section__panel--danger {
  border-color: rgba(255, 71, 87, 0.35);
}

.method-details-section__panel--success {
  border-color: rgba(0, 240, 255, 0.4);
}

.method-details-section__border-divider {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.method-details-section__status-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.method-details-section__panel-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  color: #94a3b8;
}

.method-details-section__mono-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.85rem;
  font-weight: 700;
}

.method-details-section__panel-text {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.6;
}

.method-details-section__metric-list li {
  color: #cbd5e1;
  font-size: 0.9rem;
  line-height: 1.5;
}

.method-details-section__image-wrapper {
  background: rgba(13, 17, 36, 0.9);
  border: 1px solid rgba(0, 240, 255, 0.3);
  border-radius: 6px;
}

.method-details-section__main-img {
  border-radius: 4px;
  object-fit: cover;
  display: block;
}

.method-details-section__image-caption {
  background: #05070d;
  border-top: 1px solid rgba(0, 240, 255, 0.2);
}

.method-details-section__caption-code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  color: #00f0ff;
}

.method-details-section__step-card {
  background: rgba(18, 24, 46, 0.7);
  border-left: 3px solid #00f0ff;
  border-radius: 0 4px 4px 0;
}

.method-details-section__step-number {
  font-family: 'JetBrains Mono', monospace;
}

.method-details-section__tab-btn {
  background: rgba(18, 24, 46, 0.9);
  color: #94a3b8;
  border: 1px solid rgba(0, 240, 255, 0.2);
  padding: 0.6rem 1.25rem;
  border-radius: 4px;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
}

.method-details-section__tab-btn.active {
  background: rgba(0, 240, 255, 0.15);
  color: #00f0ff;
  border-color: #00f0ff;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.3);
}

.method-details-section__pipeline-card {
  background: rgba(18, 24, 46, 0.85);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 4px;
}

.method-details-section__pipeline-card:hover {
  border-color: rgba(0, 240, 255, 0.5);
}

.text-magenta {
  color: #ff007f !important;
}

.text-purple {
  color: #9d4edd !important;
}

.method-details-section__accordion-item {
  background: rgba(7, 9, 19, 0.8);
  border: 1px solid rgba(0, 240, 255, 0.2);
  border-radius: 4px;
  overflow: hidden;
}

.method-details-section__accordion-header {
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
}

.method-details-section__accordion-header:hover {
  background: rgba(0, 240, 255, 0.05);
}

.method-details-section__accordion-body {
  border-top: 1px solid rgba(0, 240, 255, 0.15);
  font-size: 0.95rem;
  line-height: 1.6;
}

.method-details-section__cta-banner {
  background: linear-gradient(135deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
  border: 1px solid #00f0ff;
  border-radius: 6px;
  box-shadow: 0 0 25px rgba(0, 240, 255, 0.15);
}

.method-details-section__btn-action {
  background: rgba(0, 240, 255, 0.15);
  color: #00f0ff;
  border: 1px solid #00f0ff;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.6rem 1.25rem;
  border-radius: 4px;
}

.method-details-section__btn-action:hover {
  background: #00f0ff;
  color: #070913;
}

.method-details-section__btn-primary {
  background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
  color: #070913;
  border: 1px solid #00f0ff;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.75rem 1.75rem;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.method-details-section__btn-primary:hover {
  background: #00f0ff;
  color: #000000;
}

.method-details-section__btn-outline {
  background: transparent;
  color: #00f0ff;
  border: 1px solid #00f0ff;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.75rem 1.75rem;
  border-radius: 4px;
}

.method-details-section__btn-outline:hover {
  background: rgba(0, 240, 255, 0.15);
  color: #ffffff;
}

@media (max-width: 767.98px) {
  .method-details-section h1 { font-size: 1.5rem !important; hyphens: auto; }
  .method-details-section h2 { font-size: 1.25rem !important; hyphens: auto; }
  .method-details-section h3 { font-size: 1.1rem !important; hyphens: auto; }
}

/* ===== PAGE: categories ===== */
.cat-list-section {
  background-color: #070913;
  color: #f0f6fc;
  font-family: 'Inter', sans-serif;
  position: relative;
}

.cat-list-section .border-cyan-subtle {
  border-color: rgba(0, 240, 255, 0.2) !important;
}

.cat-list-section .cat-sub-badge {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #00f0ff;
  background: rgba(0, 240, 255, 0.12);
  border: 1px solid rgba(0, 240, 255, 0.35);
  border-radius: 3px;
  padding: 0.3rem 0.65rem;
  display: inline-block;
}

.cat-list-section .cat-main-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.cat-list-section .cat-lead-text {
  font-size: 1.05rem;
  line-height: 1.6;
  color: #94a3b8;
  max-width: 850px;
}

.cat-list-section .cat-btn-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
  color: #070913;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.65rem 1.4rem;
  border: 1px solid #00f0ff;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
  text-decoration: none;
}

.cat-list-section .cat-btn-action:hover {
  background: #00f0ff;
  color: #000000;
  box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.cat-list-section .cat-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #00f0ff;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.65rem 1.4rem;
  border: 1px solid rgba(0, 240, 255, 0.6);
  border-radius: 4px;
  text-decoration: none;
}

.cat-list-section .cat-btn-outline:hover {
  background: rgba(0, 240, 255, 0.15);
  color: #ffffff;
  border-color: #00f0ff;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.cat-list-section .cat-controls-panel {
  background: #0d1124;
  border: 1px solid rgba(0, 240, 255, 0.2);
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.cat-list-section .cat-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.cat-list-section .cat-search-icon {
  position: absolute;
  left: 1rem;
  color: #00f0ff;
  font-size: 0.9rem;
  pointer-events: none;
}

.cat-list-section .cat-search-input {
  width: 100%;
  background: #070913;
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: #f0f6fc;
  border-radius: 4px;
  padding: 0.6rem 2.4rem 0.6rem 2.6rem;
  font-size: 0.92rem;
}

.cat-list-section .cat-search-input:focus {
  outline: none;
  border-color: #00f0ff;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}

.cat-list-section .cat-search-input::placeholder {
  color: #64748b;
  opacity: 1;
}

.cat-list-section .cat-search-clear {
  position: absolute;
  right: 0.8rem;
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0.2rem;
}

.cat-list-section .cat-search-clear:hover {
  color: #ff007f;
}

.cat-list-section .cat-filter-btn {
  background: #141b36;
  border: 1px solid rgba(148, 163, 184, 0.25);
  color: #94a3b8;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  font-size: 0.92rem;
  letter-spacing: 0.04em;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
}

.cat-list-section .cat-filter-btn:hover {
  color: #f0f6fc;
  border-color: rgba(0, 240, 255, 0.5);
  background: #192242;
}

.cat-list-section .cat-filter-btn.active {
  background: rgba(0, 240, 255, 0.15);
  border-color: #00f0ff;
  color: #00f0ff;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
}

.cat-list-section .cat-card {
  background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
  border: 1px solid rgba(0, 240, 255, 0.25);
  border-radius: 6px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.cat-list-section .cat-card:hover {
  border-color: #00f0ff;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
}

.cat-list-section .cat-card-prompt {
  border-color: rgba(255, 0, 127, 0.3);
}

.cat-list-section .cat-card-prompt:hover {
  border-color: #ff007f;
  box-shadow: 0 0 20px rgba(255, 0, 127, 0.35);
}

.cat-list-section .cat-card-header {
  padding: 0.8rem 1rem;
  background: rgba(7, 9, 19, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cat-list-section .cat-card-id {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.78rem;
  font-weight: 700;
  color: #94a3b8;
}

.cat-list-section .cat-type-pill {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.2rem 0.55rem;
  border-radius: 3px;
}

.cat-list-section .cat-type-pill-cyan {
  background: rgba(0, 240, 255, 0.12);
  color: #00f0ff;
  border: 1px solid rgba(0, 240, 255, 0.4);
}

.cat-list-section .cat-type-pill-magenta {
  background: rgba(255, 0, 127, 0.12);
  color: #ff007f;
  border: 1px solid rgba(255, 0, 127, 0.4);
}

.cat-list-section .cat-card-media {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #070913;
  position: relative;
}

.cat-list-section .cat-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cat-list-section .cat-item-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
}

.cat-list-section .cat-title-link {
  color: #ffffff;
  text-decoration: none;
}

.cat-list-section .cat-title-link:hover {
  color: #00f0ff;
}

.cat-list-section .cat-item-desc {
  font-size: 0.92rem;
  line-height: 1.55;
  color: #94a3b8;
}

.cat-list-section .cat-meta-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.78rem;
  color: #cbd5e1;
  background: rgba(13, 17, 36, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.25);
  padding: 0.25rem 0.55rem;
  border-radius: 3px;
}

.cat-list-section .cat-meta-tag-alt {
  border-color: rgba(255, 0, 127, 0.4);
  color: #ff80bf;
}

.cat-list-section .cat-item-action-btn {
  display: inline-flex;
  align-items: center;
  color: #00f0ff;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.cat-list-section .cat-item-action-btn:hover {
  color: #ffffff;
}

.cat-list-section .cat-tel-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 4px;
  background: rgba(255, 0, 127, 0.15);
  border: 1px solid rgba(255, 0, 127, 0.5);
  color: #ff007f;
  text-decoration: none;
}

.cat-list-section .cat-tel-action-btn:hover {
  background: #ff007f;
  color: #ffffff;
  box-shadow: 0 0 12px rgba(255, 0, 127, 0.6);
}

.cat-list-section .cat-page-btn {
  min-width: 40px;
  height: 40px;
  padding: 0 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #141b36;
  border: 1px solid rgba(0, 240, 255, 0.25);
  color: #94a3b8;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.88rem;
  font-weight: 700;
  border-radius: 4px;
  cursor: pointer;
}

.cat-list-section .cat-page-btn:hover {
  color: #00f0ff;
  border-color: #00f0ff;
  background: #192242;
}

.cat-list-section .cat-page-btn.active {
  background: #00f0ff;
  color: #070913;
  border-color: #00f0ff;
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.6);
}

.cat-list-section .cat-no-results-text {
  color: #94a3b8;
  font-size: 0.95rem;
}

@media (max-width: 767.98px) {
  .cat-list-section .cat-main-title {
    font-size: 1.125rem;
    hyphens: auto;
  }
  .cat-list-section .cat-item-title {
    font-size: 0.875rem;
    hyphens: auto;
  }
  .cat-list-section .cat-lead-text {
    font-size: 0.92rem;
  }
  .cat-list-section .cat-card-media {
    height: 170px;
  }
}

/* ===== PAGE: project-ideas ===== */
.ideas-section{background-color:#070913;color:#f0f6fc;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.ideas-section .text-cyan{color:#00f0ff}.ideas-section .text-magenta{color:#ff007f}.ideas-section .border-cyan-subtle{border-color:rgba(0,240,255,0.2)!important}.ideas-section .border-dark-subtle{border-color:rgba(148,163,184,0.15)!important}.ideas-section__badge{background:rgba(0,240,255,0.12);color:#00f0ff;border:1px solid rgba(0,240,255,0.4);border-radius:3px;font-family:'JetBrains Mono',monospace;font-size:0.75rem;letter-spacing:0.08em;padding:0.35rem 0.65rem}.ideas-section__heading{font-family:'Rajdhani',sans-serif;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:#f0f6fc;line-height:1.2}.ideas-section__search-box{position:relative;width:100%;min-width:240px}.ideas-section__search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:0.9rem;pointer-events:none}.ideas-section__search-input{background:#0d1124;border:1px solid rgba(0,240,255,0.25);color:#f0f6fc;padding:0.6rem 1rem 0.6rem 2.4rem;font-size:0.9rem;border-radius:4px}.ideas-section__search-input:focus{background:#12182e;border-color:#00f0ff;color:#ffffff;box-shadow:0 0 10px rgba(0,240,255,0.3);outline:none}.ideas-section__search-input::placeholder{color:#64748b;opacity:1}.ideas-section__filter-btn{background:#0d1124;border:1px solid rgba(0,240,255,0.2);color:#94a3b8;padding:0.45rem 0.95rem;font-family:'JetBrains Mono',monospace;font-size:0.8rem;border-radius:4px;cursor:pointer}.ideas-section__filter-btn:hover{color:#00f0ff;border-color:rgba(0,240,255,0.5)}.ideas-section__filter-btn.active{background:rgba(0,240,255,0.15);border-color:#00f0ff;color:#00f0ff;font-weight:700}.ideas-card{background:linear-gradient(180deg,rgba(20,27,54,0.95) 0%,rgba(13,17,36,0.98) 100%);border:1px solid rgba(0,240,255,0.3);border-radius:6px;padding:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,0.6)}.ideas-card:hover{border-color:#00f0ff;box-shadow:0 0 20px rgba(0,240,255,0.35)}.ideas-card__code{font-family:'JetBrains Mono',monospace;font-size:0.85rem;color:#94a3b8;letter-spacing:0.05em}.ideas-card__badge{font-family:'JetBrains Mono',monospace;font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:3px}.ideas-card__badge--cyan{background:rgba(0,240,255,0.12);color:#00f0ff;border:1px solid rgba(0,240,255,0.3)}.ideas-card__badge--muted{background:rgba(148,163,184,0.1);color:#94a3b8;border:1px solid rgba(148,163,184,0.2)}.ideas-card__img-link{border-radius:4px;background:#070913;height:200px;border:1px solid rgba(148,163,184,0.15)}.ideas-card__img{height:100%;object-fit:cover;display:block}.ideas-card__img-overlay{position:absolute;inset:0;background:rgba(7,9,19,0.75);color:#00f0ff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:0.05em;text-transform:uppercase;opacity:0;visibility:hidden;display:flex}.ideas-card:hover .ideas-card__img-overlay{opacity:1;visibility:visible}.ideas-card__title{font-family:'Rajdhani',sans-serif;font-size:1.4rem;font-weight:700;line-height:1.3;letter-spacing:0.01em}.ideas-card__title-link{color:#f0f6fc;text-decoration:none}.ideas-card__title-link:hover{color:#00f0ff}.ideas-card__desc{font-size:0.95rem;line-height:1.5;color:#94a3b8}.ideas-card__constraint-box{background:rgba(7,9,19,0.75);border-left:3px solid #ff007f;border-radius:0 4px 4px 0;padding:0.75rem 1rem}.ideas-card__constraint-label{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#ff007f;font-weight:700;text-transform:uppercase;margin-bottom:0.25rem}.ideas-card__constraint-text{font-size:0.85rem;color:#f0f6fc;line-height:1.4}.ideas-card__meta{font-family:'JetBrains Mono',monospace;font-size:0.8rem;color:#94a3b8}.ideas-card__btn{background:linear-gradient(135deg,#00f0ff 0%,#00a8ff 100%);color:#070913;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.08em;padding:0.5rem 1.1rem;border:1px solid #00f0ff;border-radius:4px;text-decoration:none;box-shadow:0 0 10px rgba(0,240,255,0.4)}.ideas-card__btn:hover{background:#00f0ff;color:#000000;box-shadow:0 0 18px rgba(0,240,255,0.7)}.ideas-section__empty{background:rgba(13,17,36,0.6);border:1px dashed rgba(255,0,127,0.4);border-radius:6px;padding:3rem 1rem}.ideas-section__reset-btn{background:transparent;border:1px solid #ff007f;color:#ff007f;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.05em;padding:0.6rem 1.4rem;border-radius:4px;cursor:pointer}.ideas-section__reset-btn:hover{background:rgba(255,0,127,0.15);color:#ffffff}.ideas-section__cta{background:linear-gradient(135deg,rgba(20,27,54,0.95) 0%,rgba(13,17,36,0.98) 100%);border:1px solid rgba(0,240,255,0.4);box-shadow:0 8px 32px rgba(0,0,0,0.6),inset 0 0 15px rgba(0,240,255,0.08)}.ideas-section__cta-title{font-family:'Rajdhani',sans-serif;font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:700;color:#f0f6fc;line-height:1.3;text-transform:uppercase}.ideas-section__cta-text{color:#94a3b8;font-size:0.95rem;line-height:1.6}.ideas-section__cta-btn{background:linear-gradient(135deg,#ff007f 0%,#9d4edd 100%);color:#ffffff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:0.08em;padding:0.85rem 1.8rem;border:1px solid #ff007f;border-radius:4px;text-decoration:none;box-shadow:0 0 15px rgba(255,0,127,0.5)}.ideas-section__cta-btn:hover{background:#ff007f;color:#ffffff;box-shadow:0 0 25px rgba(255,0,127,0.8)}@media (max-width:767.98px){.ideas-section__heading{font-size:16px!important;hyphens:auto}.ideas-card__title{font-size:14px!important;hyphens:auto}.ideas-section__cta-title{font-size:14px!important;hyphens:auto}.ideas-card__img-link{height:160px}}

/* ===== PAGE: blog ===== */
.blog-cyber-hub {
  background-color: #070913;
  color: #f0f6fc;
  position: relative;
  font-family: 'Inter', sans-serif;
}

.blog-cyber-hub .font-headings {
  font-family: 'Rajdhani', sans-serif;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.blog-cyber-hub .font-mono {
  font-family: 'JetBrains Mono', monospace;
}

.blog-cyber-hub .x-small {
  font-size: 0.75rem;
}

.blog-cyber-hub .text-secondary-cyber {
  color: #94a3b8;
}

.blog-cyber-hub .text-muted-cyber {
  color: #64748b;
}

.blog-cyber-hub .blog-main-heading {
  color: #f0f6fc;
}

.blog-cyber-hub .blog-cyber-badge {
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid rgba(0, 240, 255, 0.35);
  border-radius: 4px;
}

.blog-cyber-hub .blog-cyber-controls {
  background: #0d1124;
  border: 1px solid rgba(0, 240, 255, 0.2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.blog-cyber-hub .blog-cyber-search-wrapper .form-control {
  background-color: #12182e;
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: #f0f6fc;
  border-radius: 4px;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.blog-cyber-hub .blog-cyber-search-wrapper .form-control:focus {
  background-color: #141b36;
  border-color: #00f0ff;
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.4);
  color: #f0f6fc;
}

.blog-cyber-hub .blog-cyber-search-wrapper .form-control::placeholder {
  color: #64748b;
  opacity: 1;
}

.blog-cyber-hub .blog-filter-btn {
  background: #12182e;
  color: #94a3b8;
  border: 1px solid rgba(148, 163, 184, 0.25);
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.45rem 0.9rem;
  border-radius: 4px;
}

.blog-cyber-hub .blog-filter-btn:hover,
.blog-cyber-hub .blog-filter-btn:focus {
  color: #00f0ff;
  background: rgba(0, 240, 255, 0.12);
  border-color: #00f0ff;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
}

.blog-cyber-hub .blog-filter-btn.active {
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.25) 0%, rgba(157, 78, 221, 0.25) 100%);
  color: #00f0ff;
  border-color: #00f0ff;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.35);
}

.blog-cyber-hub .blog-card {
  background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
  border: 1px solid rgba(0, 240, 255, 0.25);
  border-radius: 6px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.blog-cyber-hub .blog-card:hover {
  border-color: #00f0ff;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
}

.blog-cyber-hub .blog-card-media {
  height: 200px;
  background-color: #05070d;
}

.blog-cyber-hub .blog-card-img {
  height: 200px;
  object-fit: cover;
}

.blog-cyber-hub .blog-card-category {
  background: rgba(7, 9, 19, 0.85);
  color: #00f0ff;
  border: 1px solid rgba(0, 240, 255, 0.4);
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.35rem 0.65rem;
  border-radius: 3px;
}

.blog-cyber-hub .blog-card-title a {
  color: #f0f6fc;
}

.blog-cyber-hub .blog-card-title a:hover,
.blog-cyber-hub .hover-cyan:hover {
  color: #00f0ff !important;
}

.blog-cyber-hub .border-top-cyber {
  border-top: 1px solid rgba(0, 240, 255, 0.15);
}

.blog-cyber-hub .blog-read-btn {
  background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
  color: #070913;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.45rem 1rem;
  border: 1px solid #00f0ff;
  border-radius: 4px;
}

.blog-cyber-hub .blog-read-btn:hover {
  background: #00f0ff;
  color: #000000;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.6);
}

.blog-cyber-hub .blog-cyber-empty-state {
  background: #0d1124;
  border: 1px solid rgba(255, 183, 0, 0.3);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
}

@media (max-width: 767.98px) {
  .blog-cyber-hub .blog-main-heading {
    font-size: 1.125rem;
    hyphens: auto;
  }
  .blog-cyber-hub h2.blog-card-title {
    font-size: 1rem;
    hyphens: auto;
  }
  .blog-cyber-hub h3 {
    font-size: 0.875rem;
  }
}

/* ===== PAGE: brand-support ===== */
.brand-support-page{background-color:#070913;color:#f0f6fc;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}.brand-support-page h1,.brand-support-page h2,.brand-support-page h3,.brand-support-page h4{font-family:'Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:.02em}.brand-support-page .text-cyan{color:#00f0ff!important}.brand-support-page .text-magenta{color:#ff007f!important}.brand-support-page .text-purple{color:#9d4edd!important}.brand-support-page .text-slate{color:#94a3b8}.brand-support-page .text-light-slate{color:#cbd5e1}.brand-support-page__glass-panel{background:linear-gradient(180deg,rgba(20,27,54,.95) 0%,rgba(13,17,36,.98) 100%);border:1px solid rgba(0,240,255,.25);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.6)}.brand-support-page__badge{background:rgba(0,240,255,.12);color:#00f0ff;border:1px solid rgba(0,240,255,.4);border-radius:4px;padding:.35rem .75rem;font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:inline-block}.brand-support-page__section-badge{color:#00f0ff;font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:.5rem}.brand-support-page__main-title{font-size:clamp(1.75rem,3.8vw,2.75rem);font-weight:700;line-height:1.15;color:#f0f6fc}.brand-support-page__section-title{font-size:clamp(1.4rem,2.8vw,2.1rem);font-weight:700;line-height:1.2;color:#f0f6fc}.brand-support-page__lead{font-size:1.05rem;line-height:1.6}.brand-support-page__pill{background:rgba(13,17,36,.85);border:1px solid rgba(148,163,184,.25);color:#f0f6fc;font-size:.85rem;padding:.35rem .75rem;border-radius:4px;font-family:'JetBrains Mono',monospace}.brand-support-page__btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.7rem 1.4rem;border-radius:4px;text-decoration:none;transition:none}.brand-support-page__btn--primary{background:linear-gradient(135deg,#00f0ff 0%,#00a8ff 100%);color:#070913;border:1px solid #00f0ff;box-shadow:0 0 15px rgba(0,240,255,.4)}.brand-support-page__btn--primary:hover{background:#00f0ff;color:#000;box-shadow:0 0 25px rgba(0,240,255,.7)}.brand-support-page__btn--secondary{background:transparent;color:#00f0ff;border:1px solid #00f0ff}.brand-support-page__btn--secondary:hover{background:rgba(0,240,255,.15);color:#fff;border-color:#00f0ff;box-shadow:0 0 15px rgba(0,240,255,.4)}.brand-support-page__btn--magenta{background:linear-gradient(135deg,#ff007f 0%,#9d4edd 100%);color:#fff;border:1px solid #ff007f;box-shadow:0 0 15px rgba(255,0,127,.4)}.brand-support-page__btn--magenta:hover{background:#ff007f;color:#fff;box-shadow:0 0 25px rgba(255,0,127,.7)}.brand-support-page__terminal-card{background:#05070d;border:1px solid rgba(0,240,255,.3);border-radius:6px}.brand-support-page__code-label{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:#00ff66}.brand-support-page__status-badge{font-family:'JetBrains Mono',monospace;font-size:.7rem;padding:.2rem .4rem;background:rgba(0,255,102,.1);color:#00ff66;border:1px solid rgba(0,255,102,.3);border-radius:3px}.brand-support-page__terminal-title{color:#f0f6fc;font-weight:600}.brand-support-page__constraint-box{background:rgba(7,9,19,.85);border-left:3px solid #ff007f;border-radius:0 4px 4px 0}.brand-support-page__constraint-sub{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ff007f;font-family:'JetBrains Mono',monospace}.brand-support-page__constraint-list{font-size:.85rem;color:#cbd5e1}.brand-support-page__terminal-link{color:#00f0ff;text-decoration:none;font-weight:600;font-size:.85rem}.brand-support-page__terminal-link:hover{color:#fff;text-decoration:underline}.brand-support-page__filter-btn{background:rgba(18,24,46,.9);color:#94a3b8;border:1px solid rgba(0,240,255,.2);padding:.4rem .9rem;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:.8rem;text-transform:uppercase;transition:none}.brand-support-page__filter-btn.active,.brand-support-page__filter-btn:hover{background:rgba(0,240,255,.15);color:#00f0ff;border-color:#00f0ff;box-shadow:0 0 10px rgba(0,240,255,.3)}.brand-support-page__card{background:linear-gradient(180deg,rgba(20,27,54,.95) 0%,rgba(13,17,36,.98) 100%);border:1px solid rgba(0,240,255,.25);border-radius:6px;padding:1.4rem;box-shadow:0 6px 20px rgba(0,0,0,.5)}.brand-support-page__card:hover{border-color:#00f0ff;box-shadow:0 0 15px rgba(0,240,255,.35)}.brand-support-page__card-id{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:#00f0ff;background:rgba(0,240,255,.08);padding:.15rem .45rem;border-radius:3px;border:1px solid rgba(0,240,255,.2)}.brand-support-page__tag{font-size:.7rem;font-weight:700;font-family:'JetBrains Mono',monospace;padding:.15rem .45rem;border-radius:3px;text-transform:uppercase}.brand-support-page__tag--cyan{background:rgba(0,240,255,.1);color:#00f0ff;border:1px solid rgba(0,240,255,.3)}.brand-support-page__tag--magenta{background:rgba(255,0,127,.1);color:#ff007f;border:1px solid rgba(255,0,127,.3)}.brand-support-page__tag--purple{background:rgba(157,78,221,.1);color:#9d4edd;border:1px solid rgba(157,78,221,.3)}.brand-support-page__card-title{color:#f0f6fc;font-weight:600}.brand-support-page__card-desc{font-size:.9rem;line-height:1.5}.brand-support-page__rules-box{background:rgba(7,9,19,.75);border-left:3px solid #ff007f;border-radius:0 4px 4px 0}.brand-support-page__card-cta{color:#00f0ff;font-family:'Rajdhani',sans-serif;font-weight:700;text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.brand-support-page__card-cta:hover{color:#fff;text-decoration:underline}.brand-support-page__comparison-card{background:linear-gradient(180deg,#12182e 0%,#0d1124 100%);border:1px solid rgba(157,78,221,.3);border-radius:8px}.brand-support-page__vs-box{border-radius:6px;background:rgba(7,9,19,.7)}.brand-support-page__vs-box--negative{border:1px solid rgba(255,75,75,.3)}.brand-support-page__vs-box--positive{border:1px solid rgba(0,240,255,.35);box-shadow:0 0 15px rgba(0,240,255,.1)}.brand-support-page__vs-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.brand-support-page__vs-icon--neg{background:rgba(255,75,75,.15);color:#ff4b4b;border:1px solid rgba(255,75,75,.4)}.brand-support-page__vs-icon--pos{background:rgba(0,240,255,.15);color:#00f0ff;border:1px solid rgba(0,240,255,.4)}.brand-support-page__vs-list{font-size:.9rem;color:#94a3b8}.brand-support-page__select{background:#0d1124;border:1px solid rgba(0,240,255,.3);color:#f0f6fc;padding:.6rem;border-radius:4px}.brand-support-page__select:focus{background:#12182e;border-color:#00f0ff;color:#fff;box-shadow:0 0 10px rgba(0,240,255,.4)}.brand-support-page__live-card{background:#05070d;border:1px solid rgba(0,240,255,.4);border-radius:6px;box-shadow:0 0 20px rgba(0,0,0,.8)}.brand-support-page__live-badge{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:#00f0ff}.brand-support-page__live-title{font-size:1.35rem;font-weight:700;color:#f0f6fc}.brand-support-page__live-specs{background:rgba(18,24,46,.75);border-radius:4px;border:1px solid rgba(148,163,184,.2)}.brand-support-page__live-rubric{background:rgba(7,9,19,.9);border-left:3px solid #00f0ff;border-radius:0 4px 4px 0}.brand-support-page__check-item{display:flex;align-items:center}.brand-support-page__step-card{background:linear-gradient(180deg,rgba(20,27,54,.9) 0%,rgba(13,17,36,.95) 100%);border:1px solid rgba(0,240,255,.2);border-radius:6px;position:relative}.brand-support-page__step-num{font-family:'Rajdhani',sans-serif;font-size:2.2rem;font-weight:700;line-height:1;color:#00f0ff;margin-bottom:.5rem}.brand-support-page__cta-box{background:linear-gradient(135deg,rgba(20,27,54,.95) 0%,rgba(7,9,19,.98) 100%);border:2px solid transparent;border-image:linear-gradient(90deg,#00f0ff,#ff007f) 1;border-radius:0;box-shadow:0 0 30px rgba(0,0,0,.8)}.brand-support-page__cta-title{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:700;color:#f0f6fc}@media (max-width:767.98px){.brand-support-page h1{font-size:1.5rem}.brand-support-page h2{font-size:1.35rem}.brand-support-page h3{font-size:1.15rem}}

/* ===== PAGE: contact ===== */
.contact-page-section{background-color:#070913;color:#f0f6fc;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;position:relative;overflow:hidden}.contact-page-section__badge{display:inline-flex;align-items:center;background:rgba(0,240,255,0.12);color:#00f0ff;border:1px solid rgba(0,240,255,0.4);border-radius:3px;padding:0.35rem 0.85rem;font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.contact-page-section__title{font-family:'Rajdhani','Orbitron',sans-serif;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;line-height:1.2;color:#f0f6fc;text-transform:uppercase;letter-spacing:0.02em;margin:0}.contact-page-section__lead{font-size:clamp(0.95rem,1.2vw,1.15rem);color:#94a3b8;line-height:1.6;max-width:760px}.contact-page-section__card{background:linear-gradient(180deg,rgba(20,27,54,0.95) 0%,rgba(13,17,36,0.98) 100%);border:1px solid rgba(0,240,255,0.25);border-radius:6px;padding:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,0.6),inset 0 0 12px rgba(0,240,255,0.04);transition:border-color 0.2s ease,box-shadow 0.2s ease}.contact-page-section__card:hover{border-color:#00f0ff;box-shadow:0 0 20px rgba(0,240,255,0.35),inset 0 0 15px rgba(0,240,255,0.08)}.contact-page-section__card-icon{width:48px;height:48px;border-radius:6px;background:rgba(0,240,255,0.1);border:1px solid rgba(0,240,255,0.3);display:flex;align-items:center;justify-content:center;color:#00f0ff;font-size:1.25rem}.contact-page-section__card-tag{font-family:'JetBrains Mono',monospace;font-size:0.7rem;font-weight:700;letter-spacing:0.08em;color:#00f0ff;text-transform:uppercase}.contact-page-section__card-title{font-family:'Rajdhani',sans-serif;font-size:1.35rem;font-weight:600;color:#f0f6fc;margin-bottom:0.5rem}.contact-page-section__card-text{font-size:0.9rem;color:#94a3b8;line-height:1.5;margin-bottom:0}.contact-page-section__btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.05em;padding:0.65rem 1rem;border-radius:4px;text-decoration:none;transition:all 0.2s ease;text-align:center}.contact-page-section__btn--cyan{background:rgba(0,240,255,0.15);color:#00f0ff;border:1px solid #00f0ff}.contact-page-section__btn--cyan:hover{background:#00f0ff;color:#070913;box-shadow:0 0 18px rgba(0,240,255,0.6)}.contact-page-section__btn--magenta{background:rgba(255,0,127,0.15);color:#ff007f;border:1px solid #ff007f}.contact-page-section__btn--magenta:hover{background:#ff007f;color:#ffffff;box-shadow:0 0 18px rgba(255,0,127,0.6)}.contact-page-section__btn--lime{background:rgba(0,255,102,0.15);color:#00ff66;border:1px solid #00ff66}.contact-page-section__btn--lime:hover{background:#00ff66;color:#070913;box-shadow:0 0 18px rgba(0,255,102,0.6)}.contact-page-section__address-box{background:rgba(7,9,19,0.8);border:1px solid rgba(148,163,184,0.2);border-radius:4px;padding:0.75rem 0.9rem}.contact-page-section__address-text{font-family:'JetBrains Mono',monospace;font-size:0.82rem;color:#f0f6fc;line-height:1.4;display:block;word-break:break-word}.contact-page-section__terminal{background:#05070d;border:1px solid rgba(0,240,255,0.3);border-radius:6px;box-shadow:0 8px 30px rgba(0,0,0,0.7)}.contact-page-section__terminal-header{background:rgba(20,27,54,0.85);border-bottom:1px solid rgba(0,240,255,0.2)}.contact-page-section__terminal-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.contact-page-section__terminal-dot--red{background:#ff4d4f}.contact-page-section__terminal-dot--yellow{background:#ffb700}.contact-page-section__terminal-dot--green{background:#00ff66}.contact-page-section__terminal-name{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#94a3b8}.contact-page-section__terminal-badge{font-family:'JetBrains Mono',monospace;font-size:0.7rem;color:#00ff66;background:rgba(0,255,102,0.12);padding:0.15rem 0.5rem;border-radius:2px;border:1px solid rgba(0,255,102,0.3)}.contact-page-section__terminal-heading{font-family:'Rajdhani',sans-serif;font-size:1.35rem;font-weight:600;color:#00f0ff;text-transform:uppercase;margin:0}.contact-page-section__terminal-lead{font-size:0.92rem;color:#94a3b8;line-height:1.6}.contact-page-section__rule-list{border-left:2px solid rgba(0,240,255,0.3);padding-left:1rem}.contact-page-section__rule-item{font-size:0.88rem;color:#f0f6fc;line-height:1.5}.contact-page-section__rule-item strong{color:#00f0ff;font-family:'JetBrains Mono',monospace;font-size:0.82rem;display:block}.contact-page-section__rule-icon{color:#00ff66;font-size:0.85rem}.contact-page-section__quicknav{background:linear-gradient(180deg,rgba(20,27,54,0.9) 0%,rgba(13,17,36,0.95) 100%);border:1px solid rgba(157,78,221,0.3);border-radius:6px;box-shadow:0 8px 30px rgba(0,0,0,0.6)}.contact-page-section__quicknav-title{font-family:'Rajdhani',sans-serif;font-size:1.25rem;font-weight:600;color:#f0f6fc;text-transform:uppercase;margin:0}.contact-page-section__quicknav-subtitle{font-size:0.88rem;color:#94a3b8;line-height:1.5}.contact-page-section__nav-link{background:rgba(7,9,19,0.7);border:1px solid rgba(148,163,184,0.15);border-radius:4px;color:#f0f6fc;font-size:0.9rem;font-weight:500;text-decoration:none;transition:all 0.2s ease}.contact-page-section__nav-link:hover{background:rgba(20,27,54,0.9);border-color:#00f0ff;color:#00f0ff;transform:none}.contact-page-section .text-cyan{color:#00f0ff}.contact-page-section .text-magenta{color:#ff007f}.contact-page-section .text-lime{color:#00ff66}.contact-page-section__status-box{background:rgba(5,7,13,0.8);border:1px solid rgba(0,240,255,0.2);border-radius:4px}.contact-page-section__status-label{font-family:'JetBrains Mono',monospace;font-size:0.7rem;color:#94a3b8;font-weight:700}.contact-page-section__status-value{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#00ff66}.contact-page-section__status-progress{height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;margin-top:0.4rem}.contact-page-section__status-bar{height:100%;width:75%;background:linear-gradient(90deg,#00f0ff 0%,#00ff66 100%)}@media (max-width:767.98px){.contact-page-section__title{font-size:1.35rem;hyphens:auto}.contact-page-section__card-title{font-size:1.15rem}.contact-page-section__terminal-heading{font-size:1.15rem}.contact-page-section__quicknav-title{font-size:1.15rem}.contact-page-section__card{padding:1.15rem}.contact-page-section__terminal-body{padding:1rem}}

/* ===== PAGE: privacy ===== */
.privacy-policy-section{background-color:#070913;min-height:75vh;color:#f0f6fc;font-family:'Inter',sans-serif;position:relative}.privacy-policy-section .font-rajdhani{font-family:'Rajdhani','Orbitron',sans-serif;letter-spacing:0.03em}.privacy-policy-section .font-mono{font-family:'JetBrains Mono','Fira Code',monospace}.privacy-policy-section .text-cyan{color:#00f0ff!important}.privacy-policy-section .text-magenta{color:#ff007f!important}.privacy-policy-section .text-slate{color:#94a3b8}.privacy-policy-section .max-w-700{max-width:700px}.privacy-policy-section .privacy-policy-badge{background:rgba(0,240,255,0.1);border:1px solid rgba(0,240,255,0.35);box-shadow:0 0 10px rgba(0,240,255,0.2)}.privacy-policy-section .privacy-sidebar{background:linear-gradient(180deg,rgba(20,27,54,0.9) 0%,rgba(13,17,36,0.95) 100%);border:1px solid rgba(0,240,255,0.2);box-shadow:0 8px 30px rgba(0,0,0,0.6);top:2rem}.privacy-policy-section .privacy-nav-list .list-group-item{background:transparent;color:#94a3b8;border:none;border-left:2px solid transparent;font-size:0.9rem;padding:0.6rem 0.8rem;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.privacy-policy-section .privacy-nav-list .list-group-item:hover{background:rgba(0,240,255,0.08);color:#00f0ff;border-left-color:#00f0ff}.privacy-policy-section .privacy-nav-list .list-group-item.active{background:rgba(0,240,255,0.15);color:#00f0ff;border-left-color:#00f0ff;font-weight:600}.privacy-policy-section .privacy-quick-box{background:#05070d;border:1px solid rgba(255,0,127,0.3);box-shadow:inset 0 0 10px rgba(255,0,127,0.1)}.privacy-policy-section .privacy-content-wrapper{background:linear-gradient(180deg,rgba(20,27,54,0.85) 0%,rgba(13,17,36,0.9) 100%);border:1px solid rgba(0,240,255,0.25);box-shadow:0 10px 30px rgba(0,0,0,0.7)}.privacy-policy-section .privacy-section{padding-bottom:1.5rem;border-bottom:1px solid rgba(0,240,255,0.1)}.privacy-policy-section .privacy-section:last-child{border-bottom:none;padding-bottom:0}.privacy-policy-section .privacy-number{background:rgba(0,240,255,0.12);border:1px solid rgba(0,240,255,0.4);border-radius:4px;padding:0.2rem 0.5rem;font-size:0.85rem;font-weight:700}.privacy-policy-section .privacy-card{background:#0d1124;border:1px solid rgba(0,240,255,0.2);box-shadow:0 4px 15px rgba(0,0,0,0.4)}.privacy-policy-section .privacy-card:hover{border-color:rgba(0,240,255,0.5)}.privacy-policy-section .privacy-list{list-style-type:none;padding-left:0}.privacy-policy-section .privacy-list li{position:relative;padding-left:1.5rem}.privacy-policy-section .privacy-list li::before{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;font-size:0.65rem;color:#00f0ff;position:absolute;left:0;top:0.35rem}.privacy-policy-section .privacy-table{border-color:rgba(0,240,255,0.2)}.privacy-policy-section .privacy-table th{background:rgba(7,9,19,0.8);border-bottom:2px solid rgba(0,240,255,0.3)}.privacy-policy-section .privacy-table td{background:rgba(18,24,46,0.6);border-bottom:1px solid rgba(0,240,255,0.1)}.privacy-policy-section .privacy-btn-primary{background:linear-gradient(135deg,#00f0ff 0%,#00a8ff 100%);color:#070913;font-family:'Rajdhani',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:0.75rem 1.75rem;border:1px solid #00f0ff;border-radius:4px;box-shadow:0 0 15px rgba(0,240,255,0.4);transition:all 0.2s ease}.privacy-policy-section .privacy-btn-primary:hover{background:#00f0ff;color:#000000;box-shadow:0 0 25px rgba(0,240,255,0.8)}.privacy-policy-section .privacy-btn-secondary{background:transparent;color:#00f0ff;font-family:'Rajdhani',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:0.75rem 1.75rem;border:1px solid #00f0ff;border-radius:4px;transition:all 0.2s ease}.privacy-policy-section .privacy-btn-secondary:hover{background:rgba(0,240,255,0.15);color:#ffffff;border-color:#00f0ff;box-shadow:0 0 15px rgba(0,240,255,0.4)}@media(max-width:767.98px){.privacy-policy-section h1{font-size:1.6rem}.privacy-policy-section h2{font-size:1.25rem}.privacy-policy-section h3{font-size:1rem}.privacy-policy-section .privacy-sidebar{position:static!important;margin-bottom:1.5rem}}

/* ===== PAGE: terms ===== */
.terms-block {
  background-color: #070913;
  color: #f0f6fc;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  position: relative;
  overflow: hidden;
}

.terms-block .font-rajdhani {
  font-family: 'Rajdhani', sans-serif;
}

.terms-block .font-mono {
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
}

.terms-block .text-cyan {
  color: #00f0ff !important;
}

.terms-block .text-magenta {
  color: #ff007f !important;
}

.terms-block .text-lime {
  color: #00ff66 !important;
}

.terms-block .text-amber {
  color: #ffb700 !important;
}

.terms-block .text-slate {
  color: #94a3b8 !important;
}

.terms-block .bg-surface {
  background: linear-gradient(180deg, rgba(20, 27, 54, 0.9) 0%, rgba(13, 17, 36, 0.95) 100%);
}

.terms-block .bg-surface-dark {
  background-color: #0d1124;
}

.terms-block .border-subtle {
  border-color: rgba(0, 240, 255, 0.15) !important;
}

.terms-block .border-cyan-dim {
  border-color: rgba(0, 240, 255, 0.3) !important;
}

.terms-block .border-cyan {
  border-color: #00f0ff !important;
}

.terms-block .border-magenta {
  border-color: #ff007f !important;
}

.terms-block__badge {
  display: inline-block;
  padding: 0.35rem 0.85rem;
  background-color: rgba(0, 240, 255, 0.08);
  border: 1px solid rgba(0, 240, 255, 0.35);
  border-radius: 4px;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
}

.terms-block__title {
  font-family: 'Rajdhani', sans-serif;
  letter-spacing: 0.03em;
}

.terms-block__subtitle {
  max-width: 720px;
  font-size: 1.1rem;
}

.terms-block__meta-item {
  font-size: 0.85rem;
  padding: 0.3rem 0.75rem;
  background-color: rgba(13, 17, 36, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.15);
  border-radius: 3px;
}

.terms-block__terminal-box {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(0, 240, 255, 0.05);
}

.terms-block__content {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);
}

.terms-block__section-title {
  font-family: 'Rajdhani', sans-serif;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(0, 240, 255, 0.15);
  padding-bottom: 0.5rem;
}

.terms-block__section-number {
  font-size: 1.1rem;
}

.terms-block__list {
  padding-left: 1.25rem;
}

.terms-block__btn {
  padding: 0.65rem 1.4rem;
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  border-radius: 4px;
}

.terms-block .btn-primary {
  background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
  color: #070913;
  border: 1px solid #00f0ff;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.terms-block .btn-primary:hover {
  background: #00f0ff;
  color: #000000;
  box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.terms-block .btn-outline-cyan {
  background-color: transparent;
  color: #00f0ff;
  border: 1px solid #00f0ff;
}

.terms-block .btn-outline-cyan:hover {
  background-color: rgba(0, 240, 255, 0.15);
  color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.terms-block .btn-outline-magenta {
  background-color: transparent;
  color: #ff007f;
  border: 1px solid #ff007f;
}

.terms-block .btn-outline-magenta:hover {
  background-color: rgba(255, 0, 127, 0.15);
  color: #ffffff;
  box-shadow: 0 0 15px rgba(255, 0, 127, 0.4);
}

@media (max-width: 767.98px) {
  .terms-block__title {
    font-size: 1.75rem;
  }
  .terms-block__section-title {
    font-size: 1.15rem;
  }
  .terms-block__subtitle {
    font-size: 0.95rem;
  }
  .terms-block__meta {
    flex-direction: column;
    align-items: stretch;
  }
}

/* ===== PAGE: disclaimer ===== */
.cc-disclaimer-section {
  background-color: #070913;
  color: #f0f6fc;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  position: relative;
}

.cc-disclaimer-section .cc-badge-tag {
  background: rgba(0, 240, 255, 0.12);
  color: #00f0ff;
  border: 1px solid rgba(0, 240, 255, 0.4);
  border-radius: 4px;
  padding: 0.35rem 0.75rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  font-weight: 700;
  text-transform: uppercase;
}

.cc-disclaimer-section .cc-disclaimer-h1 {
  font-family: 'Rajdhani', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(2rem, 3.5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #f0f6fc;
}

.cc-disclaimer-section .cc-disclaimer-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.85rem;
  color: #94a3b8 !important;
}

.cc-disclaimer-section .cc-disclaimer-panel {
  background: rgba(255, 183, 0, 0.06);
  border: 1px solid rgba(255, 183, 0, 0.35);
  border-left: 4px solid #ffb700;
  border-radius: 6px;
}

.cc-disclaimer-section .cc-panel-icon {
  color: #ffb700;
  font-size: 1.5rem;
  line-height: 1;
}

.cc-disclaimer-section .cc-disclaimer-card {
  background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
  border: 1px solid rgba(0, 240, 255, 0.2);
  border-radius: 6px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 12px rgba(0, 240, 255, 0.03);
}

.cc-disclaimer-section .cc-disclaimer-h2 {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #f0f6fc;
}

.cc-disclaimer-section .cc-section-num {
  color: #00f0ff;
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
}

.cc-disclaimer-section .cc-disclaimer-text {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.6;
}

.cc-disclaimer-section .cc-disclaimer-list {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.6;
  padding-left: 1.25rem;
}

.cc-disclaimer-section .cc-disclaimer-list li {
  margin-bottom: 0.5rem;
}

.cc-disclaimer-section .cc-disclaimer-contact {
  background: rgba(18, 24, 46, 0.9);
  border: 1px solid rgba(157, 78, 221, 0.35);
  border-radius: 6px;
  box-shadow: 0 0 20px rgba(157, 78, 221, 0.1);
}

.cc-disclaimer-section .cc-disclaimer-contact h3 {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.cc-disclaimer-section .cc-btn-primary {
  background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
  color: #070913;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.7rem 1.5rem;
  border: 1px solid #00f0ff;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
  text-decoration: none;
}

.cc-disclaimer-section .cc-btn-primary:hover {
  background: #00f0ff;
  color: #000000;
  box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.cc-disclaimer-section .cc-link-muted {
  color: #94a3b8;
  text-decoration: none;
  font-family: 'JetBrains Mono', monospace;
}

.cc-disclaimer-section .cc-link-muted:hover {
  color: #00f0ff;
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .cc-disclaimer-section .cc-disclaimer-h1 {
    font-size: 1.75rem;
    hyphens: auto;
  }
  .cc-disclaimer-section .cc-disclaimer-h2 {
    font-size: 1.1rem;
  }
}

.cyber-comment-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 6px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 12px rgba(0, 240, 255, 0.05);
    position: relative;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
}

.cyber-comment-card:hover {
    border-color: #00f0ff;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.4), inset 0 0 15px rgba(0, 240, 255, 0.1);
}

.cyber-avatar {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #00f0ff;
    box-shadow: 0 0 8px rgba(0, 240, 255, 0.4);
    display: block;
}

.cyber-status-dot {
    width: 9px;
    height: 9px;
    background-color: #00ff66;
    border: 2px solid #070913;
    border-radius: 50%;
    position: absolute;
    bottom: -2px;
    right: -2px;
    box-shadow: 0 0 6px #00ff66;
}

.cyber-author-name {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #f0f6fc;
    letter-spacing: 0.03em;
}

.cyber-badge {
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    line-height: 1;
}

.cyber-badge-cyan {
    background: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
}

.cyber-timestamp {
    font-size: 0.8rem;
    color: #94a3b8;
}

.text-mono {
    font-family: 'JetBrains Mono', monospace;
}

.text-accent-cyan {
    color: #00f0ff !important;
}

.cyber-comment-body {
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #f0f6fc;
}

.cyber-code-quote {
    background: #05070d;
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-left: 3px solid #00f0ff;
    border-radius: 0 4px 4px 0;
    font-size: 0.82rem;
    color: #00ff66;
}

.cyber-action-bar {
    border-top: 1px solid rgba(0, 240, 255, 0.1);
}

.cyber-action-btn {
    background: transparent;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 4px;
    color: #94a3b8;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.35rem 0.75rem;
    cursor: pointer;
}

.cyber-action-btn:hover {
    background: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border-color: #00f0ff;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
}

.cyber-vote-count {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    color: #f0f6fc;
}

.text-muted-custom {
    color: #64748b;
}

.cyber-reply-wrapper {
    border-left: 2px solid rgba(255, 0, 127, 0.4);
    margin-top: -0.25rem;
    margin-bottom: 1rem;
}

.cyber-reply-card {
    background: rgba(18, 24, 46, 0.95);
    border: 1px solid rgba(255, 0, 127, 0.3);
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), inset 0 0 8px rgba(255, 0, 127, 0.05);
}

.cyber-reply-card:hover {
    border-color: #ff007f;
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.35);
}

.cyber-reply-avatar {
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #ff007f;
    box-shadow: 0 0 6px rgba(255, 0, 127, 0.4);
    display: block;
}

.cyber-reply-author {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #f0f6fc;
    letter-spacing: 0.03em;
}

.cyber-badge-magenta {
    background: rgba(255, 0, 127, 0.12);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
}

.cyber-mention {
    color: #ff007f;
    font-size: 0.85rem;
    font-weight: 600;
}

.cyber-reply-body {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #f0f6fc;
}

.cyber-action-bar-compact {
    border-top: 1px solid rgba(255, 0, 127, 0.15);
}

.cyber-action-btn-sm {
    background: transparent;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 3px;
    color: #94a3b8;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.2rem 0.55rem;
    cursor: pointer;
}

.cyber-action-btn-sm:hover {
    background: rgba(255, 0, 127, 0.12);
    color: #ffffff;
    border-color: #ff007f;
    box-shadow: 0 0 8px rgba(255, 0, 127, 0.3);
}

.text-accent-magenta {
    color: #ff007f !important;
}


/* ===== PAGE TEMPLATE: categories ===== */
.category-detail-template {
    background-color: #070913;
    color: #f0f6fc;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.category-detail-template__hero {
    background: radial-gradient(circle at 80% 20%, rgba(0, 240, 255, 0.08) 0%, transparent 60%), #070913;
    border-bottom: 1px solid rgba(0, 240, 255, 0.15);
}

.category-detail-template__breadcrumb-nav .breadcrumb-item a {
    color: #94a3b8;
    text-decoration: none;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
}

.category-detail-template__breadcrumb-nav .breadcrumb-item a:hover {
    color: #00f0ff;
}

.category-detail-template__breadcrumb-nav .breadcrumb-item.active {
    color: #00f0ff;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
}

.category-detail-template__breadcrumb-nav .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(148, 163, 184, 0.4);
}

.category-detail-template__hero-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.35);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), inset 0 0 15px rgba(0, 240, 255, 0.05);
}

.category-detail-template__badge-cyan {
    background-color: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.3rem 0.65rem;
    border-radius: 3px;
    letter-spacing: 0.06em;
}

.category-detail-template__badge-magenta {
    background-color: rgba(255, 0, 127, 0.12);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.3rem 0.65rem;
    border-radius: 3px;
    letter-spacing: 0.06em;
}

.category-detail-template__hero-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #f0f6fc;
}

.category-detail-template__hero-lead {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #94a3b8;
}

.category-detail-template__btn-primary {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913 !important;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.6rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.45);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.category-detail-template__btn-primary:hover {
    background: #00f0ff;
    color: #000000 !important;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.category-detail-template__btn-secondary {
    background: #070913;
    color: #00f0ff !important;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.6rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.category-detail-template__btn-secondary:hover {
    background: rgba(0, 240, 255, 0.15);
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.category-detail-template__image-frame {
    background-color: #070913;
    border: 1px solid rgba(0, 240, 255, 0.35);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

.category-detail-template__main-img {
    height: 280px;
    object-fit: cover;
    display: block;
}

.category-detail-template__image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(7, 9, 19, 0.95) 100%);
}

.category-detail-template__terminal-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00ff66;
    font-weight: 600;
}

.category-detail-template__level-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00f0ff;
    background: rgba(0, 240, 255, 0.15);
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    border: 1px solid rgba(0, 240, 255, 0.3);
}

.category-detail-template__main-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

.category-detail-template__hud-bar {
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.category-detail-template__status-dot {
    width: 8px;
    height: 8px;
    background-color: #00ff66;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 8px #00ff66;
}

.category-detail-template__hud-code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    color: #00f0ff;
    letter-spacing: 0.05em;
}

.category-detail-template__hud-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #ff007f;
    font-weight: 700;
}

.category-detail-template__section-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.4rem, 2.5vw, 1.85rem);
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.category-detail-template__subheading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f0f6fc;
    letter-spacing: 0.02em;
}

.category-detail-template__rich-text p {
    font-size: 1rem;
    line-height: 1.7;
    color: #94a3b8;
}

.category-detail-template__highlight-box {
    background: rgba(7, 9, 19, 0.85);
    border-left: 3px solid #00f0ff;
    border-top: 1px solid rgba(0, 240, 255, 0.15);
    border-right: 1px solid rgba(0, 240, 255, 0.15);
    border-bottom: 1px solid rgba(0, 240, 255, 0.15);
}

.category-detail-template__constraint-item {
    background-color: rgba(7, 9, 19, 0.85);
    border-left: 3px solid #ff007f;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.category-detail-template__constraint-num {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    font-size: 1.1rem;
    color: #ff007f;
    line-height: 1;
}

.category-detail-template__constraint-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.category-detail-template__constraint-text {
    font-size: 0.925rem;
    line-height: 1.5;
    color: #f0f6fc;
}

.category-detail-template__custom-list {
    list-style: none;
}

.category-detail-template__custom-list li {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #94a3b8;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: flex-start;
}

.category-detail-template__share-box {
    border-top-color: rgba(148, 163, 184, 0.2) !important;
}

.category-detail-template__share-label {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
}

.category-detail-template__share-btn {
    width: 38px;
    height: 38px;
    background-color: #070913;
    border: 1px solid rgba(0, 240, 255, 0.3);
    color: #00f0ff;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
}

.category-detail-template__share-btn:hover {
    background-color: #00f0ff;
    color: #070913;
    box-shadow: 0 0 12px rgba(0, 240, 255, 0.6);
}

.category-detail-template__sidebar-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

.category-detail-template__sidebar-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #00f0ff;
    padding-bottom: 0.5rem;
    display: inline-block;
}

.category-detail-template__telemetry-row {
    border-bottom-color: rgba(148, 163, 184, 0.15) !important;
    font-size: 0.9rem;
}

.category-detail-template__telemetry-key {
    color: #94a3b8;
}

.category-detail-template__telemetry-val {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
}

.category-detail-template__related-link {
    color: #94a3b8;
    text-decoration: none;
    padding: 0.55rem 0.75rem;
    background-color: rgba(7, 9, 19, 0.6);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 4px;
    font-size: 0.925rem;
}

.category-detail-template__related-link:hover {
    color: #00f0ff;
    border-color: rgba(0, 240, 255, 0.5);
    background-color: rgba(0, 240, 255, 0.08);
}

@media (max-width: 767.98px) {
    .category-detail-template__hero-title {
        font-size: 18px;
        hyphens: auto;
    }

    .category-detail-template__section-heading {
        font-size: 16px;
    }

    .category-detail-template__subheading,
    .category-detail-template__sidebar-heading {
        font-size: 14px;
    }

    .category-detail-template__main-img {
        height: 220px;
    }
}

/* ===== PAGE TEMPLATE: project-cards ===== */
.card-detail-layout {
    background-color: #070913;
    color: #f0f6fc;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.card-detail-layout .card-detail-nav {
    background-color: #05070d;
    border-color: rgba(0, 240, 255, 0.15) !important;
}

.card-detail-layout .detail-crumb-link {
    color: #94a3b8;
    text-decoration: none;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    transition: color 0.15s ease;
}

.card-detail-layout .detail-crumb-link:hover {
    color: #00f0ff;
}

.card-detail-layout .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(0, 240, 255, 0.4);
}

.card-detail-layout .card-detail-hero {
    background: radial-gradient(circle at top left, rgba(0, 240, 255, 0.08) 0%, transparent 60%), #070913;
    border-bottom: 1px solid rgba(0, 240, 255, 0.15);
}

.card-detail-layout .detail-main-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
    color: #f0f6fc;
    letter-spacing: 0.02em;
}

.card-detail-layout .detail-lead-desc {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #94a3b8;
    max-width: 780px;
}

.card-detail-layout .badge-cyber-magenta {
    background-color: rgba(255, 0, 127, 0.15);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.3rem 0.65rem;
    border-radius: 3px;
}

.card-detail-layout .badge-cyber-cyan {
    background-color: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.3rem 0.65rem;
    border-radius: 3px;
}

.card-detail-layout .badge-cyber-dark {
    background-color: #12182e;
    color: #94a3b8;
    border: 1px solid rgba(148, 163, 184, 0.25);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    padding: 0.3rem 0.65rem;
    border-radius: 3px;
}

.card-detail-layout .btn-cyber-primary {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.6rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.card-detail-layout .btn-cyber-primary:hover {
    background: #00f0ff;
    color: #000000;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.card-detail-layout .btn-cyber-outline {
    background: #12182e;
    color: #00f0ff;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.6rem;
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.card-detail-layout .btn-cyber-outline:hover {
    background: rgba(0, 240, 255, 0.15);
    color: #ffffff;
    border-color: #00f0ff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3);
}

.card-detail-layout .detail-telemetry-box {
    background: linear-gradient(180deg, #141b36 0%, #0d1124 100%);
    border: 1px solid rgba(0, 240, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

.card-detail-layout .telemetry-label {
    color: #94a3b8;
    font-size: 0.85rem;
}

.card-detail-layout .telemetry-value {
    font-weight: 600;
    font-size: 0.9rem;
    color: #f0f6fc;
}

.card-detail-layout .detail-panel-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.9) 0%, rgba(13, 17, 36, 0.95) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}

.card-detail-layout .detail-section-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #f0f6fc;
}

.card-detail-layout .detail-text-body {
    color: #cbd5e1;
    line-height: 1.65;
    font-size: 0.95rem;
}

.card-detail-layout .detail-text-muted {
    color: #94a3b8;
    line-height: 1.6;
}

.card-detail-layout .detail-image-wrapper {
    background: #0d1124;
    border: 1px solid rgba(0, 240, 255, 0.3);
}

.card-detail-layout .detail-hero-image {
    height: 380px;
    object-fit: cover;
    display: block;
}

.card-detail-layout .detail-image-badge {
    background: rgba(7, 9, 19, 0.85);
    border: 1px solid #00f0ff;
}

.card-detail-layout .detail-rule-box {
    background: rgba(7, 9, 19, 0.8);
    border-left: 3px solid #ff007f;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.card-detail-layout .detail-rule-index {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ff007f;
}

.card-detail-layout .detail-rule-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #f0f6fc;
}

.card-detail-layout .detail-rule-description {
    font-size: 0.9rem;
    color: #94a3b8;
    line-height: 1.5;
}

.card-detail-layout .cad-tab-btn {
    background: #12182e;
    color: #94a3b8;
    border: 1px solid rgba(0, 240, 255, 0.2);
    padding: 0.45rem 0.9rem;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9rem;
    border-radius: 4px;
}

.card-detail-layout .cad-tab-btn.active {
    background: #00f0ff;
    color: #070913;
    border-color: #00f0ff;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
}

.card-detail-layout .cyber-terminal-tip {
    background: #05070d;
    border: 1px solid rgba(0, 240, 255, 0.2);
    color: #00ff66;
    font-size: 0.8rem;
}

.card-detail-layout .detail-cta-card {
    background: linear-gradient(135deg, rgba(20, 27, 54, 0.95) 0%, rgba(255, 0, 127, 0.15) 100%);
    border: 1px solid rgba(255, 0, 127, 0.4);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
}


.card-detail-layout .cyber-comment-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 6px;
}

.card-detail-layout .cyber-reply-card {
    background: rgba(13, 17, 36, 0.9);
    border: 1px solid rgba(255, 0, 127, 0.25);
    border-radius: 6px;
}

.card-detail-layout .cyber-avatar {
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #00f0ff;
}

.card-detail-layout .cyber-reply-avatar {
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ff007f;
}

.card-detail-layout .cyber-status-dot {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    background-color: #00ff66;
    border-radius: 50%;
    border: 2px solid #070913;
}

.card-detail-layout .cyber-author-name,
.card-detail-layout .cyber-reply-author {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    color: #f0f6fc;
}

.card-detail-layout .cyber-badge-cyan {
    background: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    padding: 0.15rem 0.45rem;
    border-radius: 3px;
}

.card-detail-layout .cyber-badge-magenta {
    background: rgba(255, 0, 127, 0.12);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    padding: 0.15rem 0.45rem;
    border-radius: 3px;
}

.card-detail-layout .cyber-timestamp {
    font-size: 0.75rem;
    color: #64748b;
}

.card-detail-layout .text-accent-cyan {
    color: #00f0ff;
}

.card-detail-layout .text-accent-magenta {
    color: #ff007f;
}

.card-detail-layout .text-lime {
    color: #00ff66;
}

.card-detail-layout .text-cyan {
    color: #00f0ff;
}

.card-detail-layout .text-magenta {
    color: #ff007f;
}

.card-detail-layout .cyber-comment-body p,
.card-detail-layout .cyber-reply-body p {
    color: #cbd5e1;
    font-size: 0.925rem;
    line-height: 1.55;
}

.card-detail-layout .cyber-code-quote {
    background: #05070d;
    border-left: 2px solid #00f0ff;
    font-size: 0.8rem;
    color: #00ff66;
}

.card-detail-layout .cyber-mention {
    color: #ff007f;
    font-weight: 600;
}

.card-detail-layout .cyber-action-btn,
.card-detail-layout .cyber-action-btn-sm {
    background: #12182e;
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: #94a3b8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.78rem;
    padding: 0.3rem 0.65rem;
    border-radius: 4px;
}

.card-detail-layout .cyber-action-btn:hover,
.card-detail-layout .cyber-action-btn-sm:hover {
    color: #f0f6fc;
    border-color: #00f0ff;
}

.card-detail-layout .cyber-moderation-box {
    background: #05070d;
    border: 1px solid rgba(0, 240, 255, 0.25);
}

@media (max-width: 767.98px) {
    .card-detail-layout .detail-main-title {
        font-size: 18px;
        hyphens: auto;
    }

    .card-detail-layout .detail-section-heading {
        font-size: 16px;
    }

    .card-detail-layout .detail-rule-title {
        font-size: 14px;
    }

    .card-detail-layout .detail-hero-image {
        height: 220px;
    }
}

/* ===== PAGE TEMPLATE: project-ideas ===== */
.site-header-block {
    position: sticky;
    top: 0;
    z-index: 1040;
    background-color: #070913;
    border-bottom: 1px solid rgba(0, 240, 255, 0.28);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.site-header-block__top-bar {
    background-color: #05070d;
    border-bottom: 1px solid rgba(0, 240, 255, 0.12);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
}

.site-header-block__ticker {
    color: #94a3b8;
}

.site-header-block__ticker .text-cyan {
    color: #00f0ff;
}

.site-header-block__badge {
    color: #00ff66;
    background-color: rgba(0, 255, 102, 0.1);
    border: 1px solid rgba(0, 255, 102, 0.3);
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    font-weight: 600;
}

.site-header-block__navbar {
    background-color: #070913;
}

.site-header-block__logo-img {
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
}

.site-header-block__brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.site-header-block__brand-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #f0f6fc;
}

.site-header-block__accent-text {
    color: #00f0ff;
}

.site-header-block__brand-subtitle {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    color: #ff007f;
}

.site-header-block__toggler {
    border: 1px solid rgba(0, 240, 255, 0.4);
    background-color: #12182e;
    padding: 0.45rem 0.75rem;
    border-radius: 4px;
}

.site-header-block__toggler:focus {
    outline: 2px solid #00f0ff;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
}

.site-header-block__toggler-icon {
    color: #00f0ff;
    font-size: 1.25rem;
}

.site-header-block__nav-link {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #f0f6fc !important;
    padding: 0.5rem 0.85rem !important;
    border-radius: 4px;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.site-header-block__nav-link:hover,
.site-header-block__nav-link:focus {
    color: #00f0ff !important;
    background-color: rgba(0, 240, 255, 0.08);
}

.site-header-block__cta-btn {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913 !important;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.55rem 1.35rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.45);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.site-header-block__cta-btn:hover,
.site-header-block__cta-btn:focus {
    background: #00f0ff;
    color: #000000 !important;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

@media (max-width: 991.98px) {
    .site-header-block .navbar-collapse {
        background-color: #0d1124;
        border: 1px solid rgba(0, 240, 255, 0.25);
        border-radius: 6px;
        padding: 1.25rem 1rem;
        margin-top: 0.75rem;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.9);
    }

    .site-header-block__nav-link {
        font-size: 0.95rem;
        padding: 0.65rem 0.75rem !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    }

    .site-header-block__cta-btn {
        width: 100%;
        margin-top: 0.5rem;
    }
}

.idea-detail-page {
    background-color: #070913;
    color: #f0f6fc;
    font-family: 'Inter', sans-serif;
    min-height: 80vh;
}

.idea-detail-page__breadcrumb-section {
    background-color: #05070d;
    border-bottom: 1px solid rgba(0, 240, 255, 0.12);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
}

.idea-detail-page__bc-link {
    color: #94a3b8;
    text-decoration: none;
}

.idea-detail-page__bc-link:hover {
    color: #00f0ff;
}

.idea-detail-page__hero {
    background: radial-gradient(circle at 80% 20%, rgba(0, 240, 255, 0.07) 0%, transparent 60%), #070913;
    border-bottom: 1px solid rgba(0, 240, 255, 0.2);
}

.idea-detail-page__tag-chip {
    background-color: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 3px;
    padding: 0.2rem 0.6rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
}

.idea-detail-page__category-chip {
    background-color: rgba(255, 0, 127, 0.12);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
    border-radius: 3px;
    padding: 0.2rem 0.6rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
}

.idea-detail-page__status-chip {
    background-color: rgba(0, 255, 102, 0.1);
    color: #00ff66;
    border: 1px solid rgba(0, 255, 102, 0.3);
    border-radius: 3px;
    padding: 0.2rem 0.6rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 600;
}

.idea-detail-page__title {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.15;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.idea-detail-page__lead {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #94a3b8;
}

.idea-detail-page__meta-box {
    background-color: #0d1124;
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 4px;
    padding: 0.5rem 1rem;
    min-width: 140px;
}

.idea-detail-page__meta-label {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #64748b;
    letter-spacing: 0.05em;
}

.idea-detail-page__meta-val {
    display: block;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #00f0ff;
}

.idea-detail-page__btn-primary {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.6rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.idea-detail-page__btn-primary:hover {
    background: #00f0ff;
    color: #000000;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.idea-detail-page__btn-secondary {
    background: transparent;
    color: #00f0ff;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.6rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.idea-detail-page__btn-secondary:hover {
    background: rgba(0, 240, 255, 0.15);
    color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.idea-detail-page__visual-frame {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.35);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 240, 255, 0.1);
}

.idea-detail-page__visual-bar {
    background: #05070d;
    border-radius: 4px 4px 0 0;
    font-size: 0.8rem;
}

.idea-detail-page__visual-code {
    color: #00f0ff;
}

.idea-detail-page__visual-badge {
    background: rgba(255, 0, 127, 0.15);
    color: #ff007f;
    padding: 0.15rem 0.5rem;
    border-radius: 2px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
}

.idea-detail-page__main-img {
    height: 280px;
    object-fit: cover;
    display: block;
    border: 1px solid rgba(0, 240, 255, 0.2);
}

.idea-detail-page__caption-strip {
    background: #05070d;
    font-size: 0.8rem;
    color: #94a3b8;
    border-top: 1px solid rgba(0, 240, 255, 0.15);
}

.idea-detail-page__content-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.9) 0%, rgba(13, 17, 36, 0.95) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

.idea-detail-page__nav-pills .idea-detail-page__tab-btn {
    background: #0d1124;
    color: #94a3b8;
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 4px;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.6rem 1.25rem;
}

.idea-detail-page__nav-pills .idea-detail-page__tab-btn.active {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    border-color: #00f0ff;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.idea-detail-page__section-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.4rem, 2.5vw, 1.8rem);
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.idea-detail-page__subhead {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
}

.idea-detail-page__text {
    color: #cbd5e1;
    line-height: 1.65;
    font-size: 0.975rem;
}

.idea-detail-page__list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.idea-detail-page__list li {
    color: #cbd5e1;
    padding: 0.4rem 0;
    font-size: 0.95rem;
}

.idea-detail-page__note-box {
    background: rgba(7, 9, 19, 0.85);
    border-left: 3px solid #ffb700;
    border-top: 1px solid rgba(255, 183, 0, 0.2);
    border-right: 1px solid rgba(255, 183, 0, 0.2);
    border-bottom: 1px solid rgba(255, 183, 0, 0.2);
}

.idea-detail-page__rule-card {
    background: rgba(7, 9, 19, 0.75);
    border-left: 3px solid #ff007f;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.idea-detail-page__rule-id {
    font-size: 0.75rem;
    color: #ff007f;
    font-weight: 700;
}

.idea-detail-page__rule-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: #00f0ff;
    background: rgba(0, 240, 255, 0.1);
    padding: 0.1rem 0.4rem;
    border-radius: 2px;
}

.idea-detail-page__rule-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #f0f6fc;
}

.idea-detail-page__rule-desc {
    color: #94a3b8;
    font-size: 0.9rem;
    line-height: 1.5;
}

.idea-detail-page__table {
    color: #94a3b8;
    border-color: rgba(0, 240, 255, 0.2);
}

.idea-detail-page__table th {
    background-color: #05070d;
    color: #00f0ff;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid rgba(0, 240, 255, 0.4);
    padding: 0.75rem 1rem;
}

.idea-detail-page__table td {
    background-color: rgba(13, 17, 36, 0.6);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
}

.idea-detail-page__acc-item {
    background: transparent;
    border: 1px solid rgba(0, 240, 255, 0.2);
    margin-bottom: 0.75rem;
    border-radius: 4px !important;
    overflow: hidden;
}

.idea-detail-page__acc-btn {
    background-color: #0d1124;
    color: #f0f6fc;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    box-shadow: none !important;
    padding: 1rem 1.25rem;
}

.idea-detail-page__acc-btn:not(.collapsed) {
    background-color: #12182e;
    color: #00f0ff;
    border-bottom: 1px solid rgba(0, 240, 255, 0.2);
}

.idea-detail-page__acc-btn::after {
    filter: invert(1) hue-rotate(180deg);
}

.idea-detail-page__acc-body {
    background-color: #070913;
    color: #cbd5e1;
    font-size: 0.925rem;
    line-height: 1.6;
    padding: 1rem 1.25rem;
}

.idea-detail-page__share-title {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #94a3b8;
    text-transform: uppercase;
}

.idea-detail-page__share-link {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0d1124;
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 4px;
    color: #00f0ff;
    text-decoration: none;
}

.idea-detail-page__share-link:hover {
    background: #00f0ff;
    color: #070913;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.6);
}

.idea-detail-page__comments-section {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.9) 0%, rgba(13, 17, 36, 0.95) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

.idea-detail-page__comment-counter {
    color: #00ff66;
    font-size: 0.85rem;
    background: rgba(0, 255, 102, 0.1);
    border: 1px solid rgba(0, 255, 102, 0.3);
    padding: 0.25rem 0.65rem;
    border-radius: 3px;
}

.cyber-comment-card {
    background-color: #0d1124;
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 6px;
}

.cyber-avatar {
    border-radius: 50%;
    border: 2px solid #00f0ff;
    object-fit: cover;
}

.cyber-status-dot {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    background-color: #00ff66;
    border: 2px solid #0d1124;
    border-radius: 50%;
}

.cyber-author-name {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #f0f6fc;
}

.cyber-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    text-transform: uppercase;
}

.cyber-badge-cyan {
    background: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
}

.cyber-badge-magenta {
    background: rgba(255, 0, 127, 0.12);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
}

.cyber-timestamp {
    font-size: 0.75rem;
    color: #64748b;
}

.cyber-rating-stars {
    color: #00f0ff;
    font-size: 0.85rem;
}

.cyber-comment-body {
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.6;
}

.cyber-code-quote {
    background: #05070d;
    border-left: 2px solid #00f0ff;
    color: #00ff66;
    font-size: 0.8rem;
}

.cyber-action-bar {
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.cyber-action-btn {
    background: transparent;
    border: 1px solid rgba(0, 240, 255, 0.3);
    color: #f0f6fc;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    padding: 0.3rem 0.7rem;
    border-radius: 3px;
}

.cyber-action-btn:hover {
    background: rgba(0, 240, 255, 0.15);
    border-color: #00f0ff;
}

.cyber-action-btn.active {
    background: #00f0ff;
    color: #070913;
}

.cyber-reply-wrapper {
    border-left: 2px dashed rgba(255, 0, 127, 0.4);
}

.cyber-reply-card {
    background-color: #12182e;
    border: 1px solid rgba(255, 0, 127, 0.25);
    border-radius: 6px;
}

.cyber-reply-avatar {
    border-radius: 50%;
    border: 2px solid #ff007f;
    object-fit: cover;
}

.cyber-reply-author {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #f0f6fc;
}

.cyber-mention {
    color: #00f0ff;
    font-size: 0.85rem;
}

.cyber-action-btn-sm {
    background: transparent;
    border: 1px solid rgba(255, 0, 127, 0.3);
    color: #f0f6fc;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    padding: 0.2rem 0.55rem;
    border-radius: 3px;
}

.cyber-action-btn-sm:hover {
    background: rgba(255, 0, 127, 0.15);
    border-color: #ff007f;
}

.cyber-action-btn-sm.active {
    background: #ff007f;
    color: #ffffff;
}

.idea-detail-page__form-box {
    background: #05070d;
    border: 1px solid rgba(0, 240, 255, 0.3);
}

.idea-detail-page__form-label {
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.idea-detail-page__input,
.idea-detail-page__textarea {
    background-color: #0d1124;
    border: 1px solid rgba(0, 240, 255, 0.3);
    color: #f0f6fc;
    font-size: 0.95rem;
}

.idea-detail-page__input:focus,
.idea-detail-page__textarea:focus {
    background-color: #12182e;
    color: #f0f6fc;
    border-color: #00f0ff;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}

.idea-detail-page__input::placeholder,
.idea-detail-page__textarea::placeholder {
    color: #64748b;
    opacity: 1;
}

.idea-detail-page__stars {
    cursor: pointer;
}

.idea-detail-page__stars i {
    color: #334155;
    font-size: 1.1rem;
    margin-right: 2px;
}

.idea-detail-page__stars i.active {
    color: #00f0ff;
}

.idea-detail-page__form-alert {
    background: rgba(0, 255, 102, 0.1);
    border: 1px solid rgba(0, 255, 102, 0.4);
    color: #00ff66;
    font-size: 0.9rem;
}

.idea-detail-page__side-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.9) 0%, rgba(13, 17, 36, 0.95) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}

.idea-detail-page__side-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.idea-detail-page__related-item {
    background: rgba(7, 9, 19, 0.8);
    border: 1px solid rgba(0, 240, 255, 0.2);
}

.idea-detail-page__related-item:hover {
    border-color: #00f0ff;
    box-shadow: 0 0 12px rgba(0, 240, 255, 0.3);
}

.idea-detail-page__rel-tag {
    font-size: 0.75rem;
    color: #ff007f;
    font-weight: 700;
}

.idea-detail-page__rel-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
}

.idea-detail-page__rel-desc {
    font-size: 0.85rem;
    line-height: 1.4;
}

.idea-detail-page__side-cta-card {
    background: linear-gradient(180deg, rgba(25, 34, 66, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid #ff007f;
    box-shadow: 0 0 20px rgba(255, 0, 127, 0.25);
}

.idea-detail-page__side-icon-box {
    width: 60px;
    height: 60px;
    background: #070913;
    border: 1px solid #00f0ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.idea-detail-page__btn-accent {
    background: linear-gradient(135deg, #ff007f 0%, #9d4edd 100%);
    color: #ffffff;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.75rem 1.25rem;
    border: 1px solid #ff007f;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.4);
    text-decoration: none;
}

.idea-detail-page__btn-accent:hover {
    background: #ff007f;
    color: #ffffff;
    box-shadow: 0 0 25px rgba(255, 0, 127, 0.8);
}

.cc-footer-section {
    background-color: #070913;
    color: #94a3b8;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    position: relative;
    border-top: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.7);
    overflow: hidden;
}

.cc-footer-section .cc-footer-grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(0, 240, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 240, 255, 0.03) 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}

.cc-footer-section .cc-footer-logo {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6));
}

.cc-footer-section .cc-footer-brand-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}

.cc-footer-section .cc-footer-desc {
    font-size: 0.925rem;
    line-height: 1.6;
    color: #94a3b8;
    max-width: 360px;
}

.cc-footer-section .cc-footer-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1.25rem;
    position: relative;
    display: inline-block;
}

.cc-footer-section .cc-footer-heading::after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #00f0ff;
    margin-top: 6px;
    box-shadow: 0 0 8px #00f0ff;
}

.cc-footer-section .cc-footer-links li {
    margin-bottom: 0.65rem;
}

.cc-footer-section .cc-footer-links a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.925rem;
    transition: color 0.2s ease, padding-left 0.2s ease;
    display: inline-block;
}

.cc-footer-section .cc-footer-links a:hover,
.cc-footer-section .cc-footer-links a:focus {
    color: #00f0ff;
    text-shadow: 0 0 8px rgba(0, 240, 255, 0.5);
    padding-left: 4px;
}

.cc-footer-section .cc-footer-contact-item {
    font-size: 0.925rem;
}

.cc-footer-section .cc-contact-icon {
    color: #00f0ff;
    font-size: 1rem;
    width: 20px;
    flex-shrink: 0;
    text-align: center;
}

.cc-footer-section .cc-contact-text {
    color: #94a3b8;
    line-height: 1.5;
}

.cc-footer-section .cc-contact-link {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s ease;
    word-break: break-word;
}

.cc-footer-section .cc-contact-link:hover,
.cc-footer-section .cc-contact-link:focus {
    color: #00f0ff;
    text-shadow: 0 0 8px rgba(0, 240, 255, 0.5);
}

.cc-footer-section .cc-btn-whatsapp {
    background: linear-gradient(135deg, #00ff66 0%, #00b347 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.65rem 1.25rem;
    border: 1px solid #00ff66;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(0, 255, 102, 0.35);
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

.cc-footer-section .cc-btn-whatsapp:hover,
.cc-footer-section .cc-btn-whatsapp:focus {
    background: #00ff66;
    color: #000000;
    box-shadow: 0 0 20px rgba(0, 255, 102, 0.7);
}

.cc-footer-section .cc-terminal-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(13, 17, 36, 0.9);
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 4px;
    padding: 0.4rem 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00ff66;
}

.cc-footer-section .cc-pulse-dot {
    width: 8px;
    height: 8px;
    background: #00ff66;
    border-radius: 50%;
    box-shadow: 0 0 8px #00ff66;
    display: inline-block;
}

.cc-footer-section .cc-footer-bottom {
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.cc-footer-section .cc-copyright {
    font-size: 0.85rem;
    color: #94a3b8;
}

.cc-footer-section .cc-legal-links a {
    font-size: 0.85rem;
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cc-footer-section .cc-legal-links a:hover,
.cc-footer-section .cc-legal-links a:focus {
    color: #00f0ff;
}

.cc-footer-section .cc-separator {
    color: rgba(148, 163, 184, 0.4);
    margin: 0 0.35rem;
    font-size: 0.8rem;
}

@media (max-width: 767.98px) {
    .idea-detail-page__title {
        font-size: 18px;
        hyphens: auto;
    }

    .idea-detail-page__section-title {
        font-size: 16px;
    }

    .idea-detail-page__subhead,
    .idea-detail-page__side-title {
        font-size: 14px;
    }

    .cc-footer-section .cc-footer-heading {
        font-size: 1rem;
        margin-bottom: 0.85rem;
    }

    .cc-footer-section .cc-footer-brand-title {
        font-size: 1.25rem;
    }

    .cc-footer-section .cc-footer-desc,
    .cc-footer-section .cc-footer-links a,
    .cc-footer-section .cc-footer-contact-item {
        font-size: 0.85rem;
    }
}

/* ===== PAGE TEMPLATE: blog ===== */
body.cyber-theme {
    background-color: #070913;
    color: #f0f6fc;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
}

.site-header-block {
    position: sticky;
    top: 0;
    z-index: 1040;
    background-color: #070913;
    border-bottom: 1px solid rgba(0, 240, 255, 0.28);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85);
}

.site-header-block__top-bar {
    background-color: #05070d;
    border-bottom: 1px solid rgba(0, 240, 255, 0.12);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
}

.site-header-block__ticker {
    color: #94a3b8;
}

.site-header-block__ticker .text-cyan {
    color: #00f0ff;
}

.site-header-block__badge {
    color: #00ff66;
    background-color: rgba(0, 255, 102, 0.1);
    border: 1px solid rgba(0, 255, 102, 0.3);
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    font-weight: 600;
}

.site-header-block__navbar {
    background-color: #070913;
}

.site-header-block__logo-img {
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
}

.site-header-block__brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.site-header-block__brand-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #f0f6fc;
}

.site-header-block__accent-text {
    color: #00f0ff;
}

.site-header-block__brand-subtitle {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    color: #ff007f;
}

.site-header-block__toggler {
    border: 1px solid rgba(0, 240, 255, 0.4);
    background-color: #12182e;
    padding: 0.45rem 0.75rem;
    border-radius: 4px;
}

.site-header-block__toggler:focus {
    outline: 2px solid #00f0ff;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
}

.site-header-block__toggler-icon {
    color: #00f0ff;
    font-size: 1.25rem;
}

.site-header-block__nav-link {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #f0f6fc !important;
    padding: 0.5rem 0.85rem !important;
    border-radius: 4px;
}

.site-header-block__nav-link:hover,
.site-header-block__nav-link:focus {
    color: #00f0ff !important;
    background-color: rgba(0, 240, 255, 0.08);
}

.site-header-block__cta-btn {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913 !important;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.55rem 1.35rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.45);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.site-header-block__cta-btn:hover,
.site-header-block__cta-btn:focus {
    background: #00f0ff;
    color: #000000 !important;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.text-cyan {
    color: #00f0ff !important;
}

.text-magenta {
    color: #ff007f !important;
}

.text-accent-cyan {
    color: #00f0ff !important;
}

.text-accent-magenta {
    color: #ff007f !important;
}

.text-mono {
    font-family: 'JetBrains Mono', monospace;
}

.fs-7 {
    font-size: 0.8rem;
}

.status-dot {
    width: 8px;
    height: 8px;
    background-color: #00ff66;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 8px #00ff66;
}

.cyber-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.25rem 0.6rem;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
}

.cyber-badge-cyan {
    background-color: rgba(0, 240, 255, 0.12);
    color: #00f0ff;
    border: 1px solid rgba(0, 240, 255, 0.4);
}

.cyber-badge-magenta {
    background-color: rgba(255, 0, 127, 0.12);
    color: #ff007f;
    border: 1px solid rgba(255, 0, 127, 0.4);
}

.blog-detail-breadcrumb .breadcrumb-item a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.85rem;
    font-family: 'JetBrains Mono', monospace;
}

.blog-detail-breadcrumb .breadcrumb-item a:hover {
    color: #00f0ff;
}

.blog-detail-breadcrumb .breadcrumb-item.active {
    color: #00f0ff;
    font-size: 0.85rem;
    font-family: 'JetBrains Mono', monospace;
}

.blog-detail-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(148, 163, 184, 0.4);
    content: "/";
}

.blog-detail-hero .blog-hero-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(0, 240, 255, 0.05);
}

.blog-detail-hero .blog-hero-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #f0f6fc;
}

.blog-detail-hero .blog-hero-subtitle {
    font-size: 1.1rem;
    color: #94a3b8;
    line-height: 1.5;
}

.blog-detail-hero .blog-hero-meta {
    border-color: rgba(0, 240, 255, 0.15) !important;
}

.blog-detail-hero .blog-meta-text {
    font-size: 0.85rem;
    color: #94a3b8;
    font-family: 'JetBrains Mono', monospace;
}

.blog-detail-hero .blog-meta-text strong {
    color: #f0f6fc;
}

.blog-article-container {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

.blog-featured-media {
    border: 1px solid rgba(0, 240, 255, 0.3);
    background-color: #070913;
}

.blog-main-img {
    height: auto;
    max-height: 440px;
    object-fit: cover;
    display: block;
}

.blog-media-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(7, 9, 19, 0.85);
    border-top: 1px solid rgba(0, 240, 255, 0.3);
}

.blog-media-caption {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    color: #00f0ff;
}

.blog-rich-text h2 {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.4rem, 2.5vw, 1.85rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #00f0ff;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.blog-rich-text h3 {
    font-family: 'Rajdhani', sans-serif;
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #f0f6fc;
    margin-top: 1.5rem;
    margin-bottom: 0.85rem;
}

.blog-rich-text p {
    color: #94a3b8;
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.25rem;
}

.cyber-quote-box {
    background: rgba(7, 9, 19, 0.8);
    border-left: 4px solid #ff007f;
    border-top: 1px solid rgba(255, 0, 127, 0.2);
    border-right: 1px solid rgba(255, 0, 127, 0.2);
    border-bottom: 1px solid rgba(255, 0, 127, 0.2);
}

.cyber-quote-box blockquote {
    font-size: 1.05rem;
    color: #f0f6fc;
    font-style: italic;
    line-height: 1.6;
}

.cyber-spec-list {
    list-style: none;
    padding-left: 0;
}

.cyber-spec-list li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.65rem;
    color: #94a3b8;
}

.cyber-spec-list li::before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #00f0ff;
}

.cyber-ordered-list {
    padding-left: 1.25rem;
    color: #94a3b8;
}

.cyber-ordered-list li {
    margin-bottom: 0.65rem;
}

.blog-share-toolbar {
    border-color: rgba(0, 240, 255, 0.15) !important;
}

.cyber-social-btn {
    background-color: #12182e;
    border: 1px solid rgba(0, 240, 255, 0.3);
    color: #f0f6fc;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    padding: 0.4rem 0.85rem;
    border-radius: 4px;
}

.cyber-social-btn:hover {
    background-color: rgba(0, 240, 255, 0.15);
    border-color: #00f0ff;
    color: #00f0ff;
}

.blog-comments-area {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

.blog-section-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cyber-comment-card {
    background: rgba(13, 17, 36, 0.9);
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 6px;
}

.cyber-avatar {
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #00f0ff;
}

.cyber-status-dot {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    background-color: #00ff66;
    border: 2px solid #070913;
    border-radius: 50%;
}

.cyber-author-name {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #f0f6fc;
}

.cyber-timestamp {
    font-size: 0.75rem;
    color: #94a3b8;
}

.cyber-comment-body p {
    color: #94a3b8;
    font-size: 0.925rem;
    line-height: 1.5;
}

.cyber-code-quote {
    background-color: #05070d;
    border: 1px solid rgba(0, 240, 255, 0.25);
    border-radius: 4px;
    color: #00ff66;
    font-size: 0.8rem;
}

.cyber-action-bar {
    border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.cyber-action-btn {
    background: transparent;
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: #94a3b8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    padding: 0.25rem 0.65rem;
    border-radius: 4px;
}

.cyber-action-btn:hover,
.cyber-action-btn.active {
    border-color: #00f0ff;
    color: #00f0ff;
    background-color: rgba(0, 240, 255, 0.1);
}

.text-muted-custom {
    color: #64748b;
}

.cyber-reply-wrapper {
    border-left: 2px solid rgba(255, 0, 127, 0.3);
}

.cyber-reply-card {
    background: rgba(18, 24, 46, 0.85);
    border: 1px solid rgba(255, 0, 127, 0.25);
    border-radius: 6px;
}

.cyber-reply-avatar {
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ff007f;
}

.cyber-reply-author {
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: #f0f6fc;
}

.cyber-mention {
    color: #00f0ff;
    font-size: 0.85rem;
    font-weight: 600;
}

.cyber-reply-body p {
    color: #94a3b8;
    font-size: 0.875rem;
    line-height: 1.5;
}

.cyber-action-bar-compact {
    border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.cyber-action-btn-sm {
    background: transparent;
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: #94a3b8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
}

.cyber-action-btn-sm:hover,
.cyber-action-btn-sm.active {
    border-color: #ff007f;
    color: #ff007f;
    background-color: rgba(255, 0, 127, 0.1);
}

.cyber-comment-form-panel {
    background: #05070d;
    border: 1px solid rgba(0, 240, 255, 0.3);
}

.cyber-form-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cyber-moderation-alert {
    background-color: rgba(0, 255, 102, 0.12);
    border: 1px solid rgba(0, 255, 102, 0.4);
    color: #00ff66;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
}

.cyber-input-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
    display: block;
}

.cyber-field {
    background-color: #0d1124;
    border: 1px solid rgba(0, 240, 255, 0.25);
    color: #f0f6fc;
    border-radius: 4px;
    padding: 0.55rem 0.85rem;
    font-size: 0.9rem;
}

.cyber-field:focus {
    background-color: #12182e;
    border-color: #00f0ff;
    color: #ffffff;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
}

.cyber-field::placeholder {
    color: #64748b;
    opacity: 1;
}

.cyber-star-picker-btn {
    background: transparent;
    border: none;
    color: #64748b;
    font-size: 1rem;
    padding: 0 2px;
    cursor: pointer;
}

.cyber-star-picker-btn.active {
    color: #00f0ff;
}

.cyber-btn-transmit {
    background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.55rem 1.4rem;
    border: 1px solid #00f0ff;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(0, 240, 255, 0.4);
}

.cyber-btn-transmit:hover {
    background: #00f0ff;
    color: #000000;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.7);
}

.cyber-sidebar-card {
    background: linear-gradient(180deg, rgba(20, 27, 54, 0.95) 0%, rgba(13, 17, 36, 0.98) 100%);
    border: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

.sidebar-card-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sidebar-desc {
    color: #94a3b8;
    font-size: 0.875rem;
    line-height: 1.5;
}

.cyber-post-category {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    font-weight: 700;
    color: #ff007f;
    letter-spacing: 0.06em;
}

.recent-post-link {
    color: #f0f6fc;
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
}

.recent-post-link:hover {
    color: #00f0ff;
    text-shadow: 0 0 8px rgba(0, 240, 255, 0.5);
}

.cyber-post-date {
    font-size: 0.75rem;
    color: #64748b;
}

.sidebar-icon-wrap {
    width: 56px;
    height: 56px;
    background-color: #070913;
    border: 1px solid rgba(0, 240, 255, 0.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.2);
}

.cyber-btn-cta {
    background: linear-gradient(135deg, #ff007f 0%, #9d4edd 100%);
    color: #ffffff;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.65rem 1.25rem;
    border: 1px solid #ff007f;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(255, 0, 127, 0.35);
}

.cyber-btn-cta:hover {
    background: #ff007f;
    color: #ffffff;
    box-shadow: 0 0 20px rgba(255, 0, 127, 0.7);
}

.cc-footer-section {
    background-color: #070913;
    color: #94a3b8;
    position: relative;
    border-top: 1px solid rgba(0, 240, 255, 0.25);
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.7);
    overflow: hidden;
}

.cc-footer-section .cc-footer-grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(0, 240, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 240, 255, 0.03) 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}

.cc-footer-section .cc-footer-logo {
    max-width: 44px;
    height: 44px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6));
}

.cc-footer-section .cc-footer-brand-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}

.cc-footer-section .cc-footer-desc {
    font-size: 0.925rem;
    line-height: 1.6;
    color: #94a3b8;
    max-width: 360px;
}

.cc-footer-section .cc-footer-heading {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #f0f6fc;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1.25rem;
    position: relative;
    display: inline-block;
}

.cc-footer-section .cc-footer-heading::after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #00f0ff;
    margin-top: 6px;
    box-shadow: 0 0 8px #00f0ff;
}

.cc-footer-section .cc-footer-links li {
    margin-bottom: 0.65rem;
}

.cc-footer-section .cc-footer-links a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.925rem;
    display: inline-block;
}

.cc-footer-section .cc-footer-links a:hover,
.cc-footer-section .cc-footer-links a:focus {
    color: #00f0ff;
    text-shadow: 0 0 8px rgba(0, 240, 255, 0.5);
    padding-left: 4px;
}

.cc-footer-section .cc-footer-contact-item {
    font-size: 0.925rem;
}

.cc-footer-section .cc-contact-icon {
    color: #00f0ff;
    font-size: 1rem;
    width: 20px;
    flex-shrink: 0;
    text-align: center;
}

.cc-footer-section .cc-contact-text {
    color: #94a3b8;
    line-height: 1.5;
}

.cc-footer-section .cc-contact-link {
    color: #94a3b8;
    text-decoration: none;
    word-break: break-word;
}

.cc-footer-section .cc-contact-link:hover,
.cc-footer-section .cc-contact-link:focus {
    color: #00f0ff;
    text-shadow: 0 0 8px rgba(0, 240, 255, 0.5);
}

.cc-footer-section .cc-btn-whatsapp {
    background: linear-gradient(135deg, #00ff66 0%, #00b347 100%);
    color: #070913;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.65rem 1.25rem;
    border: 1px solid #00ff66;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(0, 255, 102, 0.35);
}

.cc-footer-section .cc-btn-whatsapp:hover,
.cc-footer-section .cc-btn-whatsapp:focus {
    background: #00ff66;
    color: #000000;
    box-shadow: 0 0 20px rgba(0, 255, 102, 0.7);
}

.cc-footer-section .cc-terminal-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(13, 17, 36, 0.9);
    border: 1px solid rgba(0, 240, 255, 0.3);
    border-radius: 4px;
    padding: 0.4rem 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #00ff66;
}

.cc-footer-section .cc-pulse-dot {
    width: 8px;
    height: 8px;
    background: #00ff66;
    border-radius: 50%;
    box-shadow: 0 0 8px #00ff66;
    display: inline-block;
}

.cc-footer-section .cc-footer-bottom {
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.cc-footer-section .cc-copyright {
    font-size: 0.85rem;
    color: #94a3b8;
}

.cc-footer-section .cc-legal-links a {
    font-size: 0.85rem;
    color: #94a3b8;
    text-decoration: none;
}

.cc-footer-section .cc-legal-links a:hover,
.cc-footer-section .cc-legal-links a:focus {
    color: #00f0ff;
}

.cc-footer-section .cc-separator {
    color: rgba(148, 163, 184, 0.4);
    margin: 0 0.35rem;
    font-size: 0.8rem;
}

@media (max-width: 991.98px) {
    .site-header-block .navbar-collapse {
        background-color: #0d1124;
        border: 1px solid rgba(0, 240, 255, 0.25);
        border-radius: 6px;
        padding: 1.25rem 1rem;
        margin-top: 0.75rem;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.9);
    }

    .site-header-block__nav-link {
        font-size: 0.95rem;
        padding: 0.65rem 0.75rem !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    }

    .site-header-block__cta-btn {
        width: 100%;
        margin-top: 0.5rem;
    }
}

@media (max-width: 767.98px) {
    .blog-detail-hero .blog-hero-title {
        font-size: 18px;
        hyphens: auto;
    }

    .blog-rich-text h2 {
        font-size: 16px;
        hyphens: auto;
    }

    .blog-rich-text h3 {
        font-size: 14px;
        hyphens: auto;
    }

    .blog-section-title {
        font-size: 14px;
    }

    .sidebar-card-title {
        font-size: 14px;
    }

    .blog-detail-hero .blog-hero-subtitle {
        font-size: 0.95rem;
    }

    .cc-footer-section .cc-footer-heading {
        font-size: 1rem;
        margin-bottom: 0.85rem;
    }

    .cc-footer-section .cc-footer-brand-title {
        font-size: 1.25rem;
    }

    .cc-footer-section .cc-footer-desc,
    .cc-footer-section .cc-footer-links a,
    .cc-footer-section .cc-footer-contact-item {
        font-size: 0.85rem;
    }
}