/* =========================================================
   FINANTARI
========================================================= */
.finantari-page{
    background:#fff;
    color:var(--dark);
}

.finantari-page .section-kicker{
    margin:0 0 16px;
    border:1px solid rgba(227,27,120,.16);
    background:#fff;
    box-shadow:none;
}

.finantari-hero,
.finantare-single-hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 18%,rgba(7,67,67,.20),transparent 34%),
        radial-gradient(circle at 86% 14%,rgba(227,27,120,.18),transparent 30%),
        linear-gradient(135deg,#074343 0%,var(--navy) 64%,#074343 100%);
    color:#fff;
}

.finantari-hero::before,
.finantare-single-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
    background-size:54px 54px;
    opacity:.55;
    pointer-events:none;
}

.finantari-hero-inner{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) 420px;
    gap:58px;
    align-items:center;
    max-width:1350px;
    padding:86px 0 92px;
}

.finantari-hero-copy{
    min-width:0;
}

.finantari-hero .section-kicker,
.finantare-single-hero .section-kicker{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.10);
    color:#fff;
}

.finantari-hero h1,
.finantare-single-hero h1{
    max-width:880px;
    margin:0;
    color:#fff;
    font-size:46px;
    font-weight:650;
    line-height:1.06;
}

.finantari-hero h1{
    max-width:820px;
    font-size:52px;
}

.finantari-hero p,
.finantare-single-hero p{
    max-width:720px;
    margin:20px 0 0;
    color:rgba(255,255,255,.76);
    font-size:17px;
    line-height:1.72;
}

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

.finantari-hero-actions .btn.secondary{
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.10);
    color:#fff;
}

.finantari-hero-trust{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}

.finantari-hero-trust span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.82);
    font-size:13px;
    font-weight:750;
    line-height:1.2;
}

.finantari-hero-trust i{
    color:var(--cyan);
}

.finantari-hero-panel{
    position:relative;
    display:grid;
    gap:16px;
    padding:24px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    background:rgba(255,255,255,.10);
    box-shadow:0 28px 80px rgba(0,0,0,.18);
    backdrop-filter:blur(14px);
}

.finantari-hero-panel::before{
    content:"";
    position:absolute;
    top:0;
    right:24px;
    left:24px;
    height:3px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,var(--pink),var(--cyan));
}

.finantari-hero-panel-top{
    display:grid;
    gap:6px;
    padding:8px 0 10px;
}

.finantari-hero-panel-top span,
.finantari-hero-panel-top p{
    margin:0;
    color:rgba(255,255,255,.70);
    font-size:13px;
    font-weight:800;
    line-height:1.25;
    text-transform:uppercase;
}

.finantari-hero-panel-top strong{
    color:#fff;
    font-size:58px;
    font-weight:850;
    line-height:1;
}

.finantari-hero-status-list{
    display:grid;
    gap:10px;
}

.finantari-hero-status-list a{
    display:grid;
    grid-template-columns:36px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:12px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:8px;
    background:rgba(255,255,255,.08);
    color:#fff;
}

.finantari-hero-status-list a:hover{
    border-color:rgba(7,67,67,.34);
    background:rgba(255,255,255,.13);
    color:#fff;
}

.finantari-hero-status-list i{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:8px;
    background:rgba(255,255,255,.12);
    color:var(--cyan);
}

.finantari-hero-status-list span{
    min-width:0;
    color:rgba(255,255,255,.86);
    font-size:14px;
    font-weight:800;
}

.finantari-hero-status-list strong{
    color:#fff;
    font-size:20px;
    font-weight:850;
}

.finantari-hero-panel-note{
    display:flex;
    align-items:center;
    gap:10px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.13);
    color:rgba(255,255,255,.78);
    font-size:13px;
    font-weight:750;
    line-height:1.45;
}

.finantari-hero-panel-note i{
    color:var(--pink);
}

.finantari-overview{
    position:relative;
    z-index:2;
    margin-top:-34px;
    padding:0 0 64px;
}

.finantari-status-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.finantari-status-card{
    position:relative;
    overflow:hidden;
    display:grid;
    gap:10px;
    min-height:170px;
    padding:22px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:8px;
    background:#fff;
    color:var(--dark);
    box-shadow:0 18px 45px rgba(7,67,67,.08);
}

.finantari-status-card::after{
    content:"";
    position:absolute;
    right:22px;
    bottom:0;
    left:22px;
    height:3px;
    border-radius:999px 999px 0 0;
    background:linear-gradient(90deg,var(--pink),var(--cyan));
}

.finantari-status-card > span{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:8px;
    background:#074343;
    color:var(--cyan);
}

.finantari-status-card small{
    color:var(--pink);
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    text-transform:uppercase;
}

.finantari-status-card strong{
    color:var(--dark);
    font-size:22px;
    font-weight:650;
    line-height:1.15;
}

.finantari-status-card em{
    color:#60737b;
    font-size:14px;
    font-style:normal;
    font-weight:750;
}

.finantari-status-card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,27,120,.20);
    color:var(--pink);
}

.finantari-status-nav{
    padding:22px 0;
    border-bottom:1px solid rgba(7,67,67,.08);
    background:#fff;
}

.finantari-status-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.finantari-status-tabs a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:12px 15px;
    border:1px solid rgba(7,67,67,.10);
    border-radius:999px;
    background:#f8fcfd;
    color:#074343;
    font-size:14px;
    font-weight:800;
    line-height:1.2;
}

.finantari-status-tabs a:hover{
    border-color:rgba(227,27,120,.24);
    background:#fff7fb;
    color:var(--pink);
}

.finantari-status-tabs i{
    color:var(--pink);
}

.finantari-section{
    padding:78px 0;
    background:#fff;
}

.finantari-section:nth-of-type(odd){
    background:#f8fbfb;
}

.finantari-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:34px;
}

.finantari-section-head > div:first-child{
    max-width:820px;
}

.finantari-section-head h2{
    margin:0;
    color:var(--dark);
    font-size:38px;
    font-weight:650;
    line-height:1.08;
}

.finantari-section-head p{
    max-width:690px;
    margin:14px 0 0;
    color:#60737b;
    font-size:16px;
    line-height:1.7;
}

.finantari-section-count{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:112px;
    min-height:94px;
    padding:16px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:8px;
    background:#fff;
    color:var(--dark);
}

.finantari-section:nth-of-type(odd) .finantari-section-count{
    background:#f8fcfd;
}

.finantari-section-count strong{
    color:var(--pink);
    font-size:34px;
    font-weight:850;
    line-height:1;
}

.finantari-section-count span{
    color:#60737b;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.finantari-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.finantare-card{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:340px;
    padding:26px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:8px;
    background:#fff;
    box-shadow:none;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.finantare-card::before{
    content:"";
    position:absolute;
    top:0;
    right:26px;
    left:26px;
    height:3px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,var(--pink),var(--cyan));
}

.finantare-card:hover{
    transform:translateY(-5px);
    border-color:rgba(227,27,120,.20);
    box-shadow:0 24px 60px rgba(7,67,67,.10);
}

.finantare-card-media{
    overflow:hidden;
    margin:-26px -26px 22px;
    background:
        linear-gradient(135deg,rgba(227,27,120,.10),rgba(7,67,67,.14)),
        #f3f8fa;
}

.finantare-card-media a,
.finantare-card-media img,
.finantare-card-placeholder{
    display:block;
    width:100%;
    height:100%;
}

.finantare-card-media a{
    aspect-ratio:16/9;
}

.finantare-card-media img{
    object-fit:cover;
    transition:transform .5s ease;
}

.finantare-card:hover .finantare-card-media img{
    transform:scale(1.055);
}

.finantare-card-placeholder{
    display:grid;
    place-items:center;
    color:var(--pink);
    font-size:34px;
}

.finantare-card-top{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    margin-bottom:20px;
}

.finantare-card-number{
    order:99;
    margin-left:auto;
    color:rgba(7,67,67,.10);
    font-size:34px;
    font-weight:900;
    line-height:1;
}

.finantare-status,
.finantare-tag{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:7px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
}

.finantare-status{
    background:rgba(7,67,67,.12);
    color:#06717c;
}

.finantare-status-in-derulare{
    background:rgba(227,27,120,.10);
    color:var(--pink);
}

.finantare-status-inactive{
    background:#eef3f4;
    color:#60737b;
}

.finantare-tag{
    background:#f8fcfd;
    color:#074343;
}

.finantare-category-pill{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:7px 10px;
    border-radius:999px;
    background:#fff7fb;
    color:var(--pink);
    font-size:12px;
    font-weight:800;
    line-height:1.2;
}

.finantare-card h3{
    margin:0 0 12px;
    color:var(--dark);
    font-size:22px;
    font-weight:650;
    line-height:1.18;
}

.finantare-card h3 a{
    color:inherit;
}

.finantare-card h3 a:hover{
    color:var(--pink);
}

.finantare-card p{
    margin:0 0 22px;
    color:#60737b;
    font-size:15px;
    line-height:1.7;
}

.finantare-meta{
    display:grid;
    gap:10px;
    margin-top:auto;
    margin-bottom:22px;
}

.finantare-meta span{
    display:grid;
    grid-template-columns:26px 90px 1fr;
    gap:10px;
    align-items:center;
    padding:11px 12px;
    border:1px solid rgba(7,67,67,.08);
    border-radius:8px;
    background:#f8fcfd;
    color:#074343;
    font-size:13px;
    line-height:1.35;
}

.finantare-meta i{
    color:var(--pink);
}

.finantare-meta strong{
    color:#60737b;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.finantare-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    width:max-content;
    max-width:100%;
    padding:10px 14px;
    border:1px solid rgba(227,27,120,.18);
    border-radius:999px;
    background:#fff7fb;
    color:var(--pink);
    font-size:14px;
    font-weight:800;
}

.finantare-link:hover{
    border-color:var(--pink);
    background:var(--pink);
    color:#fff;
}

.finantari-empty{
    display:flex;
    gap:14px;
    align-items:center;
    padding:22px;
    border:1px solid rgba(7,67,67,.10);
    border-radius:8px;
    background:#fff;
    color:#60737b;
}

.finantari-empty i{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:42px;
    height:42px;
    border-radius:8px;
    background:#f8fcfd;
    color:var(--pink);
}

.finantari-empty p{
    margin:0;
    font-size:15px;
    line-height:1.6;
}

.finantare-single-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:54px;
    align-items:center;
    padding:82px 0;
}

.finantare-back{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:22px;
    padding:10px 15px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.finantare-back i{
    color:var(--cyan);
}

.finantare-single-hero .section-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:46px;
    margin:0 0 22px;
    padding:10px 15px;
    border-radius:999px;
    font-size:13px;
    font-weight:800;
    line-height:1.2;
}

.finantare-single-categories{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:18px 0 0;
}

.finantare-single-categories a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.finantare-single-categories i{
    color:var(--cyan);
}

.finantare-hero-share{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    margin-top:24px;
}

.finantare-hero-share > span{
    color:rgba(255,255,255,.72);
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

.finantare-hero-share a,
.finantare-hero-share button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font:inherit;
    font-size:13px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
}

.finantare-hero-share a:hover,
.finantare-hero-share button:hover,
.finantare-hero-share button.is-copied{
    border-color:rgba(227,27,120,.38);
    background:#e31b78;
    color:#fff;
}

.finantare-hero-share i{
    color:var(--cyan);
}

.finantare-hero-share a:hover i,
.finantare-hero-share button:hover i,
.finantare-hero-share button.is-copied i{
    color:#fff;
}

.finantare-single-panel{
    display:grid;
    gap:14px;
    padding:26px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    background:rgba(255,255,255,.10);
    color:#fff;
}

.finantare-single-panel div{
    display:grid;
    gap:6px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.finantare-single-panel strong{
    color:rgba(255,255,255,.68);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}

.finantare-single-panel span{
    color:#fff;
    font-size:16px;
    font-weight:650;
}

.finantare-single-content-section{
    padding:78px 0;
    background:linear-gradient(180deg,#fff 0%,#f8fcfd 100%);
}

.finantare-single-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 370px;
    gap:54px;
    align-items:start;
    max-width:1350px;
}

.finantare-single-content{
    min-width:0;
    padding:34px;
    border:1px solid rgba(7,67,67,.08);
    border-radius:8px;
    background:#fff;
    box-shadow:0 18px 45px rgba(7,67,67,.06);
    color:#344d54;
    font-size:16px;
    line-height:1.85;
}

.finantare-single-content h2,
.finantare-single-content h3,
.finantare-single-content h4{
    margin-top:30px;
    color:var(--dark);
    font-weight:650;
}

.finantare-featured{
    overflow:hidden;
    margin:0 0 30px;
    border-radius:8px;
}

.finantare-featured img{
    width:100%;
    aspect-ratio:16/8;
    object-fit:cover;
}

.finantare-sidebar{
    position:sticky;
    top:110px;
    min-width:0;
}

.finantare-sidebar-card{
    padding:24px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:8px;
    background:#fff;
    box-shadow:0 18px 45px rgba(7,67,67,.06);
}

.finantare-sidebar-card .section-kicker{
    margin-bottom:14px;
}

.finantare-sidebar-card h2{
    margin:0 0 10px;
    color:var(--dark);
    font-size:23px;
    font-weight:650;
    line-height:1.16;
}

.finantare-sidebar-card p{
    margin:0 0 20px;
    color:#60737b;
    font-size:14px;
    line-height:1.65;
}

.finantare-sidebar-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
}

.finantare-sidebar-tags a,
.finantare-sidebar-tags span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border:1px solid rgba(227,27,120,.16);
    border-radius:999px;
    background:#fff7fb;
    color:var(--dark);
    font-size:12px;
    font-weight:800;
    line-height:1.2;
}

.finantare-sidebar-tags a:hover{
    border-color:rgba(227,27,120,.28);
    background:#e31b78;
    color:#fff;
}

.finantare-sidebar-tags i{
    color:var(--pink);
}

.finantare-sidebar-tags a:hover i{
    color:#fff;
}

.finantare-sidebar-tags-card{
    margin-top:18px;
}

.finantare-sidebar-tags-card h2{
    margin-bottom:16px;
}

.finantare-sidebar-options-card{
    margin-bottom:18px;
}

.finantare-sidebar-options{
    display:grid;
    gap:10px;
}

.finantare-sidebar-option{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:10px;
    border:1px solid rgba(7,67,67,.08);
    border-radius:8px;
    background:#f8fcfd;
    color:var(--dark);
}

.finantare-sidebar-option:hover{
    border-color:rgba(227,27,120,.22);
    background:#fff7fb;
    color:var(--pink);
}

.finantare-sidebar-option span{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:8px;
    background:#fff;
    color:var(--pink);
}

.finantare-sidebar-option strong{
    overflow:hidden;
    color:inherit;
    font-size:14px;
    font-weight:650;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.finantare-sidebar-option > i{
    color:var(--pink);
}

.finantare-sidebar-option-text{
    grid-template-columns:42px minmax(0,1fr);
}

.finantare-sidebar-option-text strong{
    white-space:normal;
}

.finantare-active-list{
    display:grid;
    gap:10px;
    margin-bottom:20px;
}

.finantare-active-item{
    display:grid;
    grid-template-columns:64px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:10px;
    border:1px solid rgba(7,67,67,.08);
    border-radius:8px;
    background:#f8fcfd;
    color:var(--dark);
}

.finantare-active-item:hover{
    border-color:rgba(227,27,120,.22);
    background:#fff7fb;
    color:var(--pink);
}

.finantare-active-thumb{
    display:block;
    overflow:hidden;
    width:64px;
    height:64px;
    border-radius:8px;
    background:#eef5f7;
}

.finantare-active-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.finantare-active-thumb.placeholder{
    display:grid;
    place-items:center;
    color:var(--pink);
}

.finantare-active-copy{
    display:grid;
    gap:4px;
    min-width:0;
}

.finantare-active-copy strong{
    overflow:hidden;
    color:inherit;
    font-size:14px;
    font-weight:650;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.finantare-active-copy small{
    color:#60737b;
    font-size:12px;
    font-weight:700;
}

.finantari-empty.compact{
    align-items:flex-start;
    margin-bottom:18px;
    padding:14px;
}

.finantari-category-hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 14% 20%,rgba(7,67,67,.18),transparent 34%),
        linear-gradient(135deg,#f8fbfb 0%,#fff 54%,#f8fbfb 100%);
}

.finantari-category-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(90deg,rgba(7,67,67,.035) 1px,transparent 1px),
        linear-gradient(180deg,rgba(7,67,67,.030) 1px,transparent 1px);
    background-size:72px 72px;
    pointer-events:none;
}

.finantari-category-hero-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    gap:46px;
    align-items:center;
    padding:78px 0;
}

.finantari-category-hero h1{
    max-width:860px;
    margin:0;
    color:var(--dark);
    font-size:44px;
    font-weight:650;
    line-height:1.08;
}

.finantari-category-hero p{
    max-width:720px;
    margin:18px 0 0;
    color:#60737b;
    font-size:16px;
    line-height:1.7;
}

.finantari-category-hero .finantare-back{
    border-color:rgba(7,67,67,.10);
    background:#fff;
    color:var(--dark);
}

.finantari-category-hero .section-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:46px;
    margin:0 0 22px;
    padding:10px 15px;
    border-radius:999px;
    font-size:13px;
    font-weight:800;
    line-height:1.2;
}

.finantari-category-panel{
    display:grid;
    gap:8px;
    padding:26px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:8px;
    background:#fff;
    box-shadow:0 18px 45px rgba(7,67,67,.06);
}

.finantari-category-panel span{
    color:var(--pink);
    font-size:48px;
    font-weight:800;
    line-height:1;
}

.finantari-category-panel strong{
    color:#60737b;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

.finantari-category-results{
    padding:78px 0;
    background:#fff;
}

.finantari-category-layout{
    display:grid;
    grid-template-columns:310px minmax(0,1fr);
    gap:42px;
    align-items:start;
}

.finantari-category-sidebar{
    position:sticky;
    top:110px;
}

.finantari-category-filter{
    padding:22px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:8px;
    background:#f8fcfd;
}

.finantari-category-search{
    display:grid;
    gap:10px;
    margin-bottom:22px;
    padding-bottom:22px;
    border-bottom:1px solid rgba(7,67,67,.08);
}

.finantari-category-search label{
    margin:0;
    color:var(--dark);
    font-size:14px;
    font-weight:800;
    line-height:1.2;
}

.finantari-category-search div{
    display:grid;
    grid-template-columns:18px minmax(0,1fr) 40px;
    gap:10px;
    align-items:center;
    min-height:48px;
    padding:6px 6px 6px 14px;
    border:1px solid rgba(7,67,67,.10);
    border-radius:999px;
    background:#fff;
    transition:border-color .22s ease,box-shadow .22s ease;
}

.finantari-category-search div:focus-within{
    border-color:rgba(227,27,120,.28);
    box-shadow:0 12px 30px rgba(7,67,67,.06);
}

.finantari-category-search i{
    color:var(--pink);
    font-size:13px;
}

.finantari-category-search input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:var(--dark);
    font-size:14px;
    font-weight:650;
}

.finantari-category-search input::placeholder{
    color:#8a9aa0;
    font-weight:600;
}

.finantari-category-search button{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border:0;
    border-radius:999px;
    background:var(--pink);
    color:#fff;
    cursor:pointer;
}

.finantari-category-search button i{
    color:#fff;
}

.finantari-category-search-clear{
    display:inline-flex;
    align-items:center;
    width:max-content;
    color:#60737b;
    font-size:13px;
    font-weight:750;
}

.finantari-category-search-clear:hover{
    color:var(--pink);
}

.finantari-category-filter h2{
    margin:0 0 16px;
    color:var(--dark);
    font-size:22px;
    font-weight:650;
}

.finantari-category-links{
    display:grid;
    gap:9px;
}

.finantari-category-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px;
    border:1px solid rgba(7,67,67,.08);
    border-radius:8px;
    background:#fff;
    color:var(--dark);
    font-size:14px;
    font-weight:750;
}

.finantari-category-links a:hover,
.finantari-category-links a.active{
    border-color:rgba(227,27,120,.22);
    background:#fff7fb;
    color:var(--pink);
}

.finantari-category-links small{
    display:grid;
    place-items:center;
    min-width:28px;
    height:28px;
    border-radius:999px;
    background:#f3f8fa;
    color:#60737b;
    font-size:12px;
}

.finantari-search-note{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    padding:14px 16px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:8px;
    background:#fff7fb;
    color:#60737b;
    font-size:14px;
    font-weight:700;
    line-height:1.4;
}

.finantari-search-note i,
.finantari-search-note strong{
    color:var(--pink);
}

.finantari-category-sort{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:24px;
    padding:16px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:8px;
    background:#f8fcfd;
}

.finantari-category-sort > span{
    color:var(--dark);
    font-size:14px;
    font-weight:800;
}

.finantari-category-sort div{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.finantari-category-sort a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:999px;
    background:#fff;
    color:#074343;
    font-size:13px;
    font-weight:800;
    line-height:1.2;
}

.finantari-category-sort a:hover{
    border-color:rgba(227,27,120,.22);
    background:#fff7fb;
    color:var(--pink);
}

.finantari-category-sort i{
    color:var(--pink);
}

.finantari-category-status-group{
    display:grid;
    gap:16px;
}

.finantari-category-status-group + .finantari-category-status-group{
    margin-top:34px;
}

.finantari-category-status-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(7,67,67,.10);
}

.finantari-category-status-head p{
    max-width:520px;
    margin:0;
    color:#60737b;
    font-size:14px;
    line-height:1.6;
    text-align:right;
}

.finantari-category-status-head .finantare-status{
    gap:8px;
}

.finantari-category-list{
    display:grid;
    gap:18px;
}

.finantari-category-row{
    display:grid;
    grid-template-columns:220px minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    padding:16px;
    border:1px solid rgba(7,67,67,.09);
    border-radius:8px;
    background:#fff;
    box-shadow:0 14px 38px rgba(7,67,67,.05);
}

.finantari-category-row-media{
    display:block;
    overflow:hidden;
    aspect-ratio:16/10;
    border-radius:8px;
    background:#f3f8fa;
}

.finantari-category-row-media img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.finantari-category-row-media span{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:var(--pink);
    font-size:32px;
}

.finantari-category-row-copy h2{
    margin:12px 0 8px;
    color:var(--dark);
    font-size:23px;
    font-weight:650;
    line-height:1.18;
}

.finantari-category-row-copy h2 a{
    color:inherit;
}

.finantari-category-row-copy h2 a:hover{
    color:var(--pink);
}

.finantari-category-row-copy p{
    margin:0;
    color:#60737b;
    font-size:15px;
    line-height:1.65;
}

.finantari-category-row-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
}

.finantari-category-row-meta span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    border-radius:999px;
    background:#f8fcfd;
    color:#074343;
    font-size:13px;
    font-weight:750;
}

.finantari-category-row-meta i{
    color:var(--pink);
}

.finantari-category-row-link{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:999px;
    background:#fff7fb;
    color:var(--pink);
}

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

    .finantari-hero-inner,
    .finantare-single-grid,
    .finantare-single-layout,
    .finantari-category-hero-grid,
    .finantari-category-layout{
        grid-template-columns:1fr;
    }

    .finantari-section-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .finantari-section-count{
        width:auto;
        min-height:0;
        place-items:start;
    }

    .finantare-sidebar,
    .finantari-category-sidebar{
        position:static;
    }
}

@media (max-width:680px){
    .finantari-hero-inner,
    .finantare-single-grid{
        padding:58px 0;
    }

    .finantari-hero h1,
    .finantare-single-hero h1{
        font-size:34px;
        line-height:1.12;
    }

    .finantare-hero-share > span{
        width:100%;
    }

    .finantare-hero-share a,
    .finantare-hero-share button{
        flex:1 1 auto;
        justify-content:center;
    }

    .finantari-hero-panel{
        padding:20px;
    }

    .finantari-hero-panel-top strong{
        font-size:48px;
    }

    .finantari-hero-trust{
        flex-direction:column;
    }

    .finantari-overview{
        margin-top:-22px;
        padding-bottom:46px;
    }

    .finantari-status-cards{
        grid-template-columns:1fr;
    }

    .finantari-hero-actions,
    .finantari-status-tabs{
        flex-direction:column;
        align-items:stretch;
    }

    .finantari-section,
    .finantare-single-content-section,
    .finantari-category-results{
        padding:62px 0;
    }

    .finantari-section-head h2,
    .finantari-category-hero h1{
        font-size:30px;
    }

    .finantari-grid{
        grid-template-columns:1fr;
    }

    .finantare-card,
    .finantare-single-panel,
    .finantare-single-content,
    .finantare-sidebar-card{
        padding:22px;
    }

    .finantare-card-media{
        margin:-22px -22px 20px;
    }

    .finantare-meta span{
        grid-template-columns:24px 1fr;
    }

    .finantare-meta strong{
        display:none;
    }

    .finantare-sidebar-option{
        grid-template-columns:38px minmax(0,1fr) auto;
    }

    .finantare-sidebar-option span{
        width:38px;
        height:38px;
    }

    .finantare-sidebar-option-text{
        grid-template-columns:38px minmax(0,1fr);
    }

    .finantare-active-item{
        grid-template-columns:56px minmax(0,1fr);
    }

    .finantare-active-item > i{
        display:none;
    }

    .finantare-active-thumb{
        width:56px;
        height:56px;
    }

    .finantari-category-hero-grid{
        padding:58px 0;
    }

    .finantari-category-sort,
    .finantari-category-status-head{
        align-items:stretch;
        flex-direction:column;
    }

    .finantari-category-sort div{
        flex-direction:column;
    }

    .finantari-category-status-head p{
        max-width:none;
        text-align:left;
    }

    .finantari-category-row{
        grid-template-columns:1fr;
    }

    .finantari-category-row-link{
        display:none;
    }
}