html {
    scroll-behavior: smooth;
}

body {
    font-family: "Bricolage Grotesque" , sans-serif;
    background: #F0F7FF;
    color: #0F172A;
}

:root {
    --primary: #A0103C;
    --accent: #4BC8E8;
    --text: #0F172A;
    --muted: #64748B;
    --border: #E2EAF4;
    --other: #0d4452;
}

.navbar {
    border-color: var(--border) !important;
}

.nav-link {
    font-weight: 500;
    margin: 0 12px;
    color: var(--text);
    position: relative;
}

.nav-link::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--accent);
    transition: .35s;
}

.nav-link:hover::after {
    width: 100%;
}

.btn-danger {
    background: var(--primary);
    border: none;
}

.btn-danger:hover {
    background: #860B31;
}



.btn-outline-info {
    border: 2px solid var(--accent);
    color: var(--accent);
}

.btn-outline-info:hover {
    background: var(--accent);
    color: white;
}

.hero {
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.hero-tag {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid var(--accent);
    border-radius: 100px;
    font-family: 'DM Mono', monospace;
    font-size: 13px;
    letter-spacing: .08em;
    color: var(--other);
    background: white;
    margin-bottom: 35px;
}

.hero-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 25px;
}

.highlight {
    color: #A0103C;
}

/* .hero-title span {
    color: var(--primary);
} */

.hero-typing {
    margin-top: 20px;
    font-size: 30px;
    font-family: 'Bricolage Grotesque', sans-serif;
    color: #A0103C;
    font-weight: 600;
}

.typed-cursor {
    color: #A0103C;
    font-size: 72px;
    font-weight: 300;
}

.hero-subtitle {
    font-size: 22px;
    color: var(--muted);
    max-width: 720px;
    margin: auto;
    line-height: 1.7;
}

.hero-buttons {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    gap: 18px;
}

.trusted {
    margin-top: 45px;
    color: #7B8794;
    font-size: 15px;
}

.trusted span {
    font-weight: 500;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(Img/node.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .20;
    pointer-events: none;
}

/* Featured section */
.featured-section {
    background: #ffffff;
    padding: 70px 0;
    border-top: 1px solid #E2EAF4;
}

.section-label {
    font-family: "DM Mono", monospace;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--other);
    margin-bottom: 25px;
}

.featured-card {
    background: #ffffff;
    border: 1px solid #E2EAF4;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.featured-image {
    background: #EAF6FF;
    border-radius: 8px;
    min-height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-category {
    font-family: "DM Mono", monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #A0103C;
    margin-bottom: 18px;
}

.featured-title {
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.15;
    color: #0F172A;
    margin-bottom: 20px;
}

.featured-text {
    font-size: 18px;
    line-height: 1.75;
    color: #64748B;
    max-width: 560px;
    margin-bottom: 35px;
}

.author-avatar {
    width: 48px;
    height: 48px;
    background: #0D6FD6;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 700;
}

.author h6 {
    font-weight: 700;
    color: #0F172A;
}

.author small {
    color: #64748B;
}

.read-link {
    color: #A0103C;
    font-weight: 700;
    text-decoration: none;
}

.read-link:hover {
    color: #4BC8E8;
}

@media (max-width: 768px) {
    .featured-title {
        font-size: 32px;
    }

    .featured-section {
        padding: 50px 0;
    }

    .featured-image {
        min-height: 220px;
    }
}

/*==========================
LATEST SECTION
==========================*/

.latest-section {
    background: #F0F7FF;
    padding: 90px 0;
}

.latest-card {
    background: #fff;
    border: 1px solid #E2EAF4;
    border-radius: 14px;
    padding: 30px;
    height: 100%;
    transition: .35s;
    box-shadow: 0 12px 40px rgba(15, 23, 42, .05);
}

.latest-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 60px rgba(15, 23, 42, .10);
}

.category-pill {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid #4BC8E8;
    border-radius: 30px;
    font-family: "DM Mono", monospace;
    font-size: 11px;
    color: #4BC8E8;
    margin-bottom: 22px;
    transition: .3s;
}

.latest-card:hover .category-pill {
    background: #4BC8E8;
    color: white;
}

.latest-card h3 {
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.25;
    margin-bottom: 18px;
    transition: .3s;
}

.latest-card:hover h3 {
    color: #A0103C;
}

.latest-card p {
    font-size: 17px;
    color: #64748B;
    line-height: 1.7;
    margin-bottom: 32px;
}

.article-meta {
    display: flex;
    gap: 10px;
    font-family: "DM Mono", monospace;
    font-size: 12px;
    color: var(--other);
    letter-spacing: .05em;
}

/*==========================
TECH TIPS TICKER
==========================*/
.tips-ticker {
    background: #A0103C;
    overflow: hidden;
    padding: 5px 0;
    white-space: nowrap;
}

.ticker {
    width: 100%;
    overflow: hidden;
}

.ticker-content {
    display: inline-flex;
    align-items: center;
    gap: 25px;
    color: white;
    font-family: "DM Mono", monospace;
    font-size: 14px;
    animation: tickerMove 35s linear infinite;
}

.ticker-content span {
    white-space: nowrap;
}

.divider {
    color: #4BC8E8;
    font-size: 18px;
}

/* Pause animation on hover */
.tips-ticker:hover .ticker-content {
    animation-play-state: paused;
}

@keyframes tickerMove {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}

/* ================= TOPICS ================= */

.topics-section {
    background: #ffffff;
    padding: 65px 0;
}

.section-title {
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 42px;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 35px;
}

.topics-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
}

.topic-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1.5px solid #4BC8E8;
    color: #0F172A;
    text-decoration: none;
    padding: 13px 24px;
    border-radius: 8px;
    font-family: "DM Mono", monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: 0.3s ease;
}

.topic-pill i {
    color: #4BC8E8;
    font-size: 16px;
}

.topic-pill:hover {
    background: #4BC8E8;
    color: #ffffff;
    transform: translateY(-3px);
}

.topic-pill:hover i {
    color: #ffffff;
}


/* ================= NEWSLETTER CTA ================= */

.newsletter-section {
    background: #F0F7FF;
    padding: 85px 0;
    position: relative;
    overflow: hidden;
}

.newsletter-title {
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.15;
    color: #0F172A;
    margin-bottom: 30px;
}

.benefit {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: #0F172A;
    font-size: 17px;
}

.benefit i {
    color: #4BC8E8;
}

.newsletter-form {
    margin-top: 35px;
    display: flex;
    gap: 15px;
    max-width: 520px;
}

.newsletter-form input {
    flex: 1;
    height: 58px;
    border: 1px solid #E2EAF4;
    border-radius: 8px;
    padding: 0 20px;
    outline: none;
}

.newsletter-form input:focus {
    border-color: #4BC8E8;
}

.newsletter-form button {
    height: 58px;
    border: none;
    border-radius: 8px;
    padding: 0 28px;
    background: #A0103C;
    color: white;
    font-weight: 700;
}

.newsletter-form button:hover {
    background: #870d32;
}


/* Email mockup card */

.email-card {
    background: #ffffff;
    width: 330px;
    border-radius: 14px;
    padding: 28px;
    box-shadow: 0 25px 70px rgba(75, 200, 232, 0.28);
    position: relative;
}

.email-card::after {
    content: "";
    position: absolute;
    right: -70px;
    top: 60px;
    width: 130px;
    height: 130px;
    background-image: radial-gradient(#4BC8E8 1px, transparent 1px);
    background-size: 12px 12px;
    opacity: 0.35;
    z-index: -1;
}

.email-logo {
    font-family: "Bricolage Grotesque", sans-serif;
    font-weight: 800;
    color: #A0103C;
    text-align: center;
    margin-bottom: 25px;
}

.email-logo span {
    color: #4BC8E8;
}

.email-card h5 {
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 0;
}

.email-card small {
    color: #64748B;
}

.email-content {
    background: #EAF6FF;
    border-radius: 8px;
    padding: 18px;
    display: flex;
    gap: 18px;
    margin: 22px 0;
}

.ai-box {
    width: 56px;
    height: 56px;
    background: #0D6FD6;
    color: white;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-weight: 800;
}

.email-lines {
    flex: 1;
}

.email-lines span {
    display: block;
    height: 8px;
    background: #BEE7FF;
    border-radius: 20px;
    margin-bottom: 10px;
}

.email-lines span:nth-child(1) {
    width: 95%;
}

.email-lines span:nth-child(2) {
    width: 70%;
}

.email-lines span:nth-child(3) {
    width: 50%;
}

.email-card p {
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 15px;
}

.email-line-long,
.email-line-short {
    height: 8px;
    background: #E2EAF4;
    border-radius: 20px;
    margin-bottom: 10px;
}

.email-line-long {
    width: 90%;
}

.email-line-short {
    width: 65%;
}


/* Mobile */

@media (max-width: 768px) {
    .section-title {
        font-size: 34px;
    }

    .newsletter-title {
        font-size: 36px;
    }

    .newsletter-form {
        flex-direction: column;
    }

    .newsletter-form button {
        width: 100%;
    }

    .topic-pill {
        width: 100%;
        justify-content: center;
    }
}

/* ================= SOCIAL PROOF ================= */

.social-proof {
    background: #ffffff;
    padding: 60px 0 35px;
}

.metric-card {
    background: #ffffff;
    border: 1px solid #E2EAF4;
    border-top: 4px solid #4BC8E8;
    border-radius: 12px;
    padding: 28px 20px;
    text-align: center;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
}

.metric-card h3 {
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 46px;
    font-weight: 800;
    color: #A0103C;
    margin-bottom: 10px;
}

/* .metric-card h3 span {
    font-size: 18px;
    color: #0F172A;
    margin-left: 10px;
} */

.metric-card p {
    color: #0F172A;
    font-size: 17px;
    margin: 0;
}

.metric-card i {
    color: #4BC8E8;
    margin-right: 8px;
}


/* ================= FOOTER ================= */

.footer {
    background: #ffffff;
    padding: 55px 0 20px;
    border-top: 1px solid #E2EAF4;
}

.footer-logo {
    height: 20px;
    width: auto;
    display: block;
}

.footer h6 {
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 16px;
}

.footer a {
    display: block;
    color: #64748B;
    text-decoration: none;
    margin-bottom: 8px;
    font-size: 15px;
}

.footer a:hover {
    color: #A0103C;
}

.social-icons {
    display: flex;
    gap: 24px;
    align-items: center;
}

.social-icons a {
    color: #4BC8E8;
    font-size: 30px;
}

.social-icons a:hover {
    color: #A0103C;
    transform: translateY(-2px);
}

.footer-line {
    height: 2px;
    background: #4BC8E8;
    margin: 45px 0 18px;
}

.copyright {
    font-family: "DM Mono", monospace;
    font-size: 13px;
    color: #64748B;
    margin: 0;
}

@media (max-width: 768px) {
    .metric-card h3 {
        font-size: 38px;
    }

    .footer-logo {
        height: 30px;
        width: auto;
    }
}

/* Article */
.article-hero {
    position: relative;
    /* background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%); */
    padding: 50px 0;
    overflow: hidden;
}

/* .hero-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 12px;
} */

/* .hero-subtitle {
    font-family: 'Inter', sans-serif;
    color: #6B7280;
    font-size: 1rem;
    max-width: 600px;
    margin: auto;
} */

.article-hero::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: #93C5FD;
    filter: blur(120px);
    opacity: .18;
    left: 50%;
    top: -250px;
    transform: translateX(-50%);
}

/* Decorative Dots */

.hero-dots {
    position: absolute;
    display: grid;
    grid-template-columns: repeat(5, 8px);
    gap: 10px;
    opacity: .45;
}

.hero-dots span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #60A5FA;
}

.dots-left {
    left: 40px;
    top: 40px;
}

.dots-right {
    right: 40px;
    bottom: 40px;
}

/* Mobile */

@media(max-width:768px) {

    .hero-title {
        font-size: 2.2rem;
    }

    .article-hero {
        padding: 70px 0;
    }

    .hero-dots {
        transform: scale(.8);
    }

}

.filter-btn {
    border: 1px solid #bfdbfe;
    background: #fff;
    color: #2563eb;
    padding: 7px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    transition: .3s ease;
}

.filter-btn.active,
.filter-btn:hover {
    background: #0ea5e9;
    color: #fff;
    border-color: #0ea5e9;
}

.article-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
    transition: .3s ease;
    height: 100%;
}

.article-card:hover {
    transform: translateY(-4px);
}

.article-card img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.article-body {
    padding: 18px;
}

.category-pill {
    display: inline-block;
    background: #e0f2fe;
    color: #0284c7;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    margin-bottom: 10px;
}

.article-card h3 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
    transition: .3s ease;
}

.article-card:hover h3 {
    color: #dc143c;
}

.article-card p {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.6;
}

.article-meta {
    font-family: 'DM Mono', monospace;
    font-size: 12px;
    color: #6b7280;
    margin-top: 18px;
}

.article-pagination .page-link {
    border: none;
    color: #6b7280;
    border-radius: 8px;
    margin: 0 4px;
}

.article-pagination .page-item.active .page-link {
    background: #dc143c;
    color: #fff;
}
/* ================= DEPLOYMENT & RESPONSIVE POLISH ================= */
* { box-sizing: border-box; }
img { max-width: 100%; }
body { overflow-x: hidden; }
section { scroll-margin-top: 92px; }
.navbar { z-index: 1040; backdrop-filter: blur(14px); background: rgba(255,255,255,.94) !important; }
.navbar-brand img { width: 158px; height: auto; object-fit: contain; display: block; }
.navbar-toggler { border: 1px solid var(--border); padding: .55rem .7rem; }
.navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(75, 200, 232, .25); }
.nav-link.active { color: var(--primary); }
.nav-link.active::after { width: 100%; }
.btn, .topic-pill, .filter-btn, .page-link { transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(15, 23, 42, .12); }
.hero-bg { animation: nodeDrift 15s ease-in-out infinite alternate; }
.hero::after { content: ''; position: absolute; width: 280px; height: 280px; border-radius: 50%; background: rgba(75,200,232,.13); filter: blur(16px); right: -90px; bottom: -100px; pointer-events: none; animation: floatOrb 8s ease-in-out infinite; }
.featured-card, .latest-card, .metric-card, .article-card { will-change: transform; }
.featured-card:hover { transform: translateY(-4px); box-shadow: 0 28px 70px rgba(15,23,42,.10); }
.article-item[hidden] { display: none !important; }
.article-card img { transition: transform .55s ease; }
.article-card:hover img { transform: scale(1.045); }
.article-card:hover { box-shadow: 0 20px 45px rgba(15,23,42,.13); }
.newsletter-form input:focus { box-shadow: 0 0 0 4px rgba(75,200,232,.14); }
.form-status { min-height: 24px; margin-top: 12px; font-weight: 600; }
.form-status.is-error { color: #b42318; }
.form-status.is-success { color: #067647; }
.page-link { color: var(--primary); border-color: var(--border); cursor: pointer; }
.page-item.active .page-link { background: var(--primary); border-color: var(--primary); }
.page-link:hover { color: #fff; background: var(--accent); border-color: var(--accent); }
.page-link:focus { box-shadow: 0 0 0 .2rem rgba(75,200,232,.25); }
.footer a, .social-icons a { transition: color .25s ease, transform .25s ease; }

@keyframes nodeDrift {
  from { transform: translate3d(-1.5%, -1%, 0) scale(1.03); }
  to { transform: translate3d(1.5%, 1%, 0) scale(1.07); }
}
@keyframes floatOrb {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-24px) scale(1.08); }
}

@media (max-width: 991.98px) {
  .navbar { padding-block: .55rem !important; }
  .navbar-brand img { width: 146px; height: auto; }
  .navbar-collapse { margin-top: .75rem; padding: 1rem; border: 1px solid var(--border); border-radius: 14px; background: #fff; box-shadow: 0 18px 45px rgba(15,23,42,.10); }
  .navbar-nav { gap: .15rem; }
  .nav-link { margin: 0; padding: .75rem .25rem; }
  .nav-link::after { bottom: 4px; }
  .navbar-collapse .d-flex { margin-top: .75rem; }
  .navbar-collapse .btn { width: 100%; }
  .hero { padding: 88px 0 80px; }
  .hero-title { font-size: clamp(46px, 8vw, 62px); }
  .hero-typing { min-height: 45px; }
  .featured-title { font-size: 36px; }
  .latest-card h3 { font-size: 26px; }
  .email-card { margin-top: 20px; }
}

@media (max-width: 767.98px) {
  .container { padding-left: 20px; padding-right: 20px; }
  .hero { padding: 72px 0 64px; }
  .hero-tag { margin-bottom: 24px; padding: 8px 15px; font-size: 11px; }
  .hero-title { font-size: clamp(40px, 12vw, 54px); margin-bottom: 18px; }
  .hero-typing { font-size: 23px; line-height: 1.35; min-height: 62px; }
  .typed-cursor { font-size: inherit; }
  .hero-subtitle { font-size: 18px; line-height: 1.55; }
  .hero-buttons { flex-direction: column; margin-top: 32px; gap: 12px; }
  .hero-buttons .btn { width: 100%; }
  .featured-section, .latest-section, .topics-section, .newsletter-section, .social-proof { padding-top: 56px; padding-bottom: 56px; }
  .featured-card { padding: 16px; border-radius: 16px; }
  .featured-image { min-height: 210px; }
  .featured-title { font-size: 30px; }
  .featured-text { font-size: 16px; margin-bottom: 24px; }
  .featured-meta { align-items: flex-start !important; }
  .latest-card { padding: 24px; }
  .latest-card h3 { font-size: 25px; }
  .article-meta { flex-wrap: wrap; }
  .section-title, .newsletter-title { font-size: 32px; }
  .ticker-content { font-size: 12px; animation-duration: 42s; }
  .newsletter-form input, .newsletter-form button { width: 100%; }
  .email-card { width: min(100%, 340px); padding: 22px; }
  .email-card::after { display: none; }
  .metric-card { padding: 24px 16px; }
  .article-hero { padding: 58px 0; }
  .hero-dots { display: none; }
  .filter-wrap, .articles-section .d-flex.flex-wrap { gap: 8px !important; }
  .filter-btn { padding: 8px 13px; font-size: 12px; }
  .article-card img { height: 205px; }
  .pagination { flex-wrap: wrap; gap: 5px; }
  .page-link { border-radius: 7px !important; }
  .footer { text-align: left; }
  .footer-logo {height:30px;width:auto}
}

@media (max-width: 420px) {
  .container { padding-left: 16px; padding-right: 16px; }
  .hero-title { font-size: 38px; }
  .hero-subtitle { font-size: 16px; }
  .featured-title, .section-title, .newsletter-title { font-size: 28px; }
  .latest-card h3 { font-size: 23px; }
  .article-card img { height: 180px; }
  .footer-logo{height:28px;width:auto}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ================= INNER PAGES ================= */
.inner-hero{position:relative;overflow:hidden;padding:110px 0 96px;background:linear-gradient(135deg,#f7fbff 0%,#fff 55%,#fdf2f6 100%);text-align:center}
.inner-hero::before,.subscribe-shell::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(75,200,232,.14) 0 2px,transparent 3px),radial-gradient(circle at 80% 35%,rgba(160,16,60,.10) 0 2px,transparent 3px);background-size:86px 86px;animation:nodeDrift 16s ease-in-out infinite alternate;pointer-events:none}
.inner-hero .container,.subscribe-shell .container{position:relative;z-index:1}.inner-hero h1,.subscribe-shell h1{max-width:900px;margin:18px auto;font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.055em;color:var(--text)}.inner-hero p{max-width:700px;margin:0 auto;font-size:20px;color:var(--body)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--primary)}
.page-section{padding:88px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}.section-heading h2,.path-section h2,.community-preview h2,.values-section h2,.join-card h2{font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-.04em}.text-link{font-weight:700;color:var(--primary);text-decoration:none}
.info-card,.benefit-card,.value-card{height:100%;padding:30px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.info-card:hover,.benefit-card:hover,.value-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(15,23,42,.11);border-color:rgba(75,200,232,.55)}
.icon-box{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#edfaff;color:var(--accent);font-size:24px;margin-bottom:24px}.info-card h3,.benefit-card h3,.value-card h3{font-size:25px;margin:18px 0 12px}.tip-toggle{border:0;background:none;color:var(--primary);font-weight:800;padding:8px 0} .tip-detail{max-height:0;overflow:hidden;opacity:0;color:var(--body);padding-top:0;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.tip-detail.open{max-height:180px;opacity:1;padding-top:12px}
.cta-band{padding:58px 0;background:var(--primary);color:#fff}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-band .eyebrow{color:#ffd9e5}.cta-band h2{font-size:clamp(32px,5vw,50px);margin:8px 0 0}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.topic-card{min-height:230px;padding:28px;border:1px solid var(--border);border-radius:22px;text-decoration:none;color:var(--text);background:#fff;display:flex;flex-direction:column;transition:.3s ease}.topic-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 22px 55px rgba(15,23,42,.11);color:var(--primary)}.topic-card i{font-size:34px;color:var(--accent)}.topic-card span{font-size:24px;font-weight:800;margin:28px 0 8px}.topic-card small{font-size:15px;color:var(--body);line-height:1.5}.path-section,.values-section,.community-preview{padding:88px 0;background:#f8fbff}.path-section p{font-size:18px;color:var(--body)}.path-list{display:grid;gap:16px}.path-list>div{display:flex;gap:18px;padding:22px;border-radius:18px;background:#fff;border:1px solid var(--border)}.path-list b{font-size:22px;color:var(--primary)}.path-list span{display:flex;flex-direction:column}.path-list strong{font-size:20px}.path-list small{color:var(--body)}
.community-hero .hero-buttons{justify-content:center}.benefit-card i{font-size:38px;color:var(--accent)}.check-list{display:grid;gap:14px;margin:28px 0}.check-list p{margin:0;font-size:17px}.check-list i{color:#12a66a;margin-right:10px}.chat-window{background:#0f172a;border-radius:24px;padding:20px;box-shadow:0 30px 70px rgba(15,23,42,.25)}.chat-top{display:flex;align-items:center;gap:7px;color:#fff;padding-bottom:18px}.chat-top span{width:10px;height:10px;border-radius:50%;background:#64748b}.chat-top b{margin-left:8px}.chat-bubble{max-width:78%;padding:14px 16px;border-radius:16px;margin:12px 0;line-height:1.45}.chat-bubble.left{background:#fff;color:#111827}.chat-bubble.right{background:var(--accent);color:#072b34;margin-left:auto}.join-section{padding:88px 0}.join-card{max-width:820px;margin:auto;text-align:center;padding:60px;border-radius:28px;background:linear-gradient(135deg,#f5fbff,#fff4f7);border:1px solid var(--border)}.inline-form{display:flex;gap:10px;max-width:570px;margin:28px auto 0}.inline-form input,.stack-form input,.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:#fff;outline:none}.inline-form input:focus,.stack-form input:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(75,200,232,.14)}
.about-visual{position:relative;border-radius:28px;overflow:hidden}.about-visual img{width:100%;height:480px;object-fit:cover}.lead-copy{font-size:21px;line-height:1.6;color:#334155}.value-card b{font-size:34px;color:var(--accent)}.mission-band{padding:100px 0;background:#0f172a;color:#fff;text-align:center}.mission-band h2{max-width:980px;margin:20px auto 0;font-size:clamp(34px,5vw,58px);line-height:1.12}.mission-band .section-label{color:var(--accent)}
.about-video{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.12)}.about-video video{width:100%;height:480px;display:block;object-fit:cover;border-radius:inherit;transition:transform .5s ease}.about-video:hover video{transform:scale(1.03)}
.subscribe-page{min-height:calc(100vh - 90px)}.subscribe-shell{position:relative;overflow:hidden;padding:100px 0;background:linear-gradient(135deg,#f7fbff,#fff 50%,#fff2f6)}.subscribe-lead{font-size:21px;max-width:620px;color:var(--body)}.subscribe-card{padding:42px;border-radius:28px;background:#fff;border:1px solid var(--border);box-shadow:0 28px 80px rgba(15,23,42,.12)}.subscribe-card h2{font-size:38px}.stack-form{display:grid;gap:10px;margin:24px 0}.stack-form label,.contact-form label{font-weight:700}.stack-form button{margin-top:10px}
.contact-detail{display:flex;gap:15px;align-items:center;margin-top:24px}.contact-detail i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#edfaff;color:var(--accent)}.contact-detail span{display:flex;flex-direction:column}.contact-detail small{color:var(--body)}.contact-form{padding:32px;border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 55px rgba(15,23,42,.07)}
.narrow{max-width:820px}.article-detail-hero{padding:90px 0 55px;text-align:center}.article-detail-hero h1{font-size:clamp(44px,7vw,76px);letter-spacing:-.055em;line-height:1.02;margin:22px 0}.article-detail-hero>div>p{font-size:21px;color:var(--body)}.article-author{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px}.article-author span{display:flex;flex-direction:column;text-align:left}.article-author small{color:var(--body)}.article-reading{padding-bottom:90px}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:26px;margin-bottom:42px}.prose{font-size:19px;line-height:1.8;color:#334155}.prose h2{font-size:34px;color:var(--text);margin:44px 0 12px}.prose blockquote{font-size:25px;font-weight:700;color:var(--primary);border-left:5px solid var(--accent);padding:12px 0 12px 25px;margin:36px 0}.article-callout{padding:28px;border-radius:20px;background:#f0faff;margin-top:40px}.article-share{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:45px;padding-top:24px}.article-share button{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:#fff}.article-card{display:block;color:inherit;text-decoration:none}.latest-card[data-href]{cursor:pointer}.legal-page{padding:90px 0}.legal-page h1{font-size:56px}.legal-page h2{margin-top:34px}.footer-summary{max-width:260px;color:#94a3b8;margin-top:15px}
@media(max-width:991.98px){.topic-grid{grid-template-columns:repeat(2,1fr)}.inner-hero{padding:82px 0 72px}.about-visual img{height:380px}}
@media(max-width:767.98px){.page-section,.path-section,.values-section,.community-preview,.join-section{padding:58px 0}.inner-hero h1,.subscribe-shell h1{font-size:44px}.inner-hero p,.subscribe-lead{font-size:18px}.section-heading,.cta-band .container{align-items:flex-start;flex-direction:column}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:190px}.inline-form{flex-direction:column}.join-card,.subscribe-card{padding:30px 22px}.subscribe-shell{padding:70px 0}.article-detail-hero{padding:65px 0 40px}.article-detail-hero h1{font-size:42px}.prose{font-size:17px}.prose h2{font-size:28px}.article-share{align-items:flex-start;gap:18px;flex-direction:column}.about-visual img{height:300px}}


@media (max-width: 575.98px) {
  .navbar-brand img { width: 132px; height: auto; }
}

/* ================= LIVE NEWS PAGE ================= */
.news-hero{position:relative;overflow:hidden;padding:105px 0 78px;background:#0b1220;color:#fff}.news-grid-bg{position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(75,200,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(75,200,232,.08) 1px,transparent 1px),radial-gradient(circle at 75% 35%,rgba(75,200,232,.18),transparent 25%),radial-gradient(circle at 15% 70%,rgba(160,16,60,.25),transparent 26%);background-size:46px 46px,46px 46px,auto,auto;animation:newsGridMove 18s linear infinite}.news-hero h1{max-width:900px;margin:18px 0;font-size:clamp(48px,7vw,84px);line-height:.98;letter-spacing:-.055em}.news-hero h1 span{color:var(--accent)}.news-hero p{max-width:700px;margin:0;font-size:20px;line-height:1.65;color:#b8c4d8}.news-update-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.news-update-card small{display:block;color:#8da0ba;font-size:11px;font-weight:800;letter-spacing:.15em}.news-update-card strong{font-size:15px}.live-dot{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#42e6a4;box-shadow:0 0 0 0 rgba(66,230,164,.6);animation:livePulse 1.8s infinite}.news-toolbar-section{position:relative;z-index:3;margin-top:-26px}.news-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.12)}.news-search{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding:0 15px}.news-search i{font-size:19px;color:var(--muted)}.news-search input{width:100%;border:0;outline:0;background:transparent;font-size:16px}.news-view-toggle{display:flex;gap:6px;padding:5px;border-radius:13px;background:#eff5fa}.news-sort{border:0;border-radius:9px;background:transparent;padding:10px 14px;color:var(--muted);font-weight:700}.news-sort.active{background:#fff;color:var(--primary);box-shadow:0 5px 15px rgba(15,23,42,.08)}.news-filters{display:flex;gap:9px;overflow-x:auto;padding:22px 0 6px;scrollbar-width:none}.news-filters::-webkit-scrollbar{display:none}.news-filter{white-space:nowrap;border:1px solid var(--border);border-radius:999px;background:#fff;padding:9px 16px;color:var(--muted);font-size:14px;font-weight:700;transition:.25s ease}.news-filter:hover,.news-filter.active{border-color:var(--primary);background:var(--primary);color:#fff}.news-content-section{padding:65px 0 90px}.news-state{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px}.news-state>i{font-size:54px;color:var(--primary)}.news-state h2{margin:20px 0 8px;font-size:32px}.news-state p{color:var(--muted)}.news-loader{width:52px;height:52px;border:4px solid #dceaf2;border-top-color:var(--primary);border-radius:50%;animation:newsSpin .8s linear infinite}.featured-news{display:grid;grid-template-columns:1.16fr 1fr;min-height:465px;overflow:hidden;border:1px solid var(--border);border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.1)}.featured-news-image{position:relative;display:block;min-height:430px;overflow:hidden;background:#0f172a}.featured-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.featured-news:hover .featured-news-image img{transform:scale(1.04)}.featured-news-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:46px}.featured-news-copy h2{margin:14px 0 18px;font-size:clamp(32px,4vw,50px);line-height:1.06;letter-spacing:-.04em}.featured-news-copy h2 a,.news-card h3 a{color:inherit;text-decoration:none}.featured-news-copy p{color:var(--muted);font-size:17px;line-height:1.7}.feature-label,.region-label{display:inline-flex;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.09em}.feature-label{background:var(--primary);color:#fff}.region-label{background:#e7f9fe;color:#0e7188}.news-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:700}.news-meta span{color:var(--primary)}.news-meta span::after{content:"";display:inline-block;width:4px;height:4px;margin-left:10px;vertical-align:middle;border-radius:50%;background:#a9b4c3}.news-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:72px 0 30px}.news-heading-row h2{margin:5px 0 0;font-size:clamp(34px,5vw,52px);letter-spacing:-.04em}.news-heading-row p{margin:0;color:var(--muted);font-weight:700}.news-card{height:100%;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.055);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.news-card:hover{transform:translateY(-7px);border-color:rgba(75,200,232,.7);box-shadow:0 25px 60px rgba(15,23,42,.13)}.news-card-image{position:relative;display:block;height:225px;overflow:hidden;background:#0f172a}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.news-card:hover .news-card-image img{transform:scale(1.055)}.news-card-category{position:absolute;left:15px;bottom:15px;padding:7px 10px;border-radius:8px;background:rgba(11,18,32,.88);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(8px)}.news-card-body{display:flex;flex-direction:column;min-height:340px;padding:24px}.news-card h3{margin:14px 0 12px;font-size:24px;line-height:1.2;letter-spacing:-.025em}.news-card p{display:-webkit-box;overflow:hidden;margin-bottom:20px;color:var(--muted);line-height:1.65;-webkit-line-clamp:3;-webkit-box-orient:vertical}.news-read-link{margin-top:auto;color:var(--primary);text-decoration:none;font-weight:800}.news-read-link i{display:inline-block;transition:transform .25s ease}.news-read-link:hover i{transform:translate(3px,-3px)}.news-image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(75,200,232,.28),transparent 30%),linear-gradient(135deg,#0f172a,#14263d);color:var(--accent)}.news-image-placeholder i{font-size:64px}.news-empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed var(--border);border-radius:20px}.news-empty i{font-size:46px;color:var(--accent)}.news-source-note{padding:70px 0;background:#0f172a;color:#fff}.source-note-inner{display:flex;align-items:center;gap:24px;max-width:850px;margin:auto}.source-note-inner>i{font-size:50px;color:var(--accent)}.source-note-inner h2{margin:0 0 6px;font-size:32px}.source-note-inner p{margin:0;color:#a8b7ca;font-size:17px;line-height:1.65}@keyframes newsSpin{to{transform:rotate(360deg)}}@keyframes newsGridMove{to{background-position:46px 46px,46px 46px,0 0,0 0}}@keyframes livePulse{70%{box-shadow:0 0 0 10px rgba(66,230,164,0)}100%{box-shadow:0 0 0 0 rgba(66,230,164,0)}}
@media(max-width:991.98px){.featured-news{grid-template-columns:1fr}.featured-news-image{min-height:360px}.news-toolbar{align-items:stretch;flex-direction:column}.news-view-toggle{align-self:flex-start}.news-hero{padding:85px 0 68px}}
@media(max-width:767.98px){.news-hero h1{font-size:46px}.news-hero p{font-size:17px}.news-toolbar-section{margin-top:-18px}.news-toolbar{padding:13px}.news-search{padding:10px}.news-view-toggle{width:100%}.news-sort{flex:1}.featured-news-image{min-height:260px}.featured-news-copy{padding:28px 22px}.featured-news-copy h2{font-size:32px}.news-heading-row{align-items:flex-start;flex-direction:column;margin-top:55px}.news-card-image{height:210px}.source-note-inner{align-items:flex-start;flex-direction:column}.news-content-section{padding-top:45px}.news-update-card{margin-top:14px}}
@media(max-width:420px){.news-hero h1{font-size:40px}.news-sort{padding:9px 8px;font-size:13px}.featured-news-copy h2{font-size:28px}.news-card-body{min-height:315px}}