.rbm-dl-app,
.rbm-dl-app *{box-sizing:border-box}

.rbm-dl-app{
--blue:#0088d1;
--cyan:#20c7ff;
--navy:#071a2c;
--text:#142235;
--muted:#718096;
--border:#e5ecf2;
--bg:#f7fafc;
width:100%;
max-width:100%;
overflow:hidden;
color:var(--text);
font-family:inherit
}

.rbm-dl-inline-icon svg,
.rbm-dl-search svg,
.rbm-dl-card svg,
.rbm-dl-button svg,
.rbm-dl-cta svg,
.rbm-dl-empty>svg{
width:18px;
height:18px;
display:block;
flex:0 0 auto
}

.rbm-dl-eyebrow .rbm-dl-inline-icon svg{width:14px;height:14px}

.rbm-dl-hero{
position:relative;
min-height:470px;
display:flex;
align-items:center;
overflow:hidden;
background:
radial-gradient(circle at 84% 20%,rgba(32,199,255,.18),transparent 28%),
radial-gradient(circle at 8% 100%,rgba(0,136,209,.18),transparent 30%),
linear-gradient(135deg,#061525 0%,#092a45 52%,#074164 100%)
}

.rbm-dl-hero:before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
background-size:42px 42px
}

.rbm-dl-hero:after{
content:"";
position:absolute;
width:500px;height:500px;
right:-230px;top:-170px;
border:1px solid rgba(255,255,255,.07);
border-radius:50%;
box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(255,255,255,.01)
}

.rbm-dl-hero-inner{
position:relative;
z-index:2;
width:min(1240px,100%);
margin:0 auto;
padding:80px 24px 125px
}

.rbm-dl-hero-content{max-width:760px}

.rbm-dl-eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:21px;
padding:9px 15px;
border:1px solid rgba(125,211,252,.24);
border-radius:999px;
background:rgba(14,165,233,.1);
color:#7dd3fc;
font-size:10px;
font-weight:800;
letter-spacing:1.7px;
text-transform:uppercase
}

.rbm-dl-hero h1{
margin:0;
color:#fff;
font-size:clamp(38px,6vw,65px);
line-height:1.03;
font-weight:850;
letter-spacing:-2px
}

.rbm-dl-hero h1 span{
display:block;
color:#35c7ff
}

.rbm-dl-hero-description{
max-width:670px;
margin:23px 0 0;
color:rgba(255,255,255,.69);
font-size:15px;
line-height:1.8
}

.rbm-dl-stats{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:30px
}

.rbm-dl-stat{
min-width:115px;
padding:12px 15px;
border:1px solid rgba(255,255,255,.1);
border-radius:12px;
background:rgba(255,255,255,.05);
backdrop-filter:blur(10px)
}

.rbm-dl-stat strong{
display:block;
color:#fff;
font-size:18px;
line-height:1;
font-weight:800
}

.rbm-dl-stat span{
display:block;
margin-top:6px;
color:rgba(255,255,255,.5);
font-size:9px;
font-weight:700;
letter-spacing:.7px
}

.rbm-dl-search-wrap{
position:relative;
z-index:20;
width:min(940px,calc(100% - 30px));
margin:-42px auto 0
}

.rbm-dl-search{
display:flex;
align-items:center;
width:100%;
padding:7px;
border:1px solid #e2e8f0;
border-radius:17px;
background:rgba(255,255,255,.97);
box-shadow:0 25px 65px rgba(5,31,52,.16);
backdrop-filter:blur(15px)
}

.rbm-dl-search-icon{
width:48px;height:48px;
flex:0 0 48px;
display:flex;align-items:center;justify-content:center;
color:var(--blue)
}

.rbm-dl-search input{
width:100%;
height:48px;
padding:0;
border:0!important;
outline:none!important;
background:transparent!important;
color:#0f172a;
font-family:inherit;
font-size:13px;
box-shadow:none!important
}

.rbm-dl-search input::placeholder{color:#9aa7b7}

.rbm-dl-search-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
flex:0 0 auto;
min-height:48px;
padding:0 19px;
border:0;
border-radius:11px;
background:linear-gradient(135deg,#0088d1,#006ca8);
color:#fff;
font-family:inherit;
font-size:11px;
font-weight:800;
cursor:pointer
}

.rbm-dl-content{
width:min(1240px,100%);
margin:0 auto;
padding:72px 24px 90px
}

.rbm-dl-heading{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin-bottom:23px
}

.rbm-dl-heading small{
display:block;
margin-bottom:7px;
color:var(--blue);
font-size:10px;
font-weight:800;
letter-spacing:1.7px;
text-transform:uppercase
}

.rbm-dl-heading h2{
margin:0;
color:var(--navy);
font-size:clamp(27px,4vw,35px);
line-height:1.15;
font-weight:850;
letter-spacing:-.7px
}

.rbm-dl-count{
color:#97a4b3;
font-size:11px;
font-weight:700;
white-space:nowrap
}

.rbm-dl-count strong{color:var(--blue)}

.rbm-dl-filter{
display:flex;
gap:8px;
margin-bottom:32px;
overflow-x:auto;
padding-bottom:4px;
scrollbar-width:none;
-webkit-overflow-scrolling:touch
}

.rbm-dl-filter::-webkit-scrollbar{display:none}

.rbm-dl-filter button{
flex:0 0 auto;
min-height:38px;
padding:0 15px;
border:1px solid var(--border);
border-radius:999px;
background:#fff;
color:#68788c;
font-family:inherit;
font-size:10px;
font-weight:800;
cursor:pointer
}

.rbm-dl-filter button.active{
border-color:var(--blue);
background:var(--blue);
color:#fff;
box-shadow:0 7px 18px rgba(0,136,209,.18)
}

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

.rbm-dl-card{
position:relative;
display:flex;
flex-direction:column;
min-width:0;
min-height:345px;
padding:25px;
border:1px solid var(--border);
border-radius:18px;
background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
overflow:hidden;
transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease
}

.rbm-dl-card:hover{
transform:translateY(-5px);
border-color:#b9def1;
box-shadow:0 18px 44px rgba(7,29,49,.09)
}

.rbm-dl-card-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-bottom:23px
}

.rbm-dl-icon{
width:54px;height:54px;
flex:0 0 54px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background:#ebf8ff;
color:var(--blue);
transition:.25s
}

.rbm-dl-card:hover .rbm-dl-icon{
background:var(--blue);
color:#fff
}

.rbm-dl-type{
padding:6px 9px;
border-radius:6px;
background:#f1f5f9;
color:#68788c;
font-size:9px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase
}

.rbm-dl-card h3{
margin:0 0 9px;
color:var(--navy);
font-size:18px;
line-height:1.35;
font-weight:800
}

.rbm-dl-card p{
margin:0;
color:var(--muted);
font-size:12px;
line-height:1.75
}

.rbm-dl-data{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:20px
}

.rbm-dl-data span{
display:inline-flex;
align-items:center;
gap:5px;
padding:6px 8px;
border-radius:7px;
background:#f6f9fb;
color:#8795a6;
font-size:9px;
font-weight:700
}

.rbm-dl-data svg{width:13px;height:13px;color:var(--blue)}

.rbm-dl-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:auto;
padding-top:20px;
border-top:1px solid #edf1f5
}

.rbm-dl-file{
display:inline-flex;
align-items:center;
gap:8px;
color:#758496;
font-size:9px;
font-weight:800
}

.rbm-dl-file svg{width:14px;height:14px;color:#ef4444}

.rbm-dl-button,
.rbm-dl-cta a{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:40px;
padding:0 13px;
border-radius:9px;
background:#edf8fe;
color:var(--blue);
text-decoration:none!important;
font-size:9px;
font-weight:800;
white-space:nowrap
}

.rbm-dl-button svg,.rbm-dl-cta a svg{width:13px;height:13px}

.rbm-dl-button:hover{
background:var(--blue);
color:#fff
}

.rbm-dl-loading{
grid-column:1/-1;
padding:60px 20px;
text-align:center;
border:1px dashed #cbd5e1;
border-radius:18px;
color:#94a3b8;
font-size:13px
}

.rbm-dl-empty{
display:none;
padding:65px 20px;
text-align:center;
border:1px dashed #cbd5e1;
border-radius:18px;
background:#fbfdff
}

.rbm-dl-empty>svg{
width:40px;height:40px;
margin:0 auto;
color:#9aa7b5
}

.rbm-dl-empty h3{
margin:13px 0 6px;
color:var(--navy);
font-size:18px
}

.rbm-dl-empty p{
margin:0;
color:#94a3b8;
font-size:12px
}

.rbm-dl-pagination{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
margin-top:28px
}

.rbm-dl-page-btn{
min-width:37px;
height:37px;
padding:0 10px;
border:1px solid var(--border);
border-radius:9px;
background:#fff;
color:#68788c;
font-family:inherit;
font-size:10px;
font-weight:800;
cursor:pointer
}

.rbm-dl-page-btn.active{
background:var(--blue);
border-color:var(--blue);
color:#fff
}

.rbm-dl-page-btn:disabled{
opacity:.4;
cursor:not-allowed
}

.rbm-dl-cta{
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
margin-top:55px;
padding:34px;
border-radius:20px;
background:radial-gradient(circle at 90% 0%,rgba(32,199,255,.13),transparent 30%),linear-gradient(135deg,#071a2c,#0a3859)
}

.rbm-dl-cta h3{
margin:0 0 7px;
color:#fff;
font-size:20px;
font-weight:800
}

.rbm-dl-cta p{
margin:0;
color:rgba(255,255,255,.62);
font-size:11px;
line-height:1.65
}

.rbm-dl-cta a{
flex:0 0 auto;
min-height:44px;
padding:0 18px;
background:#fff
}

.rbm-dl-cta a:hover{
background:var(--cyan);
color:#fff
}

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

@media(max-width:680px){
.rbm-dl-hero{min-height:415px}
.rbm-dl-hero-inner{padding:56px 18px 100px}
.rbm-dl-hero h1{font-size:39px;letter-spacing:-1.3px}
.rbm-dl-hero-description{font-size:13px}
.rbm-dl-stats{gap:7px}
.rbm-dl-stat{min-width:0;flex:1 1 calc(33.333% - 7px);padding:10px}
.rbm-dl-stat strong{font-size:15px}
.rbm-dl-stat span{font-size:7px}
.rbm-dl-search-wrap{width:calc(100% - 28px);margin-top:-31px}
.rbm-dl-search{padding:6px;border-radius:15px}
.rbm-dl-search-icon{width:43px;height:44px;flex-basis:43px}
.rbm-dl-search input{height:44px;font-size:11px}
.rbm-dl-search-btn{display:none}
.rbm-dl-content{padding:52px 15px 60px}
.rbm-dl-heading{display:block;margin-bottom:21px}
.rbm-dl-heading h2{font-size:27px}
.rbm-dl-count{display:block;margin-top:7px}
.rbm-dl-filter{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;margin-bottom:25px}
.rbm-dl-grid{grid-template-columns:1fr;gap:14px}
.rbm-dl-card{min-height:0;padding:21px;border-radius:16px}
.rbm-dl-card h3{font-size:17px}
.rbm-dl-card p{font-size:12px}
.rbm-dl-footer{margin-top:24px}
.rbm-dl-cta{display:block;margin-top:40px;padding:26px;border-radius:17px}
.rbm-dl-cta h3{font-size:18px}
.rbm-dl-cta a{width:100%;margin-top:19px}
}

@media(max-width:390px){
.rbm-dl-hero h1{font-size:34px}
.rbm-dl-card{padding:19px}
}