@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");

:root {
    --siel-navy: #0b1f33;
    --siel-blue: #0b70d1;
    --siel-cyan: #16a4d8;
    --siel-ink: #172638;
    --siel-muted: #66788a;
    --siel-surface: #f4f7fa;
    --siel-line: #dfe7ee;
    --siel-white: #fff;
    --siel-radius: 16px;
    --siel-shadow: 0 18px 50px rgba(11, 31, 51, .11);
}

html { scroll-behavior: auto; }
body {
    color: var(--siel-ink);
    background: var(--siel-white);
    font-family: "Inter", Arial, sans-serif;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
    color: var(--siel-navy);
    font-family: "Manrope", Arial, sans-serif;
    letter-spacing: -.025em;
}
a { transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }
a:focus, button:focus, input:focus, textarea:focus { outline: 3px solid rgba(22, 164, 216, .3); outline-offset: 2px; }
img { max-width: 100%; }
.boxed_wrapper { overflow: hidden; }
.preloader { display: none !important; }

.crypto-top-strip {
    background: var(--siel-navy) !important;
    border: 0;
    font-size: 12px;
    letter-spacing: .02em;
}
.crypto-userinfo { padding: 8px 0; }
.crypto-userinfo li, .crypto-userinfo li i { color: #d9e7f3 !important; }
.mainmenu-area {
    background: rgba(255, 255, 255, .98) !important;
    border: 0 !important;
    box-shadow: 0 8px 30px rgba(11, 31, 51, .07);
    min-height: 82px;
    position: sticky;
    top: 0;
    z-index: 1000;
}
.mainmenu-area .row { align-items: center; display: flex; }
.mainmenu-area .main-logo { margin: 0; padding: 14px 0; }
.mainmenu-area .main-logo img { display: block; height: 54px; object-fit: contain; width: auto; }
.mainmenu-area .main-menu { margin: 0 !important; }
.mainmenu-area .navbar-collapse { padding: 0; }
.mainmenu-area .navigation {
    align-items: stretch;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    white-space: nowrap;
}
.mainmenu-area .navigation > li { display: block; position: relative; }
.main-menu .navigation > li > a {
    color: var(--siel-navy) !important;
    display: block;
    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
    line-height: 22px;
    padding: 30px 9px !important;
}
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a { color: var(--siel-blue) !important; }
.main-menu .navigation > li.current > a:after {
    background: var(--siel-blue);
    border-radius: 4px;
    bottom: 17px;
    content: "";
    height: 3px;
    left: 12px;
    position: absolute;
    right: 12px;
}
.main-menu .navigation > li > ul {
    border: 0;
    border-radius: 0 0 12px 12px;
    box-shadow: var(--siel-shadow);
    left: 0;
    overflow: hidden;
    top: 100%;
}
.main-menu .navigation > li > ul > li > a { font-family: "Inter", Arial, sans-serif; }

.page-hero, .article-hero {
    background:
        radial-gradient(circle at 82% 25%, rgba(22, 164, 216, .25), transparent 28%),
        linear-gradient(135deg, #071827 0%, #0c3455 100%);
    color: var(--siel-white);
    padding: 92px 0 84px;
    position: relative;
}
.page-hero:after, .article-hero:after {
    background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 40px 40px;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}
.page-hero .container, .article-hero .container { position: relative; z-index: 1; }
.page-eyebrow {
    color: #61d3ff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    margin-bottom: 14px;
}
.page-hero h1, .article-hero h1 {
    color: var(--siel-white);
    font-size: clamp(36px, 5vw, 60px);
    line-height: 1.08;
    margin: 0 0 18px;
    max-width: 900px;
}
.page-hero p, .article-hero > .container > p {
    color: #c8d9e7;
    font-size: 18px;
    margin: 0;
    max-width: 700px;
}

.news-section { background: var(--siel-surface); padding: 80px 0 56px; }
.news-card {
    background: var(--siel-white);
    border: 1px solid rgba(11, 31, 51, .07);
    border-radius: var(--siel-radius);
    box-shadow: 0 8px 30px rgba(11, 31, 51, .06);
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    min-height: 500px;
    overflow: hidden;
}
.news-card:hover { box-shadow: var(--siel-shadow); transform: translateY(-5px); }
.news-card__image { display: block; height: 230px; overflow: hidden; }
.news-card__image img { height: 100%; object-fit: cover; transition: transform .45s ease; width: 100%; }
.news-card:hover .news-card__image img { transform: scale(1.045); }
.news-card__body { display: flex; flex: 1; flex-direction: column; padding: 27px; }
.news-card__meta { align-items: center; display: flex; font-size: 12px; justify-content: space-between; margin-bottom: 13px; }
.news-card__meta span {
    background: #e7f5fc;
    border-radius: 20px;
    color: var(--siel-blue);
    font-weight: 700;
    padding: 4px 10px;
}
.news-card__meta time { color: var(--siel-muted); }
.news-card h2 { font-size: 21px; line-height: 1.35; margin: 0 0 12px; }
.news-card h2 a { color: var(--siel-navy); }
.news-card h2 a:hover { color: var(--siel-blue); }
.news-card p { color: var(--siel-muted); margin: 0 0 18px; }
.text-link { color: var(--siel-blue); font-weight: 700; margin-top: auto; }
.text-link i { font-size: 11px; margin-left: 6px; }
.empty-state { padding: 80px 20px; text-align: center; }
.empty-state > i { color: var(--siel-cyan); font-size: 52px; margin-bottom: 18px; }

.article-hero { padding-bottom: 70px; }
.article-breadcrumb { color: #93b3ca; font-size: 13px; margin-bottom: 45px; }
.article-breadcrumb a { color: #cde0ee; }
.article-breadcrumb span { margin: 0 10px; }
.article-meta { align-items: center; display: flex; gap: 16px; margin-bottom: 16px; }
.article-meta span { background: var(--siel-cyan); border-radius: 20px; color: #052034; font-size: 12px; font-weight: 700; padding: 5px 12px; }
.article-meta time { color: #c8d9e7; font-size: 13px; }
.article-content { background: var(--siel-surface); padding: 0 0 90px; }
.article-container { max-width: 920px; }
.article-cover {
    border-radius: var(--siel-radius);
    box-shadow: var(--siel-shadow);
    display: block;
    margin: 0 auto 45px;
    max-height: 510px;
    object-fit: cover;
    position: relative;
    top: -25px;
    width: 100%;
}
.article-body {
    background: var(--siel-white);
    border-radius: var(--siel-radius);
    box-shadow: 0 8px 32px rgba(11, 31, 51, .06);
    font-size: 17px;
    line-height: 1.85;
    padding: 48px 56px;
}
.article-body img { border-radius: 10px; height: auto !important; margin: 24px 0; }
.article-body h2, .article-body h3 { margin: 34px 0 12px; }
.article-share { align-items: center; display: flex; gap: 10px; margin: 30px 0; }
.article-share strong { margin-right: 8px; }
.article-share a {
    align-items: center;
    background: var(--siel-navy);
    border-radius: 50%;
    color: var(--siel-white);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}
.article-share a:hover { background: var(--siel-blue); transform: translateY(-2px); }
.back-link { color: var(--siel-blue); font-weight: 700; }
.article-not-found { min-height: 55vh; padding-top: 120px; }
.theme-btn {
    background: var(--siel-blue);
    border-radius: 8px;
    color: var(--siel-white) !important;
    display: inline-block;
    font-weight: 700;
    padding: 12px 24px;
}

.bredcrumb { background: linear-gradient(135deg, #071827, #0c3455) !important; padding: 45px 0 !important; }
.bredcrumb .middle { margin: 0 auto; max-width: 1170px; padding: 0 15px; }
.about, .service, .our-gallery, .contact_us { padding-top: 70px !important; padding-bottom: 70px !important; }
.sec-title h2 { font-size: 34px; line-height: 1.25; }
.single-item, .service .single-item, .our-gallery .single-item {
    border: 0 !important;
    border-radius: 14px;
    box-shadow: 0 10px 35px rgba(11, 31, 51, .08);
    overflow: hidden;
}
.btn-style-one, button, input[type="submit"] { border-radius: 7px; }

.footer-classic {
    background: #071827 !important;
    color: #b9cddd;
    padding-top: 68px;
}
.footer-classic h3 { color: var(--siel-white); font-size: 16px; letter-spacing: .04em; }
.footer-classic a { color: #b9cddd; }
.footer-classic a:hover { color: #61d3ff; }
.footer-logo { filter: brightness(0) invert(1); margin-bottom: 18px; max-height: 52px; object-fit: contain; }
.footer-text p { color: #b9cddd; font-size: 13px; line-height: 1.7; }
.copyright { margin-top: 40px; }
.copyright hr { border-color: rgba(255,255,255,.1); }

@media (max-width: 1199px) and (min-width: 992px) {
    .main-menu .navigation > li > a {
        font-size: 11px;
        letter-spacing: 0;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}
@media (max-width: 991px) {
    .crypto-top-strip { display: none; }
    .mainmenu-area { min-height: 74px; }
    .mainmenu-area .container { position: relative; }
    .mainmenu-area .row { display: block; min-height: 74px; position: relative; }
    .mainmenu-area .logo-column {
        left: 15px;
        padding: 0;
        position: absolute;
        top: 0;
        width: auto;
        z-index: 5;
    }
    .mainmenu-area .main-logo {
        left: auto;
        margin: 0 !important;
        padding: 11px 0;
        position: static;
        text-align: left;
        top: auto;
    }
    .mainmenu-area .main-logo img { height: 52px; max-width: 210px; }
    .mainmenu-area .menu-column { border: 0; float: none; padding: 0 15px; width: 100%; }
    .mainmenu-area .main-menu { margin: 0 !important; position: static; }
    .main-menu .navbar-header { background: transparent; height: 74px; padding: 18px 0; }
    .main-menu .navbar-toggle {
        background: var(--siel-blue) !important;
        border: 0;
        border-radius: 7px;
        margin: 0 !important;
        padding: 10px;
    }
    .main-menu .navbar-toggle .icon-bar { background: #fff; height: 2px; }
    .main-menu .navbar-collapse {
        background: var(--siel-white);
        border: 0;
        border-radius: 0 0 12px 12px;
        box-shadow: var(--siel-shadow);
        left: 15px;
        max-height: calc(100vh - 90px) !important;
        padding: 0;
        position: absolute;
        right: 15px;
        top: 74px;
        z-index: 9999;
    }
    .mainmenu-area .mobile-menu { margin: 0; }
    .mobile-menu > li > a,
    .mobile-menu > li > ul > li > a {
        border-color: var(--siel-line);
        color: var(--siel-navy);
        padding: 12px 18px;
    }
    .page-hero, .article-hero { padding: 64px 0 60px; }
}
@media (max-width: 767px) {
    .page-hero h1, .article-hero h1 { font-size: 35px; }
    .page-hero p, .article-hero > .container > p { font-size: 16px; }
    .news-section { padding-top: 45px; }
    .news-card { min-height: 0; }
    .article-body { font-size: 16px; padding: 28px 22px; }
    .article-cover { margin-bottom: 10px; top: -18px; }
    .footer-classic .col-md-3 { margin-bottom: 28px; }
}