/* =========================
   ALGONETIC CAPITAL GmbH
   Global Base Styles
   ========================= */

/* ===== Fonts ===== */
@font-face {
    font-family: 'Graphik';
    src: url('/assets/fonts/heading/Graphik-Light.woff2') format('woff2'),
         url('/assets/fonts/heading/Graphik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/assets/fonts/heading/Graphik-Regular.woff2') format('woff2'),
         url('/assets/fonts/heading/Graphik-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/assets/fonts/heading/Graphik-Medium.woff2') format('woff2'),
         url('/assets/fonts/heading/Graphik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('/assets/fonts/heading/Graphik-Semibold.woff2') format('woff2'),
         url('/assets/fonts/heading/Graphik-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Freight Text Pro';
    src: url('/assets/fonts/body/FreightTextProBook-Regular.woff2') format('woff2'),
         url('/assets/fonts/body/FreightTextProBook-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Freight Text Pro';
    src: url('/assets/fonts/body/FreightTextProMedium-Regular.woff2') format('woff2'),
         url('/assets/fonts/body/FreightTextProMedium-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Freight Text Pro';
    src: url('/assets/fonts/body/FreightTextProSemibold-Regular.woff2') format('woff2'),
         url('/assets/fonts/body/FreightTextProSemibold-Regular.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Freight Text Pro';
    src: url('/assets/fonts/body/FreightTextProLight-Regular.woff2') format('woff2'),
         url('/assets/fonts/body/FreightTextProLight-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Freight Text Pro';
    src: url('/assets/fonts/body/FreightTextProLight-Italic.woff2') format('woff2'),
         url('/assets/fonts/body/FreightTextProLight-Italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


/* ===== Root ===== */
:root {
    --bg: #f7f8fb;
    --surface: rgba(255, 255, 255, 0.78);
    --surface-strong: #ffffff;
    --text: #162033;
    --text-soft: #5f6b80;
    --line: rgba(15, 23, 42, 0.10);
    --line-strong: rgba(15, 23, 42, 0.18);

    --navy-1: #0b1638;
    --navy-2: #133d7a;
    --brand: #2f73ff;
    --brand-soft: rgba(47, 115, 255, 0.10);

    --success: #1f7a4d;
    --danger: #b64242;
    --warning: #b5811d;

    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 26px;

    --shadow-sm: 0 10px 30px rgba(17, 24, 39, 0.06);
    --shadow-md: 0 18px 40px rgba(17, 24, 39, 0.08);

    --container: 1320px;
    --header-h: 82px;
}

/* ===== Reset ===== */
* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background:
        radial-gradient(circle at top left, rgba(47, 115, 255, 0.08), transparent 28%),
        linear-gradient(180deg, #fbfcff 0%, #f6f8fc 100%);
    color: var(--text);
    font-family: 'Graphik', Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

/* ===== Layout ===== */
.container {
    width: min(100% - 32px, var(--container));
    margin: 0 auto;
}

.section {
    padding: 84px 0;
}

.section-sm {
    padding: 56px 0;
}

.section-title {
    margin: 0 0 14px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 500;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.05;
    letter-spacing: -0.02em;
    color: var(--navy-1);
}

.section-lead {
    max-width: 760px;
    margin: 0;
    color: var(--text-soft);
    font-size: 17px;
}

/* ===== Header ===== */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(18, 30, 58, 0.08);
}

.site-header-inner {
    min-height: var(--header-h);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.site-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.site-brand-mark {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--navy-1), var(--brand));
    box-shadow: 0 12px 24px rgba(18, 34, 68, 0.20);
}

.site-brand-text strong {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.1;
    color: var(--navy-1);
}

.site-brand-text span {
    display: block;
    margin-top: 4px;
    color: var(--text-soft);
    font-size: 12px;
    line-height: 1.2;
}

.site-nav {
    display: flex;
    align-items: center;
    gap: 28px;
}

.site-nav a {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #24314d;
    transition: color 0.2s ease;
}

.site-nav a:hover,
.site-nav a.active {
    color: var(--brand);
}

.site-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 1px;
    background: var(--brand);
    transition: width 0.25s ease;
}

.site-nav a:hover::after,
.site-nav a.active::after {
    width: 100%;
}

.site-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    color: var(--text-soft);
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid transparent;
    transition: all 0.22s ease;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.btn-outline {
    background: rgba(255, 255, 255, 0.72);
    color: var(--navy-1);
    border-color: rgba(18, 30, 58, 0.12);
}

.btn-outline:hover {
    background: #fff;
    border-color: rgba(18, 30, 58, 0.22);
}

.btn-primary {
    background: linear-gradient(135deg, var(--navy-1), var(--brand));
    color: #fff;
    box-shadow: 0 14px 24px rgba(47, 115, 255, 0.18);
}

.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 28px rgba(47, 115, 255, 0.22);
}

/* ===== Hero ===== */
.hero {
    padding: 92px 0 82px;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 34px;
    align-items: center;
}

.hero-copy h1 {
    margin: 0 0 18px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 500;
    font-size: clamp(42px, 5vw, 76px);
    line-height: 0.98;
    letter-spacing: -0.03em;
    color: var(--navy-1);
}

.hero-copy p {
    max-width: 720px;
    margin: 0 0 28px;
    color: var(--text-soft);
    font-size: 18px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.hero-card {
    padding: 28px;
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(18, 30, 58, 0.08);
    box-shadow: var(--shadow-md);
}

.hero-stat {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(18, 30, 58, 0.08);
}

.hero-stat:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.hero-stat:first-child {
    padding-top: 0;
}

.hero-stat strong {
    display: block;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
    color: var(--navy-1);
}

.hero-stat span {
    color: var(--text-soft);
    font-size: 14px;
}

/* ===== Cards ===== */
.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.card {
    padding: 28px;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(18, 30, 58, 0.08);
    box-shadow: var(--shadow-sm);
}

.card h3 {
    margin: 0 0 12px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1;
    color: var(--navy-1);
}

.card p {
    margin: 0;
    color: var(--text-soft);
}

/* ===== Footer ===== */
.site-footer {
    padding: 56px 0 28px;
    border-top: 1px solid rgba(18, 30, 58, 0.08);
    background: rgba(255, 255, 255, 0.58);
    margin-top: 60px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 28px;
}

.footer-brand strong {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--navy-1);
}

.footer-brand p,
.footer-col a,
.footer-col p {
    color: var(--text-soft);
    font-size: 14px;
    line-height: 1.75;
}

.footer-col h4 {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--navy-1);
}

.footer-col a {
    display: block;
    margin-bottom: 8px;
}

.footer-col a:hover {
    color: var(--brand);
}

.footer-bottom {
    margin-top: 34px;
    padding-top: 18px;
    border-top: 1px solid rgba(18, 30, 58, 0.08);
    display: flex;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    color: var(--text-soft);
    font-size: 13px;
}

/* ===== Responsive ===== */
.nav-toggle {
    display: none;
}

@media (max-width: 1100px) {
    .hero-grid,
    .footer-grid,
    .grid-3 {
        grid-template-columns: 1fr;
    }

    .site-nav {
        gap: 18px;
    }
}

@media (max-width: 860px) {
    :root {
        --header-h: 74px;
    }

    .site-header-inner {
        flex-wrap: wrap;
        padding: 14px 0;
    }

    .site-nav {
        order: 3;
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 6px;
    }

    .site-actions {
        margin-left: auto;
    }

    .hero {
        padding: 68px 0 56px;
    }

    .section {
        padding: 62px 0;
    }

    .section-title {
        font-size: clamp(30px, 8vw, 44px);
    }

    .hero-copy h1 {
        font-size: clamp(34px, 10vw, 54px);
    }

    .hero-copy p {
        font-size: 16px;
    }
}

@media (max-width: 560px) {
    .container {
        width: min(100% - 22px, var(--container));
    }

    .site-brand-text span {
        display: none;
    }

    .site-actions {
        width: 100%;
        justify-content: space-between;
    }

    .hero-actions {
        flex-direction: column;
    }

    .btn {
        width: 100%;
    }
}
/* =========================
   PUBLIC FORM
   ========================= */

.public-form-wrap{
    max-width: 980px;
    margin: 0 auto;
}

.public-form-card{
    padding: 30px;
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,0.78);
    border: 1px solid rgba(18, 30, 58, 0.08);
    box-shadow: var(--shadow-md);
}

.public-form-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.public-form-group label{
    display: block;
    margin-bottom: 8px;
    color: var(--text);
    font-size: 14px;
    font-weight: 500;
}

.public-form-group input,
.public-form-group select,
.public-form-group textarea{
    width: 100%;
    min-height: 54px;
    padding: 0 16px;
    border-radius: 16px;
    border: 1px solid rgba(18, 30, 58, 0.10);
    background: rgba(255,255,255,0.82);
    color: var(--text);
    outline: none;
}

.public-form-group textarea{
    min-height: 130px;
    padding: 14px 16px;
    resize: vertical;
}

.public-form-group input:focus,
.public-form-group select:focus,
.public-form-group textarea:focus{
    border-color: rgba(47,115,255,0.34);
    box-shadow: 0 0 0 4px rgba(47,115,255,0.08);
}

.public-form-actions{
    margin-top: 22px;
    display: flex;
    justify-content: flex-start;
}

.public-flash{
    margin-bottom: 18px;
    padding: 14px 16px;
    border-radius: 16px;
    font-size: 14px;
    border: 1px solid transparent;
}

.public-flash-success{
    background: rgba(31,122,77,0.08);
    border-color: rgba(31,122,77,0.16);
    color: var(--success);
}

.public-flash-error{
    background: rgba(182,66,66,0.08);
    border-color: rgba(182,66,66,0.16);
    color: var(--danger);
}

@media (max-width: 768px){
    .public-form-grid{
        grid-template-columns: 1fr;
    }

    .public-form-card{
        padding: 22px;
    }
}
/* =========================
   HEADER V2 / KRUG 2 START
   ========================= */

:root{
    --brand-primary: #022d94;
    --brand-primary-2: #0b47d1;
    --brand-primary-soft: #e9f0ff;
    --brand-accent: #6ea8ff;
    --brand-active: #ff9f2f;
    --text-dark: #2c3444;
    --header-shadow: 0 16px 38px rgba(2, 45, 148, 0.14);
}

body{
    color: var(--text-dark);
}

.site-header-v2{
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: var(--header-shadow);
    transition: 0.28s ease;
}

.site-header-top{
    border-bottom: 1px solid rgba(2,45,148,0.10);
    transition: 0.28s ease;
}

.site-header-bottom{
    background: rgba(255,255,255,0.98);
    transition: 0.28s ease;
}

.site-header-top-inner{
    min-height: 92px;
    display: grid;
    grid-template-columns: 220px minmax(220px, 1.15fr) minmax(220px, 1fr) auto;
    gap: 18px;
    align-items: center;
}

.site-header-bottom-inner{
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.site-header-v2.is-compact .site-header-top{
    max-height: 0;
    overflow: hidden;
    border-bottom: 0;
    opacity: 0;
}

.site-brand-v2{
    display: flex;
    align-items: center;
    min-width: 0;
}

.site-logo{
    max-height: 50px;
    width: auto;
    display: block;
}

.site-bank-search form{
    position: relative;
    display: flex;
    align-items: center;
}

.site-bank-search input{
    width: 100%;
    height: 40px;
    padding: 0 18px 0 48px;
    border: 1px solid rgba(2,45,148,0.14);
    border-radius: 999px;
    background: #fff;
    color: var(--text-dark);
    font-family: var(--font-ui);
    font-size: 14px;
    outline: none;
    box-shadow: 0 4px 14px rgba(2,45,148,0.05);
}

.site-bank-search input:focus{
    border-color: rgba(2,45,148,0.28);
    box-shadow: 0 0 0 4px rgba(2,45,148,0.07);
}

.site-search-icon{
    position: absolute;
    left: 16px;
    width: 18px;
    height: 18px;
    color: var(--brand-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.site-search-icon svg{
    width: 18px;
    height: 18px;
}

.site-info-slider{
    position: relative;
    height: 50px;
    overflow: hidden;
    border-left: 1px solid rgba(2,45,148,0.12);
    border-right: 1px solid rgba(2,45,148,0.12);
    padding: 0 18px;
    display: flex;
    align-items: center;
}

.site-info-slider-track{
    position: relative;
    width: 100%;
    height: 100%;
}

.site-info-slide{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transform: translateY(110%);
    transition: 0.45s ease;
    color: var(--brand-primary);
    font-size: 14px;
    font-weight: 500;
}

.site-info-slide.active{
    opacity: 1;
    transform: translateY(0);
}

.site-info-dot{
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-active));
    flex: 0 0 9px;
}

.site-top-tools{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.lang-dropdown{
    position: relative;
}

.lang-dropdown-toggle{
    min-height: 46px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(2,45,148,0.12);
    background: #fff;
    color: var(--brand-primary);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-family: var(--font-ui);
    font-size: 14px;
    font-weight: 500;
}

.lang-globe{
    width: 18px;
    height: 18px;
    display: inline-flex;
}

.lang-globe svg{
    width: 18px;
    height: 18px;
}

.lang-dropdown-menu{
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 170px;
    padding: 10px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(2,45,148,0.10);
    box-shadow: 0 18px 30px rgba(2,45,148,0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: 0.22s ease;
}

.lang-dropdown.open .lang-dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-dropdown-menu a{
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 12px;
    color: var(--text-dark);
    font-size: 14px;
}

.lang-dropdown-menu a:hover,
.lang-dropdown-menu a.active{
    background: var(--brand-primary-soft);
    color: var(--brand-primary);
}

.flag-emoji{
    font-size: 18px;
    line-height: 1;
}

.btn-header-login{
    border-color: rgba(2,45,148,0.16);
    color: var(--brand-primary);
    background: #fff;
}

.btn-header-register{
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-2));
    box-shadow: 0 14px 24px rgba(2,45,148,0.18);
}

.site-nav-v2{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.site-nav-v2 a{
    position: relative;
    min-height: 62px;
    display: inline-flex;
    align-items: center;
    padding: 0 22px;
    color: var(--text-dark);
    font-size: 15px;
    font-weight: 400;
    transition: 0.22s ease;
}

.site-nav-v2 a + a{
    border-left: 1px solid rgba(2,45,148,0.10);
}

.site-nav-v2 a:hover{
    color: var(--brand-primary);
    transform: scale(1.06);
}

.site-nav-v2 a.active{
    color: var(--brand-active);
    font-weight: 500;
}

.site-nav-v2 a.active::after,
.site-nav-v2 a:hover::after{
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 12px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}

h1,h2,h3,h4,h5,h6{
    color: #1d2740;
}

p{
    color: #5f687c;
}

.btn-primary{
    background: linear-gradient(135deg, #0f4be0 0%, #5d8fff 100%);
}

.btn-outline{
    border-color: rgba(2,45,148,0.14);
    color: var(--brand-primary);
}

@media (max-width: 1220px){
    .site-header-top-inner{
        grid-template-columns: 190px 1fr;
        gap: 16px;
    }

    .site-info-slider{
        grid-column: 1 / -1;
        order: 4;
    }

    .site-top-tools{
        justify-content: flex-start;
    }
}

@media (max-width: 920px){
    .site-header-top-inner{
        grid-template-columns: 1fr;
    }

    .site-brand-v2,
    .site-top-tools{
        justify-content: center;
    }

    .site-bank-search,
    .site-info-slider{
        width: 100%;
    }

    .site-header-bottom-inner{
        overflow-x: auto;
    }

    .site-nav-v2{
        min-width: max-content;
        width: max-content;
    }

    .site-nav-v2 a{
        padding: 0 16px;
        min-height: 56px;
    }
}

@media (max-width: 640px){
    .site-top-tools{
        flex-wrap: wrap;
        justify-content: center;
    }

    .btn-header-login,
    .btn-header-register{
        min-width: 120px;
    }

    .site-logo{
        max-height: 42px;
    }

    .site-info-slide{
        font-size: 13px;
    }
}
/* =========================
   HEADER V2 PATCH
   ========================= */

:root{
    --brand-primary: #022d94;
    --brand-primary-2: #0a43c5;
    --brand-primary-soft: rgba(153,219,248,0.14);
    --brand-active: #99dbf8;
    --header-text: rgba(255,255,255,0.92);
    --header-text-soft: rgba(255,255,255,0.72);
    --header-line: rgba(255,255,255,0.16);
    --header-shadow: 0 16px 38px rgba(2, 24, 82, 0.32);
}

.btn{
    border-radius: 10px;
}

.site-header-v2{
    background: rgba(2,45,148,0.96);
    box-shadow: var(--header-shadow);
}

.site-header-top{
    background: rgba(2,45,148,0.98);
    border-bottom: 1px solid var(--header-line);
}

.site-header-bottom{
    background: #012272;
}

.site-header-v2.is-compact .site-header-bottom{
    box-shadow: 0 16px 30px rgba(2,24,82,0.28);
}

.site-bank-search input{
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.16);
    color: #fff;
    box-shadow: none;
}

.site-bank-search input::placeholder{
    color: rgba(255,255,255,0.66);
}

.site-bank-search input:focus{
    border-color: rgba(153,219,248,0.44);
    box-shadow: 0 0 0 4px rgba(153,219,248,0.12);
}

.site-search-icon{
    color: #fff;
}

.site-info-slider{
    border-left: 1px solid var(--header-line);
    border-right: 1px solid var(--header-line);
}

.site-info-slide{
    color: var(--header-text);
}

.site-info-dot{
    background: linear-gradient(135deg, #99dbf8, #ffffff);
}

.lang-dropdown-toggle{
    min-height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.lang-dropdown-toggle:hover{
    background: rgba(255,255,255,0.12);
}

.lang-dropdown-menu{
    border-radius: 14px;
    border: 1px solid rgba(2,45,148,0.12);
}

.site-nav-v2 a{
    min-height: 58px;
    color: var(--header-text);
}

.site-nav-v2 a + a{
    border-left: 1px solid var(--header-line);
}

.site-nav-v2 a:hover{
    color: #fff;
    transform: scale(1.06);
}

.site-nav-v2 a.active{
    color: var(--brand-active);
}

.site-nav-v2 a.active::after,
.site-nav-v2 a:hover::after{
    background: currentColor;
}

.btn-header-login,
.btn-header-register{
    min-height: 42px;
    border-radius: 10px;
    padding: 0 16px;
}

.btn-header-login{
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.18);
}

.btn-header-login:hover{
    background: rgba(255,255,255,0.10);
    border-color: rgba(255,255,255,0.26);
    transform: translateY(-1px);
}

.btn-header-register{
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(153,219,248,0.30));
    border: 1px solid rgba(153,219,248,0.24);
    color: #fff;
    box-shadow: none;
}

.btn-header-register:hover{
    background: linear-gradient(135deg, rgba(255,255,255,0.24), rgba(153,219,248,0.40));
    transform: translateY(-1px);
}

.btn-icon{
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 15px;
}

.btn-icon svg{
    width: 15px;
    height: 15px;
    display: block;
}

.site-top-tools{
    gap: 10px;
}

.site-logo{
    max-height: 54px;
}

@media (max-width: 920px){
    .site-nav-v2 a{
        min-height: 54px;
    }
}
/* =========================
   HEADER V2 PATCH 2
   ========================= */

.site-header-bottom-inner{
    justify-content: flex-end;
}

.site-nav-v2{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
}

.site-nav-v2 a{
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.01em;
    min-height: 58px;
    color: rgba(255,255,255,0.88);
}

.site-nav-v2 a:hover{
    color: #ffffff;
    transform: scale(1.05);
}

.site-nav-v2 a.active{
    color: #99dbf8;
    font-weight: 400;
    transform: scale(1.07);
}

.site-nav-v2 a.active::after,
.site-nav-v2 a:hover::after{
    display: none;
}

.site-info-slide{
    color: #ffb057;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.01em;
}

.site-info-triangle{
    width: 0;
    height: 0;
    border-left: 7px solid #ffb057;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    flex: 0 0 auto;
}

.site-info-dot{
    display: none;
}

@media (max-width: 920px){
    .site-header-bottom-inner{
        justify-content: flex-start;
    }

    .site-nav-v2{
        justify-content: flex-start;
    }

    .site-nav-v2 a{
        font-size: 13px;
    }
}
.site-brand-v2{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.site-logo-mark{
    width: 42px;
    height: 42px;
    object-fit: contain;
    flex: 0 0 42px;
    display: block;
}

.site-logo{
    max-height: 54px;
    width: auto;
    display: block;
}

@media (max-width: 560px){
    .site-logo-mark{
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .site-logo{
        max-height: 40px;
    }
}
.site-logo-mark{
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex: 0 0 48px;
    display: block;
}
.site-bank-search-bottom{
    width: 280px;
    flex: 0 0 280px;
}
.site-nav-v2 a:last-child{
    border-right: 1px solid var(--header-line);
}
.site-bank-search-bottom input{
    border-radius: 8px;
    height: 40px;
}
.site-header-bottom-inner{
    flex-direction: column;
    align-items: stretch;
}
.site-nav-v2 a{
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.nav-icon{
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 15px;
    color: currentColor;
    transition: inherit;
}

.nav-icon svg{
    width: 15px;
    height: 15px;
    display: block;
    stroke: currentColor;
}

.nav-label{
    display: inline-block;
    transition: inherit;
}
.site-bottom-auth{
    display: none;
    align-items: center;
    gap: 10px;
}

.site-header-v2.is-compact .site-bottom-auth{
    display: flex;
}
.site-bottom-auth{
    display: none;
    align-items: center;
    gap: 18px;
    margin-left: auto;
}

.site-bottom-auth a{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    font-weight: 300;
    transition: 0.2s;
}

.site-bottom-auth a:hover{
    color: #ffffff;
    transform: scale(1.05);
}

.site-header-v2.is-compact .site-bottom-auth{
    display: flex;
}
/* =========================
   GLOBAL REVEAL SYSTEM
   ========================= */

.reveal,
.reveal-up,
.reveal-left,
.reveal-right,
.reveal-scale,
.reveal-line{
    opacity: 0;
    transition:
        opacity 0.9s ease,
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.9s ease,
        clip-path 1s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform, filter, clip-path;
}

.reveal,
.reveal-up{
    transform: translateY(34px);
    filter: blur(6px);
}

.reveal-left{
    transform: translateX(-34px);
    filter: blur(6px);
}

.reveal-right{
    transform: translateX(34px);
    filter: blur(6px);
}

.reveal-scale{
    transform: translateY(18px) scale(0.96);
    filter: blur(6px);
}

.reveal-line{
    clip-path: inset(0 100% 0 0);
    opacity: 1;
    transform: none;
    filter: none;
}

.reveal.is-visible,
.reveal-up.is-visible,
.reveal-left.is-visible,
.reveal-right.is-visible,
.reveal-scale.is-visible{
    opacity: 1;
    transform: none;
    filter: blur(0);
}

.reveal-line.is-visible{
    clip-path: inset(0 0 0 0);
}

.delay-1{ transition-delay: 0.08s; }
.delay-2{ transition-delay: 0.16s; }
.delay-3{ transition-delay: 0.24s; }
.delay-4{ transition-delay: 0.32s; }
.delay-5{ transition-delay: 0.40s; }

@media (prefers-reduced-motion: reduce){
    .reveal,
    .reveal-up,
    .reveal-left,
    .reveal-right,
    .reveal-scale,
    .reveal-line{
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        clip-path: none !important;
        transition: none !important;
    }
}
.site-header-v2{
    transform: translateY(0);
    transition:
        background 0.28s ease,
        box-shadow 0.28s ease,
        transform 0.28s ease;
}

.site-header-top{
    transform: translateY(0);
    transform-origin: top center;
    transition:
        max-height 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s ease,
        transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        padding 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.2s ease;
}

.site-header-v2.is-compact .site-header-top{
    transform: translateY(-18px) scaleY(0.94);
}
/* =========================
   HOME HERO
   ========================= */

.home-hero{
    position: relative;
    min-height: 550px;
    overflow: hidden;
}

.home-hero-bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-hero-overlay{
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(6,20,56,0.84) 0%, rgba(6,20,56,0.62) 38%, rgba(6,20,56,0.28) 100%);
}

.home-hero .container{
    position: relative;
    z-index: 2;
}

.home-hero-inner{
    min-height: 550px;
    display: flex;
    align-items: center;
    padding: 54px 0;
}

.home-hero-copy{
    max-width: 760px;
}

.home-hero-kicker{
    display: inline-block;
    margin-bottom: 16px;
    color: #99dbf8;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.home-hero-copy h1{
    margin: 0 0 14px;
    color: #ffffff;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-size: clamp(44px, 6vw, 76px);
    font-weight: 500;
    line-height: 0.98;
    letter-spacing: -0.03em;
}

.home-hero-copy h2{
    margin: 0 0 18px;
    color: rgba(255,255,255,0.88);
    font-family: 'Freight Text Pro', Georgia, serif;
    font-size: clamp(22px, 2.2vw, 32px);
    font-weight: 400;
    line-height: 1.15;
}

.home-hero-copy p{
    margin: 0 0 28px;
    max-width: 720px;
    color: rgba(255,255,255,0.80);
    font-size: 17px;
    line-height: 1.9;
}

.home-hero-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.home-btn-light{
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.24);
}

.home-btn-light:hover{
    background: rgba(255,255,255,0.10);
    border-color: rgba(255,255,255,0.34);
    color: #fff;
}

@media (max-width: 760px){
    .home-hero{
        min-height: 520px;
    }

    .home-hero-inner{
        min-height: 520px;
        padding: 38px 0;
    }

    .home-hero-overlay{
        background: linear-gradient(180deg, rgba(6,20,56,0.82) 0%, rgba(6,20,56,0.56) 100%);
    }
}
/* =========================
   HOME SELECTION
   ========================= */

.home-selection{
    background: #ffffff;
}

.home-selection-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border-top: 1px solid rgba(2,45,148,0.10);
    border-bottom: 1px solid rgba(2,45,148,0.10);
}

.home-selection-item{
    padding: 34px 28px;
    min-height: 250px;
    position: relative;
}

.home-selection-item + .home-selection-item{
    border-left: 1px solid rgba(2,45,148,0.10);
}

.home-selection-icon{
    width: 28px;
    height: 28px;
    margin-bottom: 18px;
    color: #022d94;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home-selection-icon svg{
    width: 28px;
    height: 28px;
    display: block;
}

.home-selection-item h3{
    margin: 0 0 12px;
    color: #1d2740;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1;
}

.home-selection-item p{
    margin: 0;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.85;
}

@media (max-width: 1100px){
    .home-selection-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .home-selection-item:nth-child(3),
    .home-selection-item:nth-child(4){
        border-top: 1px solid rgba(2,45,148,0.10);
    }

    .home-selection-item:nth-child(3){
        border-left: 0;
    }
}

@media (max-width: 760px){
    .home-selection-grid{
        grid-template-columns: 1fr;
    }

    .home-selection-item{
        min-height: auto;
    }

    .home-selection-item + .home-selection-item{
        border-left: 0;
        border-top: 1px solid rgba(2,45,148,0.10);
    }
}
/* =========================
   HOME STRIP (PLAVA TRAKA)
   ========================= */

.home-strip{
    background: #041a50;
    padding: 26px 0;
}

.home-strip-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    align-items: center;
}

.home-strip-item{
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 10px 18px;
    color: #ffffff;
    text-decoration: none;
    transition: 0.25s ease;
}

.home-strip-item:hover{
    transform: translateY(-2px);
    opacity: 0.92;
}

.home-strip-item + .home-strip-item{
    border-left: 1px solid rgba(255,255,255,0.18);
}

.home-strip-logo{
    width: 54px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-strip-logo img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.home-strip-text strong{
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
}

.home-strip-text span{
    display: block;
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    margin-top: 4px;
}

@media (max-width: 900px){
    .home-strip-grid{
        grid-template-columns: 1fr;
    }

    .home-strip-item{
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,0.18);
    }

    .home-strip-item:first-child{
        border-top: 0;
    }
}
/* =========================
   HOME COMPARE SECTION
   ========================= */

.home-compare{
    background: #f7f8fb;
}

.home-compare-intro,
.home-compare-bottom{
    max-width: 1320px;
    margin: 0 auto;
}

.home-compare-title{
    margin: 0 0 22px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-size: clamp(36px, 4vw, 58px);
    font-weight: 500;
    line-height: 1.08;
    text-align: center;
    color: #1d2740;
}

.home-compare-head{
    margin: 42px 0 28px;
    text-align: center;
}

.home-compare-head h3,
.home-compare-bottom h3{
    margin: 0 0 24px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-size: clamp(30px, 3vw, 48px);
    font-weight: 500;
    line-height: 1.08;
    color: #1d2740;
    text-align: center;
}

.home-compare-text{
    max-width: 1500px;
    margin: 0 auto;
}

.home-compare-text p{
    margin: 0 0 22px;
    color: #2d3444;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
}

.home-compare-text p:last-child{
    margin-bottom: 0;
}

.home-compare-text strong{
    font-weight: 600;
    color: #1d2740;
}

.home-compare-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 38px 34px;
    margin: 26px 0 58px;
}

.home-compare-card{
    min-height: 88px;
    padding: 0 22px 0 16px;
    border-radius: 999px;
    background: #0f67c8;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 12px 24px rgba(15,103,200,0.14);
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.home-compare-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 30px rgba(15,103,200,0.18);
    background: #0d60bc;
}

.home-compare-card-icon{
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    color: #0f67c8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
}

.home-compare-card-icon svg{
    width: 24px;
    height: 24px;
    display: block;
}

.home-compare-card-text{
    min-width: 0;
    display: block;
}

.home-compare-card-text strong{
    display: block;
    margin-bottom: 2px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.15;
}

.home-compare-card-text small{
	font-family: 'Freight Text Pro', Georgia, serif;
    display: block;
    color: rgba(255,255,255,0.86);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0.2px;
}

.home-compare-arrow{
    margin-left: auto;
    color: rgba(255,255,255,0.94);
    font-size: 38px;
    font-weight: 300;
    line-height: 1;
}

.home-compare-bottom{
    padding-top: 8px;
}

@media (max-width: 1180px){
    .home-compare-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 760px){
    .home-compare-grid{
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-compare-card{
        min-height: 82px;
    }

    .home-compare-text p{
        font-size: 16px;
    }
}
.home-compare-card-text strong{
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.3px;
}
.home-compare-card-text small{
    font-size: 12.5px;
    opacity: 0.85;
}
/* ===== FORCE PATCH: home compare card titles ===== */
.home-compare-card-text strong{
    display: block !important;
    margin-bottom: 3px !important;
    font-family: 'Freight Text Pro', Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 19px !important;
    line-height: 1.08 !important;
    letter-spacing: 0.35px !important;
    color: #ffffff !important;
}

.home-compare-card-text small{
    display: block !important;
    font-family: 'Graphik', Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    color: rgba(255,255,255,0.82) !important;
}

/* =========================
   GLOBAL HEADING STYLE PATCH
   Elegant / lighter / consistent
   ========================= */

h1, h2, h3, h4, h5, h6{
    font-family: 'Freight Text Pro', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em;
    color: #1d2740;
}

.section-title{
    font-family: 'Freight Text Pro', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.04 !important;
}

.home-hero-copy h1{
    font-family: 'Freight Text Pro', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    line-height: 0.98 !important;
}

.home-hero-copy h2{
    font-family: 'Freight Text Pro', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em !important;
    line-height: 1.12 !important;
}

.card h3,
.home-selection-item h3,
.home-compare-title,
.home-compare-head h3,
.home-compare-bottom h3,
.home-compare-card-text strong,
.home-strip-text strong,
.hero-copy h1,
.hero-stat strong{
    font-family: 'Freight Text Pro', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em !important;
}

.home-compare-card-text strong{
    font-size: 20px !important;
    line-height: 1.08 !important;
}

.home-selection-item h3{
    font-size: 30px !important;
    line-height: 1.08 !important;
}

.home-strip-text strong{
    font-size: 16px !important;
    line-height: 1.15 !important;
}

.card h3{
    font-size: 30px !important;
    line-height: 1.08 !important;
}

.hero-stat strong{
    font-weight: 400 !important;
}

p,
.section-lead,
.card p,
.home-selection-item p,
.home-compare-text p,
.home-compare-card-text small,
.home-strip-text span{
    font-family: 'Graphik', Arial, sans-serif;
}

.home-compare-card-text small{
    font-weight: 300 !important;
    letter-spacing: 0.01em;
}

.site-nav-v2 a,
.btn,
.lang-dropdown-toggle,
.site-info-slide,
.site-bottom-auth a{
    font-family: 'Graphik', Arial, sans-serif !important;
}

h1, h2{
    text-wrap: balance;
}
/* ===== GLOBAL LIGHT FREIGHT PATCH ===== */

h1, h2, h3, h4, h5, h6,
.section-title,
.home-hero-copy h1,
.home-hero-copy h2,
.card h3,
.home-selection-item h3,
.home-compare-title,
.home-compare-head h3,
.home-compare-bottom h3,
.home-compare-card-text strong,
.home-strip-text strong,
.hero-copy h1,
.hero-stat strong{
    font-family: 'Freight Text Pro', Georgia, serif !important;
    font-weight: 300 !important;
    letter-spacing: -0.015em !important;
    color: #1d2740;
}

.home-hero-copy h1{
    font-weight: 300 !important;
    line-height: 0.98 !important;
}

.home-hero-copy h2{
    font-weight: 300 !important;
    line-height: 1.12 !important;
}

.home-compare-card-text strong{
    font-weight: 300 !important;
    font-size: 20px !important;
    line-height: 1.08 !important;
    color: #ffffff !important;
}

.home-strip-text strong{
    font-weight: 300 !important;
    color: #ffffff !important;
}

.hero-stat strong{
    font-weight: 300 !important;
}
/* ===== HERO TEXT COLOR FIX ===== */

.home-hero .home-hero-copy h1{
    color: #ffffff !important;
}

.home-hero .home-hero-copy h2{
    color: rgba(255,255,255,0.88) !important;
}

.home-hero .home-hero-copy p{
    color: rgba(255,255,255,0.80) !important;
}

.home-hero .home-hero-kicker{
    color: #99dbf8 !important;
}
/* ===== HOME COMPARE – PREMIUM GLASS STYLE ===== */

.home-compare-card{
    background: linear-gradient(
        135deg,
        rgba(233,242,255,0.92),
        rgba(220,232,255,0.88)
    ) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border: 1px solid rgba(2,45,148,0.08) !important;

    color: #1d2740 !important;

    box-shadow:
        0 10px 30px rgba(2,45,148,0.06),
        inset 0 1px 0 rgba(255,255,255,0.6) !important;

    transition: all 0.28s ease;
}

/* hover – subtle lift */
.home-compare-card:hover{
    transform: translateY(-3px);

    background: linear-gradient(
        135deg,
        rgba(225,238,255,0.98),
        rgba(210,228,255,0.94)
    ) !important;

    box-shadow:
        0 18px 40px rgba(2,45,148,0.10),
        inset 0 1px 0 rgba(255,255,255,0.7) !important;
}

/* ICON CIRCLE */
.home-compare-card-icon{
    background: linear-gradient(135deg, #ffffff, #f2f6ff) !important;
    color: #022d94 !important;

    box-shadow:
        0 6px 14px rgba(2,45,148,0.10),
        inset 0 1px 0 rgba(255,255,255,0.8);
}

/* TITLE */
.home-compare-card-text strong{
    color: #1d2740 !important;
    font-weight: 300 !important;
}

/* SMALL TEXT */
.home-compare-card-text small{
    color: #5f687c !important;
    opacity: 0.85;
}

/* ARROW */
.home-compare-arrow{
    color: #022d94 !important;
    font-weight: 300;
}

/* OPTIONAL: subtle glow line on hover */
.home-compare-card::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 999px;
    pointer-events: none;

    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(153,219,248,0.25) 50%,
        transparent 100%
    );

    opacity: 0;
    transition: 0.35s ease;
}

.home-compare-card:hover::after{
    opacity: 1;
}
/* ===== MICRO INTERACTIONS / PREMIUM HOVER ===== */

/* IKONICA – lagani rotate + scale */
.home-compare-card-icon{
    transition: transform 0.35s cubic-bezier(0.22,1,0.36,1);
}

.home-compare-card:hover .home-compare-card-icon{
    transform: scale(1.08) rotate(-4deg);
}

/* STRELICA – smooth slide */
.home-compare-arrow{
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.home-compare-card:hover .home-compare-arrow{
    transform: translateX(6px);
    opacity: 0.9;
}

/* TEXT – very subtle lift */
.home-compare-card-text{
    transition: transform 0.3s ease;
}

.home-compare-card:hover .home-compare-card-text{
    transform: translateY(-1px);
}

/* APPLE-STYLE LIGHT SWEEP */
.home-compare-card{
    overflow: hidden;
    position: relative;
}

.home-compare-card::before{
    content: "";
    position: absolute;
    top: -40%;
    left: -60%;
    width: 120%;
    height: 200%;

    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.35) 50%,
        transparent 100%
    );

    transform: rotate(18deg);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.home-compare-card:hover::before{
    opacity: 1;
    animation: sweepMove 0.9s cubic-bezier(0.22,1,0.36,1);
}

@keyframes sweepMove{
    0%{
        transform: translateX(-60%) rotate(18deg);
    }
    100%{
        transform: translateX(120%) rotate(18deg);
    }
}

/* SOFT FOCUS GLOW (lux feel) */
.home-compare-card:hover{
    filter: brightness(1.02);
}

/* =========================
   BANKS PREVIEW / TABLE
   ========================= */

.home-banks-preview{
    background: #ffffff;
}

.home-banks-head{
    margin-bottom: 28px;
}

.home-banks-table-wrap{
    overflow-x: auto;
    border-radius: 22px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 16px 34px rgba(2,45,148,0.05);
}

.home-banks-table{
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.home-banks-table th,
.home-banks-table td{
    padding: 18px 18px;
    text-align: left;
    border-bottom: 1px solid rgba(2,45,148,0.08);
    vertical-align: middle;
}

.home-banks-table th{
    color: #5f687c;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: rgba(233,242,255,0.45);
}

.home-banks-table td{
    color: #2d3444;
    font-size: 14px;
}

.home-banks-table tr:last-child td{
    border-bottom: 0;
}

.home-bank-logo{
    width: 58px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-bank-logo img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* premium arrow btn */
.bank-link-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    background: rgba(233,242,255,0.95);
    color: #022d94;
    border: 1px solid rgba(2,45,148,0.08);
    font-size: 13px;
    font-weight: 400;
    transition: 0.22s ease;
}

.bank-link-btn:hover{
    background: rgba(223,234,255,1);
    transform: translateY(-1px);
}

.bank-link-arrow{
    display: inline-block;
    transition: transform 0.22s ease;
}

.bank-link-btn:hover .bank-link-arrow{
    transform: translateX(4px);
}

.bank-link-btn-main{
    min-height: 44px;
    padding: 0 18px;
}

.home-banks-bottom{
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.home-banks-bottom p{
    margin: 0;
    max-width: 860px;
    color: #5f687c;
}

/* bank detail */
.bank-detail-head{
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 24px;
    align-items: center;
}

.bank-detail-logo{
    width: 120px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(233,242,255,0.6);
    border-radius: 20px;
    border: 1px solid rgba(2,45,148,0.08);
}

.bank-detail-logo img{
    max-width: 80%;
    max-height: 70%;
    object-fit: contain;
}

.bank-detail-grid{
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 22px;
}

.bank-detail-card{
    padding: 28px;
    border-radius: 22px;
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 12px 28px rgba(2,45,148,0.05);
}

.bank-detail-card h3{
    margin: 0 0 18px;
}

.bank-detail-meta{
    display: grid;
    gap: 14px;
}

.bank-detail-meta div{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(2,45,148,0.08);
}

.bank-detail-meta div:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}

.bank-detail-meta span{
    color: #5f687c;
}

.bank-detail-meta strong{
    color: #1d2740;
    font-family: 'Graphik', Arial, sans-serif;
    font-weight: 500;
}

.bank-detail-actions{
    margin-top: 22px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 980px){
    .bank-detail-head,
    .bank-detail-grid{
        grid-template-columns: 1fr;
    }
}

/* =========================
   HOME CTA BANNER
   ========================= */

.home-cta-banner{
    position: relative;
    width: 100%;
    min-height: 380px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.home-cta-bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.05);
}

.home-cta-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(2,45,148,0.85) 0%,
        rgba(2,45,148,0.65) 40%,
        rgba(2,45,148,0.25) 100%
    );
}

/* content */
.home-cta-inner{
    position: relative;
    max-width: 680px;
    color: #ffffff;
}

.home-cta-kicker{
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    opacity: 0.85;
    margin-bottom: 12px;
}

/* TANAK NASLOV */
.home-cta-inner h2{
    margin: 0 0 16px;
    font-family: 'Freight Text Pro', serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 1.2;
    color: #ffffff;
}

.home-cta-inner p{
    margin: 0 0 22px;
    font-size: 15px;
    color: rgba(255,255,255,0.85);
    max-width: 520px;
}

/* dugmad */
.home-cta-actions{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* LIGHT outline dugme */
.home-btn-light{
    border-color: rgba(255,255,255,0.6);
    color: #fff;
}

.home-btn-light:hover{
    background: #fff;
    color: #022d94;
}

/* mobile */
@media (max-width: 768px){
    .home-cta-inner h2{
        font-size: 28px;
    }
}

/* =========================
   HOME SPLIT SECTION
   ========================= */

.home-split{
    background: #ffffff;
}

.home-split-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

/* slika */
.home-split-image{
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(2,45,148,0.08);
}

.home-split-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* tekst */
.home-split-content{
    max-width: 520px;
}

/* kicker */
.home-split-kicker{
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #022d94;
    margin-bottom: 10px;
}

/* NASLOVI – TANAK STIL */
.home-split-content h2{
    margin: 0 0 10px;
    font-family: 'Freight Text Pro', serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 1.25;
    color: #1d2740;
}

.home-split-content h3{
    margin: 0 0 16px;
    font-family: 'Freight Text Pro', serif;
    font-weight: 300;
    font-size: 20px;
    color: #5f687c;
}

.home-split-content p{
    margin: 0 0 18px;
    color: #4b5565;
    font-size: 15px;
}

/* lista sa check ikonama */
.home-split-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 10px;
}

.home-split-list li{
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    color: #2d3444;
}

/* SVG check stil */
.home-split-list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 16px;
    height: 16px;

    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 12.5L10 17L19 7' stroke='%23022d94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
    background-size: contain;
}

/* responsive */
@media (max-width: 980px){
    .home-split-grid{
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .home-split-content{
        max-width: 100%;
    }
}
/* =========================
   HOME TRUST SECTION
   ========================= */

.home-trust{
    background: linear-gradient(180deg, #f8fbff 0%, #f3f7fd 100%);
}

.home-trust-head{
    max-width: 900px;
    margin: 0 auto 34px;
    text-align: center;
}

.home-trust-kicker{
    display: inline-block;
    margin-bottom: 10px;
    color: #022d94;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.home-trust-head h2{
    margin: 0 0 14px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.08;
    color: #1d2740;
}

.home-trust-head p{
    margin: 0;
    color: #5f687c;
    font-size: 16px;
    line-height: 1.8;
}

.home-trust-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.home-trust-card{
    min-height: 180px;
    padding: 28px 24px;
    border-radius: 24px;
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 16px 30px rgba(2,45,148,0.05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.home-trust-card strong{
    display: block;
    margin-bottom: 10px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1;
    color: #022d94;
}

.home-trust-card span{
    display: block;
    color: #5f687c;
    font-size: 14px;
    line-height: 1.6;
}

.home-trust-bottom{
    max-width: 980px;
    margin: 28px auto 0;
    text-align: center;
}

.home-trust-bottom p{
    margin: 0;
    color: #4b5565;
    font-size: 15px;
    line-height: 1.85;
}

@media (max-width: 1100px){
    .home-trust-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 680px){
    .home-trust-grid{
        grid-template-columns: 1fr;
    }

    .home-trust-card{
        min-height: 150px;
    }
}

/* =========================
   HOME PARTNER BANK CAROUSEL
   ========================= */

.home-bank-carousel{
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    overflow: hidden;
}

.home-bank-carousel-head{
    max-width: 880px;
    margin: 0 auto 28px;
    text-align: center;
}

.home-bank-carousel-kicker{
    display: inline-block;
    margin-bottom: 10px;
    color: #022d94;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.home-bank-carousel-head h2{
    margin: 0 0 14px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.08;
    color: #1d2740;
}

.home-bank-carousel-head p{
    margin: 0;
    color: #5f687c;
    font-size: 16px;
    line-height: 1.8;
}

.home-bank-carousel-wrap{
    position: relative;
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

.home-bank-carousel-track{
    display: flex;
    align-items: center;
    gap: 18px;
    width: max-content;
    animation: homeBankScroll 34s linear infinite;
}

.home-bank-carousel-wrap:hover .home-bank-carousel-track{
    animation-play-state: paused;
}

.home-bank-carousel-item{
    width: 280px;
    min-height: 104px;
    padding: 16px 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(233,242,255,0.92), rgba(220,232,255,0.86));
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 12px 28px rgba(2,45,148,0.05);
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 0 0 auto;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-bank-carousel-item:hover{
    transform: translateY(-3px);
    box-shadow: 0 18px 34px rgba(2,45,148,0.10);
}

.home-bank-carousel-logo{
    width: 68px;
    height: 48px;
    border-radius: 14px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 68px;
    box-shadow: 0 8px 20px rgba(2,45,148,0.06);
    overflow: hidden;
}

.home-bank-carousel-logo img{
    max-width: 84%;
    max-height: 70%;
    object-fit: contain;
}

.home-bank-carousel-logo span{
    color: #022d94;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-size: 24px;
    font-weight: 300;
}

.home-bank-carousel-copy{
    min-width: 0;
}

.home-bank-carousel-copy strong{
    display: block;
    margin-bottom: 4px;
    color: #1d2740;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.08;
}

.home-bank-carousel-copy span{
    display: block;
    color: #5f687c;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}

.home-bank-carousel-empty{
    padding: 22px 24px;
    border-radius: 18px;
    background: rgba(233,242,255,0.55);
    border: 1px solid rgba(2,45,148,0.08);
    text-align: center;
    color: #5f687c;
}

@keyframes homeBankScroll{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(-50%);
    }
}

@media (max-width: 768px){
    .home-bank-carousel-item{
        width: 240px;
        min-height: 96px;
    }

    .home-bank-carousel-copy strong{
        font-size: 19px;
    }
}
/* =========================
   FOOTER PREMIUM
   ========================= */

.site-footer{
    position: relative;
    color: #ffffff;
    overflow: hidden;
}

/* bg slika */
.footer-bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.12; /* jedva vidljiva */
}

/* plavi overlay */
.footer-overlay{
    position: absolute;
    inset: 0;
    background: #022d94; /* tvoja glavna */
}

/* content */
.site-footer .container{
    position: relative;
    z-index: 2;
}

/* grid */
.footer-grid{
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 40px;
    padding: 60px 0 40px;
}

/* logo */
.footer-logo{
    width: 180px;
    margin-bottom: 18px;
}

/* text */
.footer-brand p{
    color: rgba(255,255,255,0.75);
    font-size: 14px;
    line-height: 1.7;
}

/* columns */
.footer-col h4{
    margin-bottom: 14px;
    font-family: 'Freight Text Pro', serif;
    font-weight: 300;
    font-size: 18px;
}

.footer-col a{
    display: block;
    margin-bottom: 8px;
    color: rgba(255,255,255,0.75);
    font-size: 14px;
    text-decoration: none;
    transition: 0.2s ease;
}

.footer-col a:hover{
    color: #ffffff;
    transform: translateX(2px);
}

.footer-col p{
    margin-top: 10px;
    color: rgba(255,255,255,0.6);
    font-size: 13px;
}

/* bottom */
.footer-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,0.12);
    font-size: 13px;
    color: rgba(255,255,255,0.6);
}

/* responsive */
@media (max-width: 900px){
    .footer-grid{
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .footer-bottom{
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}
/* =========================
   FOOTER PREMIUM BACKGROUND FIX
   ========================= */

.site-footer{
    position: relative;
    color: #ffffff;
    overflow: hidden;
    background: #021f6b; /* tamnija baza */
}

/* slika */
.footer-bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.35; /* vidi se */
    z-index: 1;
}

/* overlay MULTIPLY */
.footer-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(210 218 237 / 85%) 0%, rgb(0 0 0 / 92%) 100%);
    mix-blend-mode: multiply;
    z-index: 2;
}

/* content iznad */
.site-footer .container{
    position: relative;
    z-index: 3;
}
.footer-col h4{
    margin-bottom: 14px;
    font-family: 'Freight Text Pro', serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff; /* BITNO */
}
.footer-col{
    position: relative;
    padding-left: 24px;
}

/* linija */
.footer-col::before{
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: rgba(255,255,255,0.18);
}
.footer-brand{
    padding-right: 20px;
}

.footer-brand::before{
    display: none;
}
/* =========================
   FOOTER RATING BOX
   ========================= */

.footer-rating{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    margin-top: 18px;

    border-radius: 18px;

    background: rgba(255,255,255,0.10);
    backdrop-filter: blur(6px);

    border: 1px solid rgba(255,255,255,0.18);
}

.footer-rating-badge{
    width: 52px;
    height: 52px;
    object-fit: contain;
}

/* tekst deo */
.footer-rating-content{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* zvezdice */
.footer-rating-stars{
    font-size: 14px;
    color: #ffcc33;
    letter-spacing: 2px;
}

.footer-rating-stars span{
    margin-left: 8px;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 0;
}

/* tekst */
.footer-rating-text{
    font-size: 13px;
    color: rgba(255,255,255,0.8);
}
.footer-rating-link{
    display: block;
    text-decoration: none;
    color: inherit;
}

/* mali hover efekat (premium) */
.footer-rating-link:hover .footer-rating{
    transform: translateY(-2px);
    background: rgba(255,255,255,0.14);
    border-color: rgba(255,255,255,0.25);
}
/* =========================
   EXTENDED LEGAL (bottom)
   ========================= */

.footer-legal-extended{
    margin-top: 18px;
    padding-top: 14px;

    border-top: 1px solid rgba(255,255,255,0.08);

    font-size: 11px;
    line-height: 1.6;
    color: rgba(255,255,255,0.85);

    font-family: 'Graphik', sans-serif;
    font-weight: 300;
}
/* =========================
   INNER HERO
   ========================= */

.inner-hero{
    position: relative;
    min-height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.inner-hero-bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.inner-hero-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(6,20,56,0.82) 0%,
        rgba(6,20,56,0.58) 42%,
        rgba(6,20,56,0.26) 100%
    );
}

.inner-hero .container{
    position: relative;
    z-index: 2;
}

.inner-hero-content{
    max-width: 760px;
    padding: 34px 0;
}

.inner-hero-kicker{
    display: inline-block;
    margin-bottom: 12px;
    color: #99dbf8;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.inner-hero-content h1{
    margin: 0 0 14px;
    color: #ffffff !important;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300 !important;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.02;
    letter-spacing: -0.03em;
}

.inner-hero-content p{
    margin: 0;
    max-width: 680px;
    color: rgba(255,255,255,0.84) !important;
    font-size: 16px;
    line-height: 1.85;
}

@media (max-width: 760px){
    .inner-hero{
        min-height: 320px;
    }

    .inner-hero-overlay{
        background: linear-gradient(
            180deg,
            rgba(6,20,56,0.82) 0%,
            rgba(6,20,56,0.56) 100%
        );
    }

    .inner-hero-content{
        padding: 26px 0;
    }
}
/* =========================
   HEADER ALERT BADGE
   ========================= */

.header-alert{
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 12px;
    text-decoration: none;
}

/* crvena elipsa */
.header-alert-dot{
    width: 18px;
    height: 18px;
    border-radius: 999px;

    background: #ff3b30;

    box-shadow: 0 0 0 0 rgba(255,59,48,0.6);
    animation: pulseDot 2s infinite;
}

/* pulse animacija */
@keyframes pulseDot{
    0%{
        box-shadow: 0 0 0 0 rgba(255,59,48,0.6);
    }
    70%{
        box-shadow: 0 0 0 8px rgba(255,59,48,0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(255,59,48,0);
    }
}

/* tooltip */
.header-alert-tooltip{
    position: absolute;
    bottom: -46px;
    left: 50%;
    transform: translateX(-50%) translateY(6px);

    white-space: nowrap;

    background: #0b1e4f;
    color: #ffffff;

    font-size: 12px;
    padding: 8px 12px;
    border-radius: 10px;

    opacity: 0;
    pointer-events: none;

    transition: 0.2s ease;
}

/* arrow */
.header-alert-tooltip::after{
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);

    width: 10px;
    height: 10px;

    background: #0b1e4f;
    transform: translateX(-50%) rotate(45deg);
}

/* hover */
.header-alert:hover .header-alert-tooltip,
.header-alert:focus .header-alert-tooltip{
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.header-alert-dot{
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #f08100;

    animation:
        pulseStrong 1.6s infinite,
        breatheStrong 2.2s ease-in-out infinite,
        glowStrong 1.8s ease-in-out infinite;
}

/* 🔴 JAK pulse (širi se više) */
@keyframes pulseStrong{
    0%{
        box-shadow:
            0 0 0 0 rgba(255,59,48,0.7),
            0 0 10px rgba(255,59,48,0.5);
    }
    70%{
        box-shadow:
            0 0 0 16px rgba(255,59,48,0),
            0 0 28px rgba(255,59,48,0.25);
    }
    100%{
        box-shadow:
            0 0 0 0 rgba(255,59,48,0),
            0 0 10px rgba(255,59,48,0.4);
    }
}

/* 🔴 SCALE (vidljivo disanje) */
@keyframes breatheStrong{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.22);
    }
    100%{
        transform: scale(1);
    }
}

/* 🔴 GLOW (pojačan sjaj) */
@keyframes glowStrong{
    0%{
        filter: brightness(1);
    }
    50%{
        filter: brightness(1.6);
    }
    100%{
        filter: brightness(1);
    }
}
.header-alert{
    animation: floatStrong 2.2s ease-in-out infinite;
}

@keyframes floatStrong{
    0%{ transform: translateY(0); }
    50%{ transform: translateY(-3px); }
    100%{ transform: translateY(0); }
}
.about-stats{
    padding: 90px 0;
}

.about-stats-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 40px;
    text-align: center;
}

.about-stat{
    position: relative;
    padding: 20px 10px;
}

/* vertikalne linije */
.about-stat:not(:last-child)::after{
    content:"";
    position:absolute;
    top:10%;
    right:-20px;
    width:1px;
    height:80%;
    background: rgba(0,0,0,0.08);
}

/* BROJ */
.about-stat-number{
    font-family: "Freight Text Pro", serif;
    font-size: 48px;
    font-weight: 400;
    color:#022d94;
    display:block;
    margin-bottom:10px;
}

/* NASLOV */
.about-stat h3{
    font-family: "Freight Text Pro", serif;
    font-weight: 400;
    font-size: 22px;
    margin-bottom:6px;
}

/* TEKST */
.about-stat p{
    font-family: "Graphik", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color:#555;
}

/* MOBILE */
@media(max-width:900px){
    .about-stats-grid{
        grid-template-columns:1fr 1fr;
    }

    .about-stat::after{
        display:none;
    }
}
.about-split{
    padding:100px 0;
}

.about-split-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

/* IMAGE */
.about-split-media img{
    width:100%;
    height:auto;
    border-radius:6px;
    display:block;
}

/* TEXT */
.about-kicker{
    font-family:"Graphik", sans-serif;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#1a4e8a;
    display:block;
    margin-bottom:12px;
}

.about-split-content h2{
    font-family:"Freight Text Pro", serif;
    font-weight:400;
    font-size:34px;
    margin-bottom:10px;
}

.about-split-content h3{
    font-family:"Freight Text Pro", serif;
    font-weight:400;
    font-size:22px;
    color:#4b6180;
    margin-bottom:18px;
}

.about-split-content p{
    font-family:"Graphik", sans-serif;
    font-weight:300;
    font-size:15px;
    line-height:1.7;
    margin-bottom:20px;
    color:#444;
}

/* CHECKLIST */
.about-checklist{
    list-style:none;
    padding:0;
    margin:0;
}

.about-checklist li{
    position:relative;
    padding-left:26px;
    margin-bottom:10px;

    font-family:"Graphik", sans-serif;
    font-size:14px;
    font-weight:300;
}

.about-checklist li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    color:#1c7c54;
    font-size:14px;
}

/* MOBILE */
@media(max-width:900px){
    .about-split-grid{
        grid-template-columns:1fr;
    }
}

/* =========================
   ABOUT COMMON HEAD
   ========================= */

.about-section-head{
    max-width: 900px;
    margin: 0 auto 34px;
    text-align: center;
}

/* =========================
   ABOUT TIMELINE
   ========================= */

.about-timeline{
    background: #ffffff;
}

.about-timeline-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border-top: 1px solid rgba(2,45,148,0.08);
    border-bottom: 1px solid rgba(2,45,148,0.08);
}

.about-timeline-item{
    padding: 34px 28px;
    min-height: 240px;
}

.about-timeline-item + .about-timeline-item{
    border-left: 1px solid rgba(2,45,148,0.08);
}

.about-timeline-year{
    display: inline-block;
    margin-bottom: 16px;
    color: #022d94;
    font-family: 'Graphik', Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.about-timeline-item h3{
    margin: 0 0 12px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.08;
    color: #1d2740;
}

.about-timeline-item p{
    margin: 0;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.8;
}

/* =========================
   ABOUT VISION BAND
   ========================= */

.about-vision-band{
    position: relative;
    width: 100%;
    padding: 90px 0;
    background: linear-gradient(180deg, #041a50 0%, #022d94 100%);
    overflow: hidden;
}

.about-vision-overlay{
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 30%, rgba(153,219,248,0.16), transparent 28%),
        radial-gradient(circle at 85% 70%, rgba(255,255,255,0.08), transparent 24%);
    pointer-events: none;
}

.about-vision-content{
    position: relative;
    z-index: 2;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

.about-vision-kicker{
    display: inline-block;
    margin-bottom: 12px;
    color: #99dbf8;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.about-vision-content h2{
    margin: 0 0 16px;
    color: #ffffff !important;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300 !important;
    font-size: clamp(36px, 4vw, 58px);
    line-height: 1.06;
}

.about-vision-content p{
    margin: 0 auto 28px;
    max-width: 820px;
    color: rgba(255,255,255,0.84);
    font-size: 16px;
    line-height: 1.9;
}

.about-vision-points{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.about-vision-point{
    padding: 24px 22px;
    border-radius: 20px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    backdrop-filter: blur(6px);
}

.about-vision-point strong{
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.08;
}

.about-vision-point span{
    display: block;
    color: rgba(255,255,255,0.76);
    font-size: 14px;
    line-height: 1.75;
}

/* =========================
   ABOUT WHY
   ========================= */

.about-why{
    background: #f7f8fb;
}

.about-why-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.about-why-card{
    padding: 28px;
    border-radius: 22px;
    background: rgba(255,255,255,0.86);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 14px 28px rgba(2,45,148,0.04);
}

.about-why-icon{
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    border-radius: 14px;
    background: rgba(233,242,255,0.9);
    color: #022d94;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.about-why-icon svg{
    width: 22px;
    height: 22px;
    display: block;
}

.about-why-card h3{
    margin: 0 0 10px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.08;
    color: #1d2740;
}

.about-why-card p{
    margin: 0;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.8;
}

@media (max-width: 1100px){
    .about-timeline-grid,
    .about-why-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .about-vision-points{
        grid-template-columns: 1fr;
    }

    .about-timeline-item:nth-child(3),
    .about-timeline-item:nth-child(4){
        border-top: 1px solid rgba(2,45,148,0.08);
    }

    .about-timeline-item:nth-child(3){
        border-left: 0;
    }
}

@media (max-width: 760px){
    .about-timeline-grid,
    .about-why-grid{
        grid-template-columns: 1fr;
    }

    .about-timeline-item{
        min-height: auto;
    }

    .about-timeline-item + .about-timeline-item{
        border-left: 0;
        border-top: 1px solid rgba(2,45,148,0.08);
    }
}
.about-legal-cta{
    padding:80px 0;
    text-align:center;
}

.about-legal-head{
    max-width:700px;
    margin:0 auto 30px;
}

.about-legal-head h2{
    font-family:"Freight Text Pro", serif;
    font-weight:300;
    font-size:34px;
    margin-bottom:10px;
}

.about-legal-head p{
    font-family:"Graphik", sans-serif;
    font-weight:300;
    color:#5f687c;
}

/* GRID */
.about-legal-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;
}

/* BUTTON */
.about-legal-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 20px;
    border-radius:999px;

    font-family:"Graphik", sans-serif;
    font-size:14px;
    font-weight:400;

    color:#022d94;
    text-decoration:none;

    background:rgba(255,255,255,0.7);
    backdrop-filter: blur(10px);

    border:1px solid rgba(2,45,148,0.08);

    transition:all 0.25s ease;
}

/* HOVER */
.about-legal-btn:hover{
    background:#022d94;
    color:#fff;

    transform:translateY(-2px);
}

/* ARROW */
.legal-arrow{
    transition:transform 0.25s ease;
}

.about-legal-btn:hover .legal-arrow{
    transform:translateX(4px);
}
.about-page .section{
    padding: 60px 0;
}

.about-page .section-sm{
    padding: 40px 0;
}
/* =========================
   SERVICES PAGE
   ========================= */

.services-page .section{
    padding: 60px 0;
}

.services-page .section-sm{
    padding: 40px 0;
}

.services-overview{
    background: #ffffff;
}

.services-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border-top: 1px solid rgba(2,45,148,0.08);
    border-bottom: 1px solid rgba(2,45,148,0.08);
}

.services-card{
    padding: 34px 28px;
    min-height: 255px;
    background: transparent;
}

.services-card + .services-card{
    border-left: 1px solid rgba(2,45,148,0.08);
}

.services-icon{
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    border-radius: 14px;
    background: rgba(233,242,255,0.9);
    color: #022d94;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.services-icon svg{
    width: 22px;
    height: 22px;
    display: block;
}

.services-card h3{
    margin: 0 0 10px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.08;
    color: #1d2740;
}

.services-card p{
    margin: 0;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.8;
}

@media (max-width: 1100px){
    .services-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .services-card:nth-child(3),
    .services-card:nth-child(4){
        border-top: 1px solid rgba(2,45,148,0.08);
    }

    .services-card:nth-child(3){
        border-left: 0;
    }
}

@media (max-width: 760px){
    .services-grid{
        grid-template-columns: 1fr;
    }

    .services-card{
        min-height: auto;
    }

    .services-card + .services-card{
        border-left: 0;
        border-top: 1px solid rgba(2,45,148,0.08);
    }
}
/* =========================
   SERVICES SPLIT
   ========================= */

.services-split{
    background: #ffffff;
}

.services-split-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.services-split-media img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(2,45,148,0.08);
}

.services-split-content{
    max-width: 540px;
}

.services-split-content h2{
    margin: 0 0 10px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 1.08;
    color: #1d2740;
}

.services-split-content h3{
    margin: 0 0 16px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.18;
    color: #4b6180;
}

.services-split-content p{
    margin: 0 0 18px;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.85;
}

@media (max-width: 980px){
    .services-split-grid{
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .services-split-content{
        max-width: 100%;
    }
}
/* =========================
   SERVICES DETAIL GRID
   ========================= */

.services-detail{
    background: #f7f8fb;
}

.services-detail-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.services-detail-card{
    padding: 28px;
    border-radius: 22px;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 14px 28px rgba(2,45,148,0.04);
}

.services-detail-icon{
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    border-radius: 14px;
    background: rgba(233,242,255,0.9);
    color: #022d94;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.services-detail-icon svg{
    width: 22px;
    height: 22px;
    display: block;
}

.services-detail-card h3{
    margin: 0 0 10px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.08;
    color: #1d2740;
}

.services-detail-card p{
    margin: 0;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.8;
}

@media (max-width: 1100px){
    .services-detail-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 760px){
    .services-detail-grid{
        grid-template-columns: 1fr;
    }
}
/* =========================
   SERVICES PROCESS / TIMELINE
   ========================= */

.services-process{
    background: #ffffff;
}

.services-process-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border-top: 1px solid rgba(2,45,148,0.08);
    border-bottom: 1px solid rgba(2,45,148,0.08);
}

.services-process-item{
    position: relative;
    padding: 36px 28px;
    min-height: 250px;
}

.services-process-item + .services-process-item{
    border-left: 1px solid rgba(2,45,148,0.08);
}

.services-process-step{
    display: inline-block;
    margin-bottom: 16px;
    color: #022d94;
    font-family: 'Graphik', Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.services-process-item h3{
    margin: 0 0 12px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.08;
    color: #1d2740;
}

.services-process-item p{
    margin: 0;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.85;
}

@media (max-width: 1100px){
    .services-process-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .services-process-item:nth-child(3),
    .services-process-item:nth-child(4){
        border-top: 1px solid rgba(2,45,148,0.08);
    }

    .services-process-item:nth-child(3){
        border-left: 0;
    }
}

@media (max-width: 760px){
    .services-process-grid{
        grid-template-columns: 1fr;
    }

    .services-process-item{
        min-height: auto;
    }

    .services-process-item + .services-process-item{
        border-left: 0;
        border-top: 1px solid rgba(2,45,148,0.08);
    }
}
.services-vision-band{
    position: relative;
    padding: 90px 0;
    background: #022d94;
    color: #fff;
    overflow: hidden;
}

.services-vision-overlay{
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(2,45,148,0.92), rgba(2,45,148,0.92)),
        url('/assets/img/91.jpg') center/cover no-repeat;
    opacity: 0.6;
}

.services-vision-content{
    position: relative;
    max-width: 760px;
}

.services-vision-content h2{
    font-family: 'Freight Text Pro', serif;
    font-weight: 300;
    font-size: 42px;
    line-height: 1.1;
    margin-bottom: 16px;
}

.services-vision-content p{
    color: rgba(255,255,255,0.85);
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 30px;
}

.services-vision-points{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.services-vision-point strong{
    display: block;
    font-family: 'Freight Text Pro', serif;
    font-weight: 300;
    font-size: 22px;
    margin-bottom: 6px;
}

.services-vision-point span{
    font-size: 14px;
    color: rgba(255,255,255,0.75);
}
.services-vision-band .section-title{
    color:#fff;
}

.services-vision-band h2{
    color:#fff;
}
.services-vision-band .about-kicker{
    color: rgba(255,255,255,0.85);
    letter-spacing: 0.18em;
}

/* =========================
   SERVICES CTA
   ========================= */

.services-cta{
    background: #f7f8fb;
}

.services-cta-box{
    position: relative;
    padding: 60px;
    border-radius: 28px;
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 20px 50px rgba(2,45,148,0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.services-cta-content{
    max-width: 520px;
}

.services-cta-content h2{
    font-family: 'Freight Text Pro', serif;
    font-weight: 300;
    font-size: 40px;
    line-height: 1.1;
    margin: 10px 0 14px;
    color: #1d2740;
}

.services-cta-content p{
    color: #5f687c;
    font-size: 15px;
    line-height: 1.8;
}

.services-cta-actions{
    display: flex;
    gap: 16px;
    flex-shrink: 0;
}

/* BUTTONS */

.services-cta-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 18px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.25s ease;
}

/* PRIMARY */

.services-cta-btn.primary{
    background: linear-gradient(135deg,#022d94,#1a4e8a);
    color: #fff;
    box-shadow: 0 10px 25px rgba(2,45,148,0.25);
}

.services-cta-btn.primary:hover{
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 18px 40px rgba(2,45,148,0.35);
}

/* GHOST */

.services-cta-btn.ghost{
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(2,45,148,0.12);
    color: #1d2740;
}

.services-cta-btn.ghost:hover{
    transform: translateY(-2px);
    background: #fff;
}

/* ARROW */

.cta-arrow{
    font-size: 18px;
    transition: transform 0.25s ease;
}

.services-cta-btn:hover .cta-arrow{
    transform: translateX(4px);
}

/* MOBILE */

@media (max-width: 900px){
    .services-cta-box{
        flex-direction: column;
        align-items: flex-start;
    }

    .services-cta-actions{
        width: 100%;
        flex-wrap: wrap;
    }
}
/* =========================
   SERVICES TRUST STRIP
   ========================= */

.services-trust-strip{
    padding: 28px 0;
    background: #ffffff;
    border-top: 1px solid rgba(2,45,148,0.06);
    border-bottom: 1px solid rgba(2,45,148,0.06);
}

.services-trust-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    text-align: center;
}

.services-trust-item{
    position: relative;
    padding: 10px 14px;
    font-size: 13px;
    letter-spacing: 0.04em;
    color: #5f687c;
}

.services-trust-item + .services-trust-item{
    border-left: 1px solid rgba(2,45,148,0.08);
}

.services-trust-item span{
    display: inline-block;
    opacity: 0.85;
}

/* subtle hover */

.services-trust-item:hover span{
    color: #022d94;
    opacity: 1;
}

/* responsive */

@media (max-width: 900px){
    .services-trust-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .services-trust-item:nth-child(3),
    .services-trust-item:nth-child(4){
        border-top: 1px solid rgba(2,45,148,0.08);
    }

    .services-trust-item:nth-child(3){
        border-left: 0;
    }
}

@media (max-width: 500px){
    .services-trust-grid{
        grid-template-columns: 1fr;
    }

    .services-trust-item{
        border-left: 0 !important;
        border-top: 1px solid rgba(2,45,148,0.08);
    }

    .services-trust-item:first-child{
        border-top: 0;
    }
}
/* =========================
   BANKS PAGE
   ========================= */

.banks-page .section{
    padding: 60px 0;
}

.banks-page .section-sm{
    padding: 40px 0;
}

/* search band */

.banks-search-band{
    margin-top: -34px;
    position: relative;
    z-index: 3;
}

.banks-search-box{
    background: #ffffff;
    border: 2px solid #ffbf80;
    border-radius: 24px;
    box-shadow: 0 18px 36px rgba(2,45,148,0.08);
    padding: 18px;
}

.banks-search-form{
    display: flex;
    align-items: center;
    gap: 14px;
}

.banks-search-icon{
    width: 20px;
    height: 20px;
    color: #022d94;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
}

.banks-search-icon svg{
    width: 20px;
    height: 20px;
    display: block;
}

.banks-search-form input{
    flex: 1;
    min-width: 0;
    height: 52px;
    border: 0;
    outline: none;
    background: transparent;
    color: #1d2740;
    font-size: 15px;
}

.banks-search-form input::placeholder{
    color: #7a8598;
}

.banks-search-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 14px;
    border: 1px solid rgba(2,45,148,0.08);
    background: rgba(233,242,255,0.9);
    color: #022d94;
    cursor: pointer;
    transition: 0.22s ease;
}

.banks-search-btn:hover{
    background: rgba(223,234,255,1);
    transform: translateY(-1px);
}

.banks-search-btn:hover .bank-link-arrow{
    transform: translateX(4px);
}

/* listing */

.banks-listing{
    background: #ffffff;
}

.banks-card-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.bank-card{
    padding: 26px;
    border-radius: 24px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 14px 30px rgba(2,45,148,0.05);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.bank-card-top{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.bank-card-logo{
    width: 72px;
    height: 52px;
    border-radius: 16px;
    background: rgba(233,242,255,0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 72px;
    overflow: hidden;
}

.bank-card-logo img{
    max-width: 84%;
    max-height: 70%;
    object-fit: contain;
}

.bank-card-logo span{
    color: #022d94;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 28px;
}

.bank-card-meta h3{
    margin: 0 0 4px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.08;
    color: #1d2740;
}

.bank-card-meta span{
    display: block;
    color: #5f687c;
    font-size: 13px;
    line-height: 1.5;
}

.bank-card-body{
    flex: 1;
}

.bank-card-body p{
    margin: 0;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.85;
}

.bank-card-actions{
    margin-top: 22px;
}

.banks-empty{
    padding: 40px 30px;
    text-align: center;
    border-radius: 24px;
    background: rgba(233,242,255,0.45);
    border: 1px solid rgba(2,45,148,0.08);
}

.banks-empty h3{
    margin: 0 0 10px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 30px;
    color: #1d2740;
}

.banks-empty p{
    margin: 0;
    color: #5f687c;
}

/* promo band */

.banks-promo-band{
    position: relative;
    padding: 90px 0;
    background: #022d94;
    overflow: hidden;
}

.banks-promo-overlay{
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(2,45,148,0.88), rgba(2,45,148,0.92)),
        url('/assets/img/90.jpg') center/cover no-repeat;
    opacity: 0.72;
}

.banks-promo-content{
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.banks-promo-kicker{
    color: rgba(255,255,255,0.88) !important;
}

.banks-promo-content h2{
    margin: 0 0 14px;
    color: #ffffff !important;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300 !important;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.06;
}

.banks-promo-content p{
    margin: 0 0 24px;
    color: rgba(255,255,255,0.84) !important;
    font-size: 16px;
    line-height: 1.85;
}

.banks-promo-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.banks-promo-ghost{
    color: #ffffff;
    border-color: rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.08);
}

.banks-promo-ghost:hover{
    background: rgba(255,255,255,0.14);
    color: #ffffff;
}

@media (max-width: 1100px){
    .banks-card-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 760px){
    .banks-search-form{
        flex-direction: column;
        align-items: stretch;
    }

    .banks-card-grid{
        grid-template-columns: 1fr;
    }
}
/* =========================
   FAQ PAGE
   ========================= */

.faq-page .section{
    padding: 56px 0;
}

.faq-page .section-sm{
    padding: 36px 0;
}

.inner-hero-small{
    min-height: 200px;
}

.inner-hero-small .inner-hero-content{
    padding: 18px 0;
}

.inner-hero-small .inner-hero-content h1{
    font-size: clamp(32px, 4vw, 52px);
}

/* search */

.faq-search-band{
    margin-top: -26px;
    position: relative;
    z-index: 3;
}

.faq-search-box{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 22px;
    border-radius: 24px;
    background: #ffffff;

    /* 🔥 LIGHT ORANGE BORDER */
    border: 1.5px solid rgba(253, 99, 2, 0.35);

    /* SOFT SHADOW */
    box-shadow: 0 18px 38px rgba(2,45,148,0.08);

    transition: all 0.25s ease;
}

.faq-search-icon{
    width: 22px;
    height: 22px;
    color: #022d94;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
}

.faq-search-icon svg{
    width: 22px;
    height: 22px;
    display: block;
}

.faq-search-box input{
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    color: #1d2740;
    font-size: 16px;
}

/* accordion */

.faq-page-section{
    background: #ffffff;
}

.faq-accordion{
    max-width: 1100px;
    margin: 0 auto;
}

.faq-item{
    border-bottom: 1px solid rgba(2,45,148,0.08);
    background: transparent;
    transition: background 0.25s ease;
}

.faq-item:first-child{
    border-top: 1px solid rgba(2,45,148,0.08);
}

.faq-item:hover{
    background: rgba(233,242,255,0.24);
}

.faq-question{
    width: 100%;
    padding: 24px 10px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    text-align: left;
    cursor: pointer;
}

.faq-question-text{
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.12;
    color: #1d2740;
}

.faq-question-icon{
    flex: 0 0 auto;
    font-size: 30px;
    line-height: 1;
    color: #022d94;
    transition: transform 0.25s ease, color 0.25s ease;
}

.faq-item.is-open .faq-question-icon{
    transform: rotate(45deg);
    color: #1a4e8a;
}

.faq-answer{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.faq-answer-inner{
    padding: 0 10px 22px;
    max-width: 920px;
}

.faq-answer-inner p{
    margin: 0;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.9;
}

/* cta */

.faq-cta-band{
    position: relative;
    padding: 90px 0;
    background: #022d94;
    overflow: hidden;
}

.faq-cta-overlay{
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(2,45,148,0.88), rgba(2,45,148,0.92)),
        url('/assets/img/90.jpg') center/cover no-repeat;
    opacity: 0.72;
}

.faq-cta-content{
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.faq-cta-kicker{
    color: rgba(255,255,255,0.88) !important;
}

.faq-cta-content h2{
    margin: 0 0 14px;
    color: #ffffff !important;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300 !important;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.06;
}

.faq-cta-content p{
    margin: 0 0 24px;
    color: rgba(255,255,255,0.84) !important;
    font-size: 16px;
    line-height: 1.85;
}

.faq-cta-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 760px){
    .faq-question{
        padding: 20px 6px;
    }

    .faq-question-text{
        font-size: 24px;
    }

    .faq-question-icon{
        font-size: 26px;
    }
}
.inner-hero-300{
    min-height: 300px;
}
.inner-hero-300 .inner-hero-content{
    padding: 40px 0;
}
.faq-search-box{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 22px;
    border-radius: 24px;
    background: #ffffff;

    /* 🔥 LIGHT ORANGE BORDER */
    border: 1.5px solid rgba(253, 99, 2, 0.35);

    /* SOFT SHADOW */
    box-shadow: 0 18px 38px rgba(2,45,148,0.08);

    transition: all 0.25s ease;
}
.faq-search-box:focus-within{
    border-color: #fd6302;
    box-shadow: 0 0 0 4px rgba(253, 99, 2, 0.12);
}
/* =========================
   CONTACT PAGE
   ========================= */

.contact-page .section{
    padding: 60px 0;
}

.contact-page .section-sm{
    padding: 40px 0;
}

.contact-main{
    background: #ffffff;
}

.contact-grid{
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 36px;
    align-items: start;
}

.contact-info h2{
    margin: 0 0 12px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 38px;
    line-height: 1.08;
    color: #1d2740;
}

.contact-intro{
    margin: 0 0 22px;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.85;
}

.contact-info-cards{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.contact-info-card{
    padding: 24px;
    border-radius: 22px;
    background: rgba(255,255,255,0.86);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 14px 28px rgba(2,45,148,0.04);
}

.contact-info-card h3{
    margin: 0 0 10px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 26px;
    line-height: 1.08;
    color: #1d2740;
}

.contact-info-card p{
    margin: 0;
    color: #5f687c;
    font-size: 14px;
    line-height: 1.8;
}

.contact-form-side .public-form-card{
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 18px 36px rgba(2,45,148,0.06);
}

.contact-form-title{
    margin: 0 0 8px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 1.08;
    color: #1d2740;
}

.contact-form-text{
    margin: 0 0 22px;
    color: #5f687c;
    font-size: 15px;
    line-height: 1.8;
}

/* banner */

.contact-banner{
    position: relative;
    min-height: 360px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.contact-banner-bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-banner-overlay{
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(2,45,148,0.84) 0%, rgba(2,45,148,0.64) 40%, rgba(2,45,148,0.30) 100%);
}

.contact-banner .container{
    position: relative;
    z-index: 2;
}

.contact-banner-content{
    max-width: 720px;
}

.contact-banner-kicker{
    color: rgba(255,255,255,0.88) !important;
}

.contact-banner-content h2{
    margin: 0 0 14px;
    color: #ffffff !important;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300 !important;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.06;
}

.contact-banner-content p{
    margin: 0 0 24px;
    color: rgba(255,255,255,0.84) !important;
    font-size: 16px;
    line-height: 1.85;
}

.contact-banner-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.contact-banner-ghost{
    color: #ffffff;
    border-color: rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.08);
}

.contact-banner-ghost:hover{
    background: rgba(255,255,255,0.14);
    color: #ffffff;
}

@media (max-width: 980px){
    .contact-grid{
        grid-template-columns: 1fr;
    }

    .contact-info-cards{
        grid-template-columns: 1fr;
    }
}
/* =========================
   LEGAL PAGES
   ========================= */

.legal-page .section{
    padding: 56px 0;
}

.legal-page .section-sm{
    padding: 36px 0;
}

.inner-hero-legal{
    min-height: 200px;
}

.legal-layout{
    background: #ffffff;
}

.legal-grid{
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);
    gap: 32px;
    align-items: start;
}

.legal-main{
    min-width: 0;
}

.legal-card{
    padding: 34px 34px;
    margin-bottom: 22px;
    border-radius: 24px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 14px 28px rgba(2,45,148,0.04);
}

.legal-card:last-child{
    margin-bottom: 0;
}

.legal-card h2{
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(2,45,148,0.08);
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 38px;
    line-height: 1.08;
    color: #1d2740;
}

.legal-card p{
    margin: 0 0 16px;
    color: #2d3444;
    font-size: 18px;
    line-height: 1.9;
}

.legal-card p:last-child{
    margin-bottom: 0;
}

.legal-card strong{
    color: #1d2740;
    font-weight: 500;
}

.legal-info-box{
    padding: 22px 24px;
    margin: 0 0 18px;
    border-left: 3px solid #1a4e8a;
    border-radius: 16px;
    background: rgba(233,242,255,0.45);
}

.legal-sticky{
    position: sticky;
    top: 96px;
}

.legal-side-card{
    padding: 24px;
    border-radius: 24px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(2,45,148,0.08);
    box-shadow: 0 14px 28px rgba(2,45,148,0.04);
}

.legal-side-card h3{
    margin: 0 0 16px;
    font-family: 'Freight Text Pro', Georgia, serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.08;
    color: #1d2740;
}

.legal-side-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    padding: 0 16px;
    border-radius: 18px;
    background: transparent;
    color: #1d2740;
    border: 1px solid transparent;
    transition: all 0.22s ease;
    margin-bottom: 10px;
}

.legal-side-link:last-child{
    margin-bottom: 0;
}

.legal-side-link:hover{
    background: rgba(233,242,255,0.55);
    border-color: rgba(2,45,148,0.08);
    transform: translateY(-1px);
}

.legal-side-link.active{
    background: rgba(233,242,255,0.95);
    border-color: rgba(2,45,148,0.08);
    color: #022d94;
}

.legal-side-arrow{
    transition: transform 0.22s ease;
}

.legal-side-link:hover .legal-side-arrow,
.legal-side-link.active .legal-side-arrow{
    transform: translateX(4px);
}

@media (max-width: 980px){
    .legal-grid{
        grid-template-columns: 1fr;
    }

    .legal-sticky{
        position: static;
    }
}

@media (max-width: 760px){
    .legal-card{
        padding: 24px;
    }

    .legal-card h2{
        font-size: 30px;
    }

    .legal-card p{
        font-size: 16px;
    }
}
/* BANKS PAGE PREMIUM CARDS */
.banks-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
    margin-top:28px;
}

.bank-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:100%;
    padding:24px;
    border:1px solid rgba(9, 55, 140, 0.12);
    border-radius:22px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow:0 18px 45px rgba(12, 44, 96, 0.08);
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.bank-card:hover{
    transform:translateY(-6px);
    box-shadow:0 26px 60px rgba(12, 44, 96, 0.14);
    border-color:rgba(245, 135, 44, 0.35);
}

.bank-card-top{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:18px;
}

.bank-card-logo-wrap{
    flex:0 0 108px;
}

.bank-card-logo{
    width:108px;
    height:78px;
    border:1px solid rgba(14, 62, 130, 0.14);
    border-radius:18px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.65);
}

.bank-card-logo img{
    max-width:100%;
    max-height:48px;
    object-fit:contain;
    display:block;
}

.bank-card-logo span{
    font-size:28px;
    font-weight:700;
    color:#0a3d91;
}

.bank-card-meta{
    flex:1;
    min-width:0;
}

.bank-card-meta-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
}

.bank-card-meta h3{
    margin:0;
    font-size:1.08rem;
    line-height:1.28;
    color:#082c74;
}

.bank-grade-badge{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(245, 135, 44, 0.22);
    background:rgba(255, 166, 77, 0.12);
    color:#b25d11;
    font-size:.76rem;
    font-weight:700;
    letter-spacing:.03em;
}

.bank-card-location{
    display:block;
    font-size:.92rem;
    color:#61718f;
    margin-bottom:10px;
}

.bank-card-stars{
    display:flex;
    align-items:center;
    gap:4px;
    flex-wrap:wrap;
}

.bank-card-stars span{
    font-size:1rem;
    color:#d4dae6;
    line-height:1;
}

.bank-card-stars span.is-filled{
    color:#f5b301;
}

.bank-card-stars small{
    margin-left:6px;
    font-size:.82rem;
    color:#6d7b96;
    font-weight:600;
}

.bank-card-body{
    margin-bottom:18px;
}

.bank-card-excerpt{
    margin:0;
    color:#44536d;
    font-size:.97rem;
    line-height:1.68;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:6.7em;
}

.bank-card-actions{
    margin-top:auto;
    padding-top:6px;
}

@media (max-width: 1100px){
    .banks-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 767px){
    .banks-card-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .bank-card{
        padding:18px;
        border-radius:18px;
    }

    .bank-card-top{
        gap:14px;
    }

    .bank-card-logo-wrap{
        flex:0 0 88px;
    }

    .bank-card-logo{
        width:88px;
        height:68px;
        border-radius:14px;
        padding:12px;
    }

    .bank-card-logo img{
        max-height:38px;
    }

    .bank-card-meta-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .bank-card-excerpt{
        -webkit-line-clamp:3;
        min-height:auto;
    }
}
/* BANK DETAIL PAGE */
.bank-hero-mini{
    padding:34px 0 18px;
}

.bank-hero-mini-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:26px;
    padding:28px 30px;
    border:1px solid rgba(10, 45, 148, 0.12);
    border-radius:24px;
    background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow:0 18px 50px rgba(10, 45, 148, 0.08);
}

.bank-hero-mini-left{
    display:flex;
    align-items:center;
    gap:20px;
    min-width:0;
}

.bank-hero-mini-logo{
    width:120px;
    height:82px;
    border:1px solid rgba(10, 45, 148, 0.12);
    border-radius:18px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px;
    flex:0 0 120px;
}

.bank-hero-mini-logo img{
    max-width:100%;
    max-height:48px;
    object-fit:contain;
}

.bank-hero-mini-logo span{
    font-size:30px;
    font-weight:700;
    color:#0a2d94;
}

.bank-hero-mini-copy h1{
    margin:0 0 8px;
    font-size:2rem;
    color:#0a2d94;
}

.bank-hero-mini-topline{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.bank-grade-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(255, 166, 77, 0.12);
    border:1px solid rgba(245, 135, 44, 0.25);
    color:#b56013;
    font-size:.8rem;
    font-weight:700;
}

.bank-hero-mini-stars{
    display:flex;
    align-items:center;
    gap:4px;
    margin-bottom:6px;
}

.bank-hero-mini-stars span{
    color:#d2d7e3;
    font-size:1rem;
}

.bank-hero-mini-stars span.is-filled{
    color:#f3b400;
}

.bank-hero-mini-stars small{
    margin-left:6px;
    color:#687793;
    font-weight:600;
}

.bank-hero-mini-copy p{
    margin:0;
    color:#61708d;
}

.bank-hero-mini-right{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.bank-hero-site-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:13px 18px;
    border-radius:14px;
    text-decoration:none;
    background:#0a2d94;
    color:#fff;
    font-weight:600;
    transition:.25s ease;
}

.bank-hero-site-btn:hover{
    transform:translateY(-2px);
    background:#08308f;
}

.bank-hero-site-btn-alt{
    background:#eef5ff;
    color:#0a2d94;
}

.bank-hero-site-btn-alt:hover{
    background:#e3efff;
}

.bank-detail-main-grid{
    display:grid;
    grid-template-columns:minmax(0, 1.35fr) minmax(320px, .8fr);
    gap:28px;
    align-items:start;
}

.bank-detail-block{
    padding:28px;
    border:1px solid rgba(10, 45, 148, 0.10);
    border-radius:24px;
    background:#fff;
    box-shadow:0 14px 35px rgba(10, 45, 148, 0.06);
    margin-bottom:22px;
}

.bank-detail-block h2{
    margin:0 0 14px;
    color:#0a2d94;
}

.bank-detail-block p{
    color:#4a5974;
    line-height:1.8;
}

.bank-facts-note{
    margin-top:16px;
    padding:16px 18px;
    border-radius:16px;
    background:#f7faff;
    border:1px solid rgba(10, 45, 148, 0.08);
    color:#56657d;
    line-height:1.7;
}

.bank-detail-meta-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.bank-meta-item{
    padding:16px 18px;
    border-radius:16px;
    background:#f9fbff;
    border:1px solid rgba(10, 45, 148, 0.08);
}

.bank-meta-item span{
    display:block;
    font-size:.84rem;
    color:#74819a;
    margin-bottom:8px;
}

.bank-meta-item strong{
    color:#0a2d94;
    font-size:1rem;
}

.bank-offer-box{
    position:sticky;
    top:110px;
    padding:28px;
    border-radius:24px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border:1px solid rgba(245, 135, 44, 0.18);
    box-shadow:0 20px 44px rgba(10, 45, 148, 0.08);
}

.bank-offer-kicker{
    display:inline-block;
    margin-bottom:8px;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#f5872c;
}

.bank-offer-box h3{
    margin:0 0 18px;
    color:#0a2d94;
}

.bank-offer-rate{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    padding:16px 18px;
    border-radius:18px;
    background:#0a2d94;
    color:#fff;
    margin-bottom:18px;
}

.bank-offer-rate strong{
    font-size:2rem;
    line-height:1;
}

.bank-offer-rate span{
    opacity:.9;
    font-size:.9rem;
}

.bank-offer-form{
    display:grid;
    gap:14px;
    margin-bottom:18px;
}

.bank-offer-field label{
    display:block;
    margin-bottom:6px;
    color:#5b6a84;
    font-size:.88rem;
    font-weight:600;
}

.bank-offer-field input{
    width:100%;
    height:50px;
    border-radius:14px;
    border:1px solid rgba(10, 45, 148, 0.12);
    background:#fff;
    padding:0 14px;
    font-size:1rem;
}

.bank-offer-results{
    display:grid;
    gap:12px;
    margin-bottom:20px;
}

.bank-offer-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid rgba(10, 45, 148, 0.08);
}

.bank-offer-row span{
    color:#6b7891;
    font-size:.92rem;
}

.bank-offer-row strong{
    color:#0a2d94;
}

.bank-offer-row-total strong{
    color:#f5872c;
    font-size:1.08rem;
}

.bank-offer-btn{
    width:100%;
    justify-content:center;
}

.bank-offer-note{
    margin:12px 0 0;
    color:#71809a;
    font-size:.88rem;
    line-height:1.7;
}

/* modal */
.modal-open{
    overflow:hidden;
}

.bank-inquiry-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    opacity:0;
    visibility:hidden;
    transition:.25s ease;
}

.bank-inquiry-modal.is-open{
    opacity:1;
    visibility:visible;
}

.bank-inquiry-backdrop{
    position:absolute;
    inset:0;
    background:rgba(9, 21, 45, 0.55);
    backdrop-filter:blur(4px);
}

.bank-inquiry-dialog{
    position:relative;
    width:min(680px, calc(100% - 24px));
    margin:5vh auto 0;
    background:#fff;
    border-radius:24px;
    padding:28px;
    box-shadow:0 35px 80px rgba(0,0,0,.18);
    z-index:2;
}

.bank-inquiry-close{
    position:absolute;
    top:14px;
    right:14px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#f2f6fd;
    color:#0a2d94;
    font-size:24px;
    cursor:pointer;
}

.bank-inquiry-head h3{
    margin:0 0 6px;
    color:#0a2d94;
}

.bank-inquiry-head p{
    margin:0 0 18px;
    color:#6d7a92;
}

.bank-inquiry-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.bank-inquiry-field{
    margin-bottom:14px;
}

.bank-inquiry-field label{
    display:block;
    margin-bottom:6px;
    font-size:.88rem;
    color:#62718b;
    font-weight:600;
}

.bank-inquiry-field input,
.bank-inquiry-field textarea{
    width:100%;
    border:1px solid rgba(10, 45, 148, 0.12);
    border-radius:14px;
    background:#fff;
    padding:13px 14px;
    font-size:1rem;
}

.bank-submit-progress{
    width:100%;
    height:8px;
    border-radius:999px;
    background:#edf2fb;
    overflow:hidden;
    margin:16px 0 14px;
    opacity:0;
    transform:translateY(4px);
    transition:.25s ease;
}

.bank-submit-progress span{
    display:block;
    width:0%;
    height:100%;
    background:linear-gradient(90deg, #f5872c 0%, #0a2d94 100%);
    transition:1.2s linear;
}

.bank-submit-progress.is-active{
    opacity:1;
    transform:translateY(0);
}

.bank-submit-progress.is-active span{
    width:78%;
}

.bank-submit-progress.is-complete span{
    width:100%;
}

.bank-submit-btn{
    width:100%;
    justify-content:center;
}

.bank-inquiry-note{
    margin:12px 0 0;
    color:#6b7891;
    font-size:.88rem;
    line-height:1.7;
}

@media (max-width: 991px){
    .bank-detail-main-grid{
        grid-template-columns:1fr;
    }

    .bank-offer-box{
        position:relative;
        top:auto;
    }

    .bank-hero-mini-wrap{
        flex-direction:column;
        align-items:flex-start;
    }

    .bank-hero-mini-right{
        width:100%;
        justify-content:flex-start;
    }
}

@media (max-width: 767px){
    .bank-detail-meta-grid,
    .bank-inquiry-grid{
        grid-template-columns:1fr;
    }

    .bank-hero-mini-left{
        flex-direction:column;
        align-items:flex-start;
    }

    .bank-hero-mini-copy h1{
        font-size:1.45rem;
    }

    .bank-inquiry-dialog{
        padding:22px 18px;
    }
}
/* FULL HERO BANK */
.bank-hero-full{
    position:relative;
    height:200px;
    min-height:200px;
    display:flex;
    align-items:center;
    background:url('/assets/img/009.jpg') center/cover no-repeat;
    color:#fff;
    overflow:hidden;
}

.bank-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(5, 20, 50, 0.95) 0%,
        rgba(5, 20, 50, 0.85) 50%,
        rgba(5, 20, 50, 0.65) 100%
    );
}

.bank-hero-inner{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.bank-hero-left{
    display:flex;
    align-items:center;
    gap:20px;
}

.bank-hero-logo{
    width:120px;
    height:80px;
    background:#fff;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
}

.bank-hero-logo img{
    max-width:100%;
    max-height:50px;
}

.bank-hero-content h1{
    margin:0 0 6px;
    font-size:2.2rem;
    color:#fff;
}

.bank-hero-topline{
    display:flex;
    align-items:center;
    gap:12px;
}

.bank-grade-pill.light{
    background:rgba(255,255,255,0.15);
    border:1px solid rgba(255,255,255,0.25);
    color:#fff;
}

.bank-hero-stars{
    display:flex;
    align-items:center;
    gap:4px;
    margin-bottom:6px;
}

.bank-hero-stars span{
    color:rgba(255,255,255,0.3);
}

.bank-hero-stars span.is-filled{
    color:#ffc94d;
}

.bank-hero-stars small{
    margin-left:6px;
    color:#cbd5e1;
}

.bank-hero-meta{
    color:#cbd5e1;
}

.bank-hero-right{
    display:flex;
    gap:12px;
}

.bank-hero-btn{
    padding:12px 18px;
    border-radius:12px;
    font-weight:600;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.bank-hero-btn.primary{
    background:#f5872c;
    color:#fff;
}

.bank-hero-btn.primary:hover{
    background:#e06f14;
}

.bank-hero-btn.ghost{
    border:1px solid rgba(255,255,255,0.4);
    color:#fff;
}

.bank-hero-btn.ghost:hover{
    background:rgba(255,255,255,0.1);
}

/* responsive */
@media (max-width: 991px){
    .bank-hero-inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .bank-hero-right{
        margin-top:10px;
    }
}
.bank-hero-inner{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.bank-hero-logo{
    width:90px;
    height:60px;
    border-radius:12px;
}

.bank-hero-logo img{
    max-height:40px;
}

.bank-hero-content h1{
    font-size:1.6rem;
    margin-bottom:4px;
}

.bank-hero-stars{
    margin-bottom:4px;
}

.bank-hero-btn{
    padding:10px 14px;
    font-size:0.9rem;
}
@media (max-width: 767px){
    .bank-hero-full{
        height:auto;
        padding:40px 0;
    }
}
.bank-stats-strip{
    margin-top:-40px;
    position:relative;
    z-index:5;
}

.bank-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.bank-stat-item{
    background:#fdffeb;
    border-radius:18px;
    padding:18px 20px;
    border:1px solid rgba(10,45,148,0.08);
    box-shadow:0 15px 40px rgba(10,45,148,0.08);
    text-align:center;
    transition:.25s ease;
    border-bottom:3px solid #ffb347;
}
.bank-stat-item:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 50px rgba(10,45,148,0.12);
}


.bank-stat-item span{
    display:block;
    font-size:.78rem;
    color:#7a8aa6;
    margin-bottom:6px;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.bank-stat-item strong{
    font-size:1.15rem;
    color:#0a2d94;
    font-weight:700;
}
@media (max-width: 991px){
    .bank-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width: 600px){
    .bank-stats-grid{
        grid-template-columns:1fr;
    }

    .bank-stats-strip{
        margin-top:0;
    }
}
.bank-packages-section{
    padding-top: 20px;
    padding-bottom: 30px;
}

.bank-packages-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-top:28px;
}

.bank-package-card{
    position:relative;
    background:#ffffff;
    border:1px solid rgba(18,53,88,0.08);
    border-radius:22px;
    padding:22px;
    box-shadow:0 14px 34px rgba(15,40,70,0.08);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    overflow:hidden;
}

.bank-package-card:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 44px rgba(15,40,70,0.14);
    border-color:rgba(44,104,176,0.18);
}

.bank-package-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#0f4c81,#5fa8ff);
}

.bank-package-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.bank-package-top h3{
    margin:0 0 6px;
    font-size:22px;
    line-height:1.2;
    color:#0f2740;
}

.bank-package-top p{
    margin:0;
    font-size:14px;
    color:#6d7b8a;
}

.bank-package-rate{
    flex:0 0 auto;
    min-width:92px;
    text-align:center;
    padding:14px 12px;
    border-radius:16px;
    background:linear-gradient(180deg,#edf5ff,#dcecff);
    color:#0f4c81;
    font-size:24px;
    font-weight:700;
    line-height:1;
    box-shadow:inset 0 0 0 1px rgba(58,113,185,0.08);
}

.bank-package-meta{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:18px;
}

.bank-package-meta-item{
    background:#f7fafe;
    border:1px solid rgba(15,76,129,0.07);
    border-radius:16px;
    padding:14px;
}

.bank-package-meta-item span{
    display:block;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#7b8794;
    margin-bottom:6px;
}

.bank-package-meta-item strong{
    display:block;
    font-size:15px;
    color:#10283f;
    font-weight:700;
    line-height:1.35;
}

.bank-package-notes{
    margin-bottom:18px;
    padding:14px 16px;
    border-radius:16px;
    background:#f8fbff;
    border-left:4px solid #0f4c81;
    color:#415466;
    font-size:14px;
    line-height:1.6;
}

.bank-package-actions{
    margin-top:auto;
}

.bank-package-actions .services-cta-btn{
    width:100%;
    justify-content:center;
}

@media (max-width: 1100px){
    .bank-packages-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 768px){
    .bank-packages-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .bank-package-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .bank-package-rate{
        min-width:unset;
        width:100%;
    }

    .bank-package-meta{
        grid-template-columns:1fr;
    }
}
.bank-chart-card{
    margin:18px 0 20px;
    padding:18px;
    border-radius:20px;
    background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
    border:1px solid rgba(10,45,148,0.08);
    box-shadow:0 16px 40px rgba(10,45,148,0.08);
}

.bank-chart-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
}

.bank-chart-head strong{
    display:block;
    font-size:16px;
    font-weight:700;
    color:#0a2d94;
}

.bank-chart-head span{
    font-size:12px;
    color:#6b7280;
    line-height:1.4;
}

.bank-donut-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:10px 0 16px;
}

.bank-donut-chart{
    --p: 20;
    width:190px;
    height:190px;
    border-radius:50%;
    position:relative;
    background:
        conic-gradient(
            #0a2d94 0 calc((100 - var(--p)) * 1%),
            #ffb347 calc((100 - var(--p)) * 1%) 100%
        );
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.45);
}

.bank-donut-chart::before{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    border-radius:50%;
    background:#ffffff;
    box-shadow:0 8px 20px rgba(10,45,148,0.08);
}

.bank-donut-center{
    position:relative;
    z-index:2;
    text-align:center;
    width:110px;
}

.bank-donut-center small{
    display:block;
    font-size:11px;
    color:#6b7280;
    margin-bottom:6px;
}

.bank-donut-center strong{
    display:block;
    font-size:16px;
    line-height:1.3;
    color:#0f172a;
    font-weight:800;
}

.bank-chart-legend{
    display:grid;
    gap:10px;
}

.bank-chart-legend-item{
    display:grid;
    grid-template-columns:14px 1fr auto;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:14px;
    background:#f9fbff;
    border:1px solid rgba(10,45,148,0.06);
}

.bank-chart-legend-item span{
    font-size:13px;
    color:#475569;
}

.bank-chart-legend-item strong{
    font-size:13px;
    font-weight:700;
    color:#0f172a;
}

.bank-chart-legend-item .dot{
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
}

.bank-chart-legend-item .dot-investment{
    background:#0a2d94;
}

.bank-chart-legend-item .dot-profit{
    background:#ffb347;
}
.bank-breakdown-card{
    margin:20px 0 22px;
    padding:20px;
    border-radius:22px;
    background:linear-gradient(180deg,#ffffff 0%, #f6f9ff 100%);
    border:1px solid rgba(10,45,148,0.10);
    box-shadow:0 18px 44px rgba(10,45,148,0.10);
}

.bank-breakdown-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:18px;
}

.bank-breakdown-head small{
    display:block;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#8a94a6;
    margin-bottom:4px;
}

.bank-breakdown-head h4{
    margin:0;
    font-size:18px;
    line-height:1.3;
    color:#102a43;
    font-weight:800;
}

.bank-breakdown-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(184,134,11,0.10);
    color:#9a6a00;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    border:1px solid rgba(184,134,11,0.18);
}

.bank-breakdown-total{
    padding:14px 16px;
    border-radius:16px;
    background:linear-gradient(135deg,#0f2f6b 0%, #163d86 100%);
    color:#fff;
    margin-bottom:18px;
    box-shadow:0 12px 28px rgba(15,47,107,0.22);
}

.bank-breakdown-total span{
    display:block;
    font-size:12px;
    opacity:.82;
    margin-bottom:6px;
}

.bank-breakdown-total strong{
    display:block;
    font-size:24px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.01em;
}

.bank-breakdown-bars{
    display:grid;
    gap:14px;
    margin-bottom:18px;
}

.bank-breakdown-row{
    display:grid;
    gap:8px;
}

.bank-breakdown-labels{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.bank-breakdown-labels span{
    font-size:13px;
    color:#5b667a;
    font-weight:600;
}

.bank-breakdown-labels strong{
    font-size:13px;
    color:#102a43;
    font-weight:800;
}

.bank-breakdown-track{
    width:100%;
    height:12px;
    border-radius:999px;
    overflow:hidden;
    background:#e8eef8;
    box-shadow:inset 0 1px 2px rgba(16,42,67,0.06);
}

.bank-breakdown-fill{
    height:100%;
    border-radius:999px;
    transition:width .35s ease;
}

.bank-breakdown-fill.investment{
    background:linear-gradient(90deg,#0f2f6b 0%, #2453a6 100%);
}

.bank-breakdown-fill.profit{
    background:linear-gradient(90deg,#d6a321 0%, #f1c75b 100%);
}

.bank-breakdown-summary{
    display:grid;
    gap:10px;
}

.bank-breakdown-summary-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border-radius:14px;
    background:#fbfcff;
    border:1px solid rgba(10,45,148,0.06);
}

.bank-breakdown-summary-item span{
    font-size:13px;
    color:#667085;
}

.bank-breakdown-summary-item strong{
    font-size:14px;
    font-weight:800;
    color:#102a43;
}

.bank-breakdown-summary-item-total{
    background:linear-gradient(180deg,#fffaf0 0%, #fff5dc 100%);
    border:1px solid rgba(184,134,11,0.18);
}

.bank-breakdown-summary-item-total strong{
    color:#8a5a00;
}

@media (max-width: 640px){
    .bank-breakdown-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .bank-breakdown-total strong{
        font-size:21px;
    }

    .bank-breakdown-labels{
        flex-direction:column;
        align-items:flex-start;
    }
}
.bank-overview-chart{
    margin-top:10px;
    padding:22px;
    border-radius:20px;
    background:linear-gradient(180deg,#ffffff 0%, #f7faff 100%);
    border:1px solid rgba(10,45,148,0.10);
    box-shadow:0 18px 40px rgba(10,45,148,0.08);
}

.bank-overview-head span{
    display:block;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#8b94aa;
    margin-bottom:6px;
}

.bank-overview-head h3{
    margin:0 0 16px;
    font-size:18px;
    font-weight:800;
    color:#102a43;
}

.bank-overview-total{
    background:linear-gradient(135deg,#0f2f6b,#1d4aa8);
    border-radius:14px;
    padding:14px 16px;
    color:#fff;
    margin-bottom:16px;
}

.bank-overview-total small{
    display:block;
    font-size:11px;
    opacity:.8;
    margin-bottom:4px;
}

.bank-overview-total strong{
    font-size:20px;
    font-weight:800;
}

.bank-overview-bars{
    display:grid;
    gap:14px;
}

.bank-overview-labels{
    display:flex;
    justify-content:space-between;
    font-size:13px;
    font-weight:600;
    margin-bottom:6px;
    color:#4a5568;
}

.bank-overview-labels strong{
    color:#102a43;
}

.bank-overview-track{
    height:10px;
    background:#e6edf7;
    border-radius:999px;
    overflow:hidden;
}

.bank-overview-fill{
    height:100%;
    border-radius:999px;
    transition:.3s ease;
}

.bank-overview-fill.capital{
    background:linear-gradient(90deg,#0f2f6b,#2453a6);
}

.bank-overview-fill.profit{
    background:linear-gradient(90deg,#d6a321,#f1c75b);
}

.bank-overview-note{
    margin-top:12px;
    font-size:12px;
    color:#6b7280;
}
.bank-packages-compare-chart{
    background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
    border:1px solid rgba(10,45,148,0.10);
    border-radius:24px;
    padding:26px 24px;
    box-shadow:0 20px 50px rgba(10,45,148,0.08);
}

.bank-packages-legend{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin:14px 0 18px;
}

.bank-packages-legend-item{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:#44506b;
    font-weight:600;
}

.legend-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    display:inline-block;
}

.legend-dot-investment{
    background:#1736d1;
}

.legend-dot-profit{
    background:#9aa8ff;
}

.bank-packages-chart-wrap{
    display:grid;
    grid-template-columns:60px 1fr;
    gap:14px;
    align-items:stretch;
    margin-top:10px;
}

.bank-packages-chart-y{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-end;
    min-height:320px;
    padding:8px 0 28px;
    font-size:12px;
    color:#6e7891;
    font-weight:700;
}

.bank-packages-chart-area{
    position:relative;
    min-height:320px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    padding:22px 14px 34px;
    border-left:2px solid #2d3448;
    border-bottom:2px solid #2d3448;
    background:
        linear-gradient(to top, rgba(10,45,148,0.06) 1px, transparent 1px) 0 0/100% 33.333%;
}

.bank-package-bar-group{
    flex:1;
    min-width:56px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}

.bank-package-bars{
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:6px;
    min-height:230px;
}

.bank-package-bar{
    width:18px;
    min-height:4px;
    border-radius:8px 8px 0 0;
    transition:height .35s ease, transform .25s ease, box-shadow .25s ease;
    cursor:pointer;
}

.bank-package-bar:hover{
    transform:translateY(-3px);
}

.bank-package-bar.investment{
    background:linear-gradient(180deg,#243bdb 0%, #1829b8 100%);
    box-shadow:0 10px 22px rgba(24,41,184,0.22);
}

.bank-package-bar.profit{
    background:linear-gradient(180deg,#b8c2ff 0%, #8f9cff 100%);
    box-shadow:0 10px 22px rgba(143,156,255,0.26);
}

.bank-package-chart-label{
    text-align:center;
    font-size:13px;
    line-height:1.25;
    font-weight:700;
    color:#2e3650;
    white-space:nowrap;
}

.bank-packages-chart-summary{
    margin-top:18px;
    padding:14px 16px;
    border-radius:16px;
    background:#f5f8ff;
    border:1px solid rgba(10,45,148,0.08);
    color:#31405e;
    font-size:14px;
    line-height:1.6;
}

@media (max-width: 991px){
    .bank-packages-chart-wrap{
        grid-template-columns:48px 1fr;
    }

    .bank-packages-chart-area{
        overflow-x:auto;
        justify-content:flex-start;
        padding-right:20px;
    }

    .bank-package-bar-group{
        min-width:64px;
    }
}

@media (max-width: 767px){
    .bank-packages-compare-chart{
        padding:20px 16px;
    }

    .bank-packages-chart-y{
        min-height:280px;
        font-size:11px;
    }

    .bank-packages-chart-area{
        min-height:280px;
    }

    .bank-package-bars{
        min-height:210px;
    }

    .bank-package-bar{
        width:14px;
    }

    .bank-package-chart-label{
        font-size:12px;
    }
}
.home-bank-logo{
    width:56px;
    height:56px;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(10,45,148,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    box-shadow:0 10px 24px rgba(10,45,148,0.06);
}

.home-bank-logo img{
    max-width:80%;
    max-height:80%;
    object-fit:contain;
    display:block;
}

.home-bank-logo-fallback{
    font-size:20px;
    font-weight:700;
    color:#0a2d94;
}

.home-banks-empty{
    background:#ffffff;
    border:1px solid rgba(10,45,148,0.08);
    border-radius:18px;
    padding:24px;
    text-align:center;
    box-shadow:0 15px 35px rgba(10,45,148,0.06);
}
.home-bank-logo{
    width:56px;
    height:56px;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(10,45,148,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    box-shadow:0 10px 24px rgba(10,45,148,0.06);
}

.home-bank-logo img{
    max-width:80%;
    max-height:80%;
    object-fit:contain;
    display:block;
}

.home-bank-logo-fallback{
    font-size:20px;
    font-weight:700;
    color:#0a2d94;
}

.home-bank-name{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.home-bank-name strong{
    font-size:15px;
    color:#0f172a;
    font-weight:700;
}

.home-bank-name small{
    font-size:12px;
    color:#6b7280;
    line-height:1.35;
}

.home-banks-empty{
    background:#ffffff;
    border:1px solid rgba(10,45,148,0.08);
    border-radius:18px;
    padding:24px;
    text-align:center;
    box-shadow:0 15px 35px rgba(10,45,148,0.06);
}
.register-grid{
    display:grid;
    grid-template-columns: 1.5fr 1fr;
    gap:40px;
}

.register-card{
    background:#ffffff;
    border:1px solid rgba(10,45,148,0.08);
    border-radius:18px;
    padding:28px;
    box-shadow:0 20px 50px rgba(10,45,148,0.08);
}

.register-grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.form-group label{
    display:block;
    font-size:12px;
    margin-bottom:6px;
    color:#64748b;
    font-weight:600;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    padding:12px 14px;
    border-radius:10px;
    border:1px solid #dbe2f0;
    background:#f9fbff;
    font-size:14px;
}

.form-group textarea{
    min-height:120px;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    outline:none;
    border-color:#204c24;
    background:#fff;
}

.register-actions{
    margin-top:20px;
}

/* SIDE */
.register-side{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.register-info-card{
    background:#ffffff;
    border:1px solid rgba(10,45,148,0.08);
    border-radius:18px;
    padding:22px;
    box-shadow:0 15px 40px rgba(10,45,148,0.06);
}

.register-info-card h3{
    margin-bottom:12px;
    font-size:18px;
}

.register-steps{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.register-step{
    display:flex;
    gap:12px;
}

.register-step span{
    font-size:12px;
    font-weight:700;
    color:#204c24;
}

.register-step p{
    font-size:14px;
    color:#475569;
}

/* MOBILE */
@media(max-width: 900px){
    .register-grid{
        grid-template-columns:1fr;
    }

    .register-grid-2{
        grid-template-columns:1fr;
    }
}