.svet-modern-home {
    background: #070a12;
    color: #eef4ff;
    font-family: "Lato", "Source Sans Pro", Arial, sans-serif;
}

.svet-modern-home a {
    color: #7dd3fc;
}

.svet-modern-home a:hover {
    color: #d1fae5;
    text-decoration: none;
}

.svet-hero {
    min-height: 620px;
    padding: 150px 0 90px;
    background:
        linear-gradient(135deg, rgba(7, 10, 18, 0.86), rgba(7, 10, 18, 0.76)),
        url("../coin/hd_pitchwin3.JPG") center center / cover no-repeat;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.svet-eyebrow,
.svet-panel-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #34d399;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.svet-hero h1 {
    max-width: 760px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: 54px;
    line-height: 1.05;
    font-weight: 900;
}

.svet-hero-copy {
    max-width: 620px;
    color: #cbd5e1;
    font-size: 21px;
    line-height: 1.55;
}

.svet-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.svet-btn {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 13px 22px;
    border-radius: 6px;
    font-weight: 900;
}

.svet-btn-primary {
    background: #10b981;
    color: #03110c !important;
}

.svet-btn-secondary {
    border: 1px solid rgba(125, 211, 252, 0.5);
    background: rgba(15, 23, 42, 0.78);
    color: #e0f2fe !important;
}

.svet-signal-panel,
.svet-feature-card,
.svet-report-card,
.svet-rating-card,
.svet-featured-card {
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.82);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
}

.svet-signal-panel {
    margin-top: 20px;
    padding: 28px;
}

.svet-signal-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 0;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.svet-signal-row strong {
    color: #ffffff;
}

.svet-signal-row span {
    color: #94a3b8;
    text-align: right;
}

.svet-section {
    padding: 72px 0;
    background: #070a12;
}

.svet-report-section,
.svet-featured-section {
    background: #0b1020;
}

.svet-section-header {
    max-width: 760px;
    margin-bottom: 30px;
}

.svet-section-header.compact {
    margin-bottom: 18px;
}

.svet-section-header h2 {
    margin: 0;
    color: #f8fafc;
    font-size: 34px;
    line-height: 1.18;
    font-weight: 900;
}

.svet-feature-card,
.svet-report-card,
.svet-rating-card {
    min-height: 230px;
    margin-bottom: 24px;
    padding: 24px;
}

.svet-feature-card h3,
.svet-report-card h3,
.svet-rating-card h3,
.svet-featured-card h3 {
    margin: 8px 0 12px;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.25;
}

.svet-feature-card p,
.svet-report-card p,
.svet-rating-card p,
.svet-featured-card p {
    color: #cbd5e1;
    line-height: 1.65;
}

.svet-card-index {
    color: #67e8f9;
    font-size: 13px;
    font-weight: 900;
}

.svet-link {
    display: inline-block;
    margin-top: 8px;
    color: #34d399 !important;
    font-weight: 900;
}

.svet-report-card-highlight {
    background: linear-gradient(145deg, rgba(14, 165, 233, 0.18), rgba(16, 185, 129, 0.12)), rgba(15, 23, 42, 0.9);
}

.svet-report-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
    color: #94a3b8;
    font-size: 13px;
    font-weight: 700;
}

.svet-source-note {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    color: #a7f3d0;
    font-size: 13px;
    line-height: 1.45;
}

.svet-featured-card {
    min-height: 360px;
    margin-bottom: 24px;
    overflow: hidden;
}

.svet-featured-card img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.svet-featured-card h3,
.svet-featured-card p {
    padding-left: 22px;
    padding-right: 22px;
}

.svet-featured-card h3 {
    padding-top: 20px;
}

@media (max-width: 767px) {
    .svet-hero {
        min-height: auto;
        padding: 110px 0 58px;
    }

    .svet-hero h1 {
        font-size: 38px;
    }

    .svet-hero-copy {
        font-size: 18px;
    }

    .svet-section {
        padding: 48px 0;
    }

    .svet-section-header h2 {
        font-size: 28px;
    }

    .svet-signal-row {
        display: block;
    }

    .svet-signal-row span {
        display: block;
        margin-top: 4px;
        text-align: left;
    }
}

/* Shared Fremont dark theme for legacy Django pages. */
html,
body {
    background: #070a12;
    color: #e5edf7;
}

body {
    font-family: "Lato", "Source Sans Pro", Arial, sans-serif;
}

body > main,
main,
#portfolio,
#latest-works,
#values,
.album,
.light-bg,
.bg-light,
.white-bg {
    background: #070a12 !important;
    color: #e5edf7;
}

body > main {
    min-height: 560px;
}

section {
    border-color: rgba(148, 163, 184, 0.18);
}

.inner,
.inner-top,
.inner-bottom,
.inner-top-sm,
.inner-bottom-sm,
.py-5 {
    padding-top: 56px;
    padding-bottom: 56px;
}

h1,
h2,
h3,
h4,
h5,
h6,
header h1,
.caption h1,
.caption h2 {
    color: #f8fafc;
    font-weight: 900;
    letter-spacing: 0;
}

p,
li,
td,
th,
label,
.card-text,
.text-muted {
    color: #cbd5e1 !important;
}

a {
    color: #7dd3fc;
}

a:hover,
a:focus {
    color: #a7f3d0;
    text-decoration: none;
}

hr,
.featurette-divider {
    border-color: rgba(148, 163, 184, 0.18);
}

.navbar,
.navbar-header,
.yamm,
header .navbar {
    background: rgba(7, 10, 18, 0.96) !important;
    border: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.26);
}

.navbar .container {
    padding-top: 8px;
    padding-bottom: 8px;
}

.navbar-brand,
.navbar-brand .logo,
.navbar-nav > li > a,
.navbar .info a,
.navbar .social a {
    color: #f8fafc !important;
    font-weight: 800;
}

.navbar-brand {
    letter-spacing: 0;
}

.navbar-nav > li > a {
    border-radius: 6px;
    margin: 4px 2px;
    padding: 12px 14px !important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #a7f3d0 !important;
}

.dropdown-menu {
    background: #0f172a;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

.dropdown-menu > li > a {
    color: #e5edf7 !important;
    padding: 10px 16px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: rgba(14, 165, 233, 0.16);
    color: #ffffff !important;
}

.responsive-menu,
.btn,
button,
input[type="submit"],
input[type="button"],
.txt-btn {
    border-radius: 6px !important;
    border: 1px solid rgba(125, 211, 252, 0.45) !important;
    background: rgba(15, 23, 42, 0.9) !important;
    color: #e0f2fe !important;
    font-weight: 900;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.txt-btn:hover {
    background: #10b981 !important;
    color: #03110c !important;
}

.card,
.box-shadow,
.portfolio .item,
figure,
.featurette,
.panel,
.well,
form,
table,
.table,
.thumbnail,
.blog-post,
.post,
.row > [class*="col-"] > .bordered {
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(15, 23, 42, 0.78) !important;
    color: #e5edf7;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.card-body,
.caption,
figcaption,
.info,
.panel-body,
.well {
    color: #e5edf7;
}

img,
.card-img-top,
.featurette-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.card img,
.portfolio img,
figure img,
.featurette-image,
.svet-photo-card img {
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.34);
}

.svet-photo-card {
    margin-bottom: 24px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.82);
}

.svet-photo-card img {
    display: block;
    width: 100%;
    height: 245px;
    object-fit: cover;
}

input,
select,
textarea,
.form-control {
    border: 1px solid rgba(148, 163, 184, 0.32) !important;
    border-radius: 6px !important;
    background: #0b1020 !important;
    color: #f8fafc !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
    border-color: #34d399 !important;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.18) !important;
}

table,
.table {
    overflow: hidden;
}

table th,
.table th {
    background: rgba(14, 165, 233, 0.14);
    color: #f8fafc !important;
}

table td,
.table td {
    border-color: rgba(148, 163, 184, 0.18) !important;
}

#hero,
#owl-main .item,
.img-bg,
.img-bg-bottom,
.tint-bg {
    background-color: #0b1020;
}

#hero .item:before,
.img-bg:before,
.tint-bg:before {
    background: rgba(7, 10, 18, 0.38);
}

footer.dark-bg,
footer,
.footer-bottom {
    background: #050816 !important;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    color: #cbd5e1;
}

footer h1,
footer h4,
footer a {
    color: #f8fafc !important;
}

footer p,
footer li {
    color: #cbd5e1 !important;
}

.filter li a,
.badge,
strong.d-inline-block,
.text-primary,
.text-success {
    color: #a7f3d0 !important;
}

.filter li a.active,
.filter li a:hover {
    background: rgba(16, 185, 129, 0.16);
    color: #ffffff !important;
}

@media (max-width: 767px) {
    .navbar .info,
    .navbar .social {
        float: none !important;
        text-align: center;
    }

    .navbar-nav > li > a {
        margin: 2px 0;
    }

    .svet-photo-card img {
        height: 210px;
    }
}

/* Front page header modernization only. Other Fremont pages do not use .svet-front-page. */
.svet-front-page > header {
    position: relative;
    z-index: 10;
    background: #070a12;
}

.svet-front-page header .navbar,
.svet-front-page header .navbar-header,
.svet-front-page header .yamm {
    background: linear-gradient(180deg, rgba(7, 10, 18, 0.98), rgba(11, 16, 32, 0.94)) !important;
    border: 0;
    box-shadow: none;
}

.svet-front-page header .navbar-header {
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.svet-front-page header .navbar-header .container,
.svet-front-page header .yamm .container {
    max-width: 1180px;
    width: 100%;
}

.svet-front-page header .navbar-header .container {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.svet-front-page header .info,
.svet-front-page header .social {
    margin: 0;
}

.svet-front-page header .info li,
.svet-front-page header .social li {
    line-height: 24px;
}

.svet-front-page header .info a,
.svet-front-page header .social a {
    color: #94a3b8 !important;
    font-size: 13px;
    font-weight: 800;
    transition: color 0.18s ease, background 0.18s ease;
}

.svet-front-page header .social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.44);
}

.svet-front-page header .info a:hover,
.svet-front-page header .social a:hover,
.svet-front-page header .info a:focus,
.svet-front-page header .social a:focus {
    color: #a7f3d0 !important;
    background: rgba(16, 185, 129, 0.12);
}

.svet-front-page header .navbar-collapse {
    border: 0;
}

.svet-front-page header .yamm .container {
    display: flex;
    align-items: center;
    gap: 26px;
    min-height: 74px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.svet-front-page header .navbar-brand {
    height: auto;
    margin: 0;
    padding: 0;
    color: #ffffff !important;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0;
    white-space: nowrap;
}

.svet-front-page header .navbar-brand .logo,
.svet-front-page header .navbar-brand font {
    color: #ffffff !important;
    font-family: "Lato", "Source Sans Pro", Arial, sans-serif;
    font-size: 21px !important;
    font-weight: 900;
}

.svet-front-page header .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.svet-front-page header .navbar-nav > li > a {
    margin: 0;
    padding: 10px 13px !important;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #dbeafe !important;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: none;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.svet-front-page header .navbar-nav > li > a:hover,
.svet-front-page header .navbar-nav > li > a:focus,
.svet-front-page header .navbar-nav > .open > a,
.svet-front-page header .navbar-nav > .open > a:hover,
.svet-front-page header .navbar-nav > .open > a:focus {
    border-color: rgba(125, 211, 252, 0.32);
    background: rgba(15, 23, 42, 0.86) !important;
    color: #a7f3d0 !important;
}

.svet-front-page header .dropdown-menu {
    min-width: 220px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.98);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.46);
}

.svet-front-page header .dropdown-menu > li > a {
    padding: 10px 12px;
    border-radius: 6px;
    color: #e5edf7 !important;
    font-size: 13px;
    font-weight: 800;
}

.svet-front-page header .dropdown-menu > li > a:hover,
.svet-front-page header .dropdown-menu > li > a:focus {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #ffffff !important;
}

.svet-front-page header .responsive-menu {
    min-height: 38px;
    padding: 8px 12px !important;
    border-color: rgba(125, 211, 252, 0.32) !important;
    background: rgba(15, 23, 42, 0.82) !important;
}

@media (max-width: 991px) {
    .svet-front-page header .yamm .container {
        display: block;
    }

    .svet-front-page header .navbar-nav {
        display: block;
        margin-top: 14px;
    }
}

@media (max-width: 767px) {
    .svet-front-page header .navbar-header .container,
    .svet-front-page header .yamm .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .svet-front-page header .navbar-brand {
        font-size: 18px;
    }

    .svet-front-page header .navbar-nav > li > a {
        margin: 3px 0;
        padding: 12px 13px !important;
    }
}

/* About-dropdown page modernization. Scoped to pages opened from the About header menu. */
.svet-about-page {
    background: #070a12;
    color: #eef4ff;
    font-family: "Lato", "Source Sans Pro", Arial, sans-serif;
}

.svet-about-page main {
    min-height: 560px;
    background: #070a12;
    color: #eef4ff;
}

.svet-about-page section,
.svet-about-page .light-bg,
.svet-about-page .tint-bg,
.svet-about-page .dark-bg,
.svet-about-page .img-bg-bottom,
.svet-about-page .img-bg-softer {
    background-color: #070a12 !important;
    color: #eef4ff;
    border-color: rgba(148, 163, 184, 0.18);
}

.svet-about-page main > .container,
.svet-about-page main section > .container,
.svet-about-page .container.inner,
.svet-about-page .container.inner-top,
.svet-about-page .container.inner-bottom,
.svet-about-page .container.inner-top-sm,
.svet-about-page .container.inner-bottom-sm {
    max-width: 1180px;
}

.svet-about-page main > .container,
.svet-about-page main section > .container {
    padding-top: 64px;
    padding-bottom: 64px;
}

.svet-about-page h1,
.svet-about-page h2,
.svet-about-page h3,
.svet-about-page h4,
.svet-about-page h5,
.svet-about-page h6,
.svet-about-page .caption h1,
.svet-about-page .caption h2 {
    color: #f8fafc !important;
    font-family: "Lato", "Source Sans Pro", Arial, sans-serif;
    font-weight: 900;
    letter-spacing: 0;
}

.svet-about-page h1 {
    font-size: 44px;
    line-height: 1.08;
}

.svet-about-page h2 {
    font-size: 32px;
    line-height: 1.18;
}

.svet-about-page p,
.svet-about-page li,
.svet-about-page td,
.svet-about-page th,
.svet-about-page label,
.svet-about-page blockquote,
.svet-about-page .text-small,
.svet-about-page .text-muted {
    color: #cbd5e1 !important;
    font-size: 16px;
    line-height: 1.62;
}

.svet-about-page a {
    color: #7dd3fc;
}

.svet-about-page a:hover,
.svet-about-page a:focus {
    color: #a7f3d0;
    text-decoration: none;
}

.svet-about-page .row.inner-top-sm,
.svet-about-page .row.inner-bottom-sm,
.svet-about-page .row.inner-top,
.svet-about-page .row.inner-bottom,
.svet-about-page #portfolio-post .row,
.svet-about-page article,
.svet-about-page .post,
.svet-about-page .panel,
.svet-about-page .well,
.svet-about-page .box,
.svet-about-page .item > figure,
.svet-about-page form,
.svet-about-page table {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.78) !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.24);
}

.svet-about-page .row.inner-top-sm,
.svet-about-page .row.inner-bottom-sm,
.svet-about-page .row.inner-top,
.svet-about-page .row.inner-bottom,
.svet-about-page #portfolio-post .row,
.svet-about-page article,
.svet-about-page .post,
.svet-about-page .panel,
.svet-about-page .well,
.svet-about-page .box,
.svet-about-page form {
    padding: 28px;
    margin-bottom: 26px;
}

.svet-about-page .row.inner-top-sm > [class*="col-"],
.svet-about-page .row.inner-bottom-sm > [class*="col-"],
.svet-about-page .row.inner-top > [class*="col-"],
.svet-about-page .row.inner-bottom > [class*="col-"] {
    margin-bottom: 18px;
}

.svet-about-page img,
.svet-about-page figure {
    border-radius: 8px;
}

.svet-about-page img {
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 14px 44px rgba(0, 0, 0, 0.24);
}

.svet-about-page .btn,
.svet-about-page button,
.svet-about-page input[type="submit"],
.svet-about-page input[type="button"],
.svet-about-page .txt-btn {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 11px 18px !important;
    border: 1px solid rgba(125, 211, 252, 0.45) !important;
    border-radius: 6px !important;
    background: rgba(15, 23, 42, 0.9) !important;
    color: #e0f2fe !important;
    font-weight: 900;
}

.svet-about-page .btn:hover,
.svet-about-page button:hover,
.svet-about-page input[type="submit"]:hover,
.svet-about-page input[type="button"]:hover,
.svet-about-page .txt-btn:hover {
    border-color: rgba(16, 185, 129, 0.62) !important;
    background: rgba(16, 185, 129, 0.16) !important;
    color: #ffffff !important;
}

.svet-about-page input,
.svet-about-page textarea,
.svet-about-page select {
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    border-radius: 6px !important;
    background: rgba(2, 6, 23, 0.75) !important;
    color: #f8fafc !important;
}

.svet-about-page table,
.svet-about-page .table {
    color: #cbd5e1;
}

.svet-about-page table th,
.svet-about-page .table th {
    color: #f8fafc !important;
    background: rgba(2, 6, 23, 0.56) !important;
}

.svet-about-page table td,
.svet-about-page .table td {
    border-color: rgba(148, 163, 184, 0.16) !important;
}

.svet-about-page hr,
.svet-about-page .featurette-divider {
    border-color: rgba(148, 163, 184, 0.18);
}

.svet-about-page .icon,
.svet-about-page .icn,
.svet-about-page .contact {
    color: #34d399 !important;
}

.svet-about-page #hero,
.svet-about-page .caption,
.svet-about-page .owl-carousel,
.svet-about-page .owl-item,
.svet-about-page .owl-wrapper-outer {
    color: #eef4ff;
}

.svet-about-page .caption,
.svet-about-page .text-overlay .info {
    background: rgba(7, 10, 18, 0.72);
    border-radius: 8px;
    padding: 18px;
}

@media (max-width: 767px) {
    .svet-about-page h1 {
        font-size: 34px;
    }

    .svet-about-page main > .container,
    .svet-about-page main section > .container {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .svet-about-page .row.inner-top-sm,
    .svet-about-page .row.inner-bottom-sm,
    .svet-about-page .row.inner-top,
    .svet-about-page .row.inner-bottom,
    .svet-about-page #portfolio-post .row,
    .svet-about-page article,
    .svet-about-page .post,
    .svet-about-page .panel,
    .svet-about-page .well,
    .svet-about-page .box,
    .svet-about-page form {
        padding: 20px;
    }
}

/* About-dropdown pages reuse the front-page header treatment. */
.svet-about-page > header {
    position: relative;
    z-index: 10;
    background: #070a12;
}

.svet-about-page header .navbar,
.svet-about-page header .navbar-header,
.svet-about-page header .yamm {
    background: linear-gradient(180deg, rgba(7, 10, 18, 0.98), rgba(11, 16, 32, 0.94)) !important;
    border: 0;
    box-shadow: none;
}

.svet-about-page header .navbar-header {
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.svet-about-page header .navbar-header .container,
.svet-about-page header .yamm .container {
    max-width: 1180px;
    width: 100%;
}

.svet-about-page header .navbar-header .container {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.svet-about-page header .info,
.svet-about-page header .social {
    margin: 0;
}

.svet-about-page header .info li,
.svet-about-page header .social li {
    line-height: 24px;
}

.svet-about-page header .info a,
.svet-about-page header .social a {
    color: #94a3b8 !important;
    font-size: 13px;
    font-weight: 800;
    transition: color 0.18s ease, background 0.18s ease;
}

.svet-about-page header .social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.44);
}

.svet-about-page header .info a:hover,
.svet-about-page header .social a:hover,
.svet-about-page header .info a:focus,
.svet-about-page header .social a:focus {
    color: #a7f3d0 !important;
    background: rgba(16, 185, 129, 0.12);
}

.svet-about-page header .navbar-collapse {
    border: 0;
}

.svet-about-page header .yamm .container {
    display: flex;
    align-items: center;
    gap: 26px;
    min-height: 74px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.svet-about-page header .navbar-brand {
    height: auto;
    margin: 0;
    padding: 0;
    color: #ffffff !important;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0;
    white-space: nowrap;
}

.svet-about-page header .navbar-brand .logo,
.svet-about-page header .navbar-brand font {
    color: #ffffff !important;
    font-family: "Lato", "Source Sans Pro", Arial, sans-serif;
    font-size: 21px !important;
    font-weight: 900;
}

.svet-about-page header .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.svet-about-page header .navbar-nav > li > a {
    margin: 0;
    padding: 10px 13px !important;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #dbeafe !important;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: none;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.svet-about-page header .navbar-nav > li > a:hover,
.svet-about-page header .navbar-nav > li > a:focus,
.svet-about-page header .navbar-nav > .open > a,
.svet-about-page header .navbar-nav > .open > a:hover,
.svet-about-page header .navbar-nav > .open > a:focus {
    border-color: rgba(125, 211, 252, 0.32);
    background: rgba(15, 23, 42, 0.86) !important;
    color: #a7f3d0 !important;
}

.svet-about-page header .dropdown-menu {
    min-width: 220px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.98);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.46);
}

.svet-about-page header .dropdown-menu > li > a {
    padding: 10px 12px;
    border-radius: 6px;
    color: #e5edf7 !important;
    font-size: 13px;
    font-weight: 800;
}

.svet-about-page header .dropdown-menu > li > a:hover,
.svet-about-page header .dropdown-menu > li > a:focus {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #ffffff !important;
}

.svet-about-page header .responsive-menu {
    min-height: 38px;
    padding: 8px 12px !important;
    border-color: rgba(125, 211, 252, 0.32) !important;
    background: rgba(15, 23, 42, 0.82) !important;
}

@media (max-width: 991px) {
    .svet-about-page header .yamm .container {
        display: block;
    }

    .svet-about-page header .navbar-nav {
        display: block;
        margin-top: 14px;
    }
}

@media (max-width: 767px) {
    .svet-about-page header .navbar-header .container,
    .svet-about-page header .yamm .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .svet-about-page header .navbar-brand {
        font-size: 18px;
    }

    .svet-about-page header .navbar-nav > li > a {
        margin: 3px 0;
        padding: 12px 13px !important;
    }
}

/* Intro to Crypto page-specific modernization. */
.svet-about-page .svet-invest-crypto-page {
    background: #070a12;
    color: #eef4ff;
}

.svet-about-page .svet-invest-crypto-wrap {
    max-width: 1180px;
    padding-top: 72px;
    padding-bottom: 78px;
}

.svet-about-page .svet-invest-crypto-hero {
    margin-bottom: 28px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(7, 10, 18, 0.96));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

.svet-about-page .svet-invest-crypto-hero .col-md-12 {
    padding: 34px 36px;
}

.svet-about-page .svet-invest-eyebrow {
    display: inline-block;
    margin: 0 0 14px;
    color: #34d399 !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.4px;
    line-height: 1.2;
    text-transform: uppercase;
}

.svet-about-page .svet-invest-crypto-hero h1 {
    max-width: 900px;
    margin: 0 0 18px;
    color: #ffffff !important;
    font-size: 48px;
    line-height: 1.05;
}

.svet-about-page .svet-invest-lede {
    max-width: 760px;
    margin: 0;
    color: #cbd5e1 !important;
    font-size: 20px;
    line-height: 1.55;
}

.svet-about-page .svet-invest-crypto-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -14px;
    margin-right: -14px;
    border: 0;
    background: transparent !important;
    box-shadow: none;
    padding: 0;
}

.svet-about-page .svet-invest-column {
    padding-left: 14px;
    padding-right: 14px;
}

.svet-about-page .svet-invest-card {
    height: 100%;
    margin-bottom: 28px;
    padding: 28px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.82) !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
}


.svet-about-page .svet-invest-card h3 {
    margin-top: 26px;
    margin-bottom: 12px;
    padding-top: 18px;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    color: #f8fafc !important;
    font-size: 22px;
    line-height: 1.2;
}

.svet-about-page .svet-invest-card h3:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.svet-about-page .svet-invest-card p {
    margin-bottom: 15px;
    color: #cbd5e1 !important;
    font-size: 16px;
    line-height: 1.68;
}

.svet-about-page .svet-invest-card p:first-child i {
    display: block;
    padding: 14px 16px;
    border: 1px solid rgba(125, 211, 252, 0.28);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.46);
    color: #e0f2fe;
    font-style: normal;
}

.svet-about-page .svet-invest-card a {
    color: #7dd3fc;
    font-weight: 900;
}

.svet-about-page .svet-invest-card a:hover,
.svet-about-page .svet-invest-card a:focus {
    color: #a7f3d0;
}

@media (max-width: 991px) {
    .svet-about-page .svet-invest-crypto-grid {
        display: block;
    }

    .svet-about-page .svet-invest-card {
        height: auto;
    }
}

@media (max-width: 767px) {
    .svet-about-page .svet-invest-crypto-wrap {
        padding-top: 46px;
        padding-bottom: 48px;
    }

    .svet-about-page .svet-invest-crypto-hero .col-md-12,
    .svet-about-page .svet-invest-card {
        padding: 22px;
    }

    .svet-about-page .svet-invest-crypto-hero h1 {
        font-size: 34px;
    }
}