
/*!
Interlabs Knowledge Center CSS v3.0
Premium Framework
Namespace: ilh-
*/

:root{
--ilh-primary:#123b78;
--ilh-primary2:#2b63b0;
--ilh-secondary:#7d9134;
--ilh-text:#334155;
--ilh-muted:#64748b;
--ilh-bg:#fff;
--ilh-soft:#f5f8fc;
--ilh-border:#e7edf5;
--ilh-radius:22px;
--ilh-shadow:0 15px 40px rgba(15,23,42,.08);
--ilh-max:1320px;
}

.ilh-page{max-width:var(--ilh-max);margin:auto;padding:70px 24px;font:16px/1.85 Inter,Segoe UI,Arial,sans-serif;color:var(--ilh-text)}
.ilh-page *{box-sizing:border-box}
.ilh-page img{max-width:100%;height:auto}
.ilh-page h1,.ilh-page h2,.ilh-page h3,.ilh-page h4{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.02em}
.ilh-page h2{color:var(--ilh-primary);font-size:2.3rem}
.ilh-page p{max-width:900px}

.ilh-hero{
background:linear-gradient(135deg,#123b78,#2b63b0);
padding:90px 60px;
border-radius:32px;
position:relative;
overflow:hidden;
box-shadow:var(--ilh-shadow);
margin-bottom:70px;
}
.ilh-hero:before,.ilh-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.05)}
.ilh-hero:before{width:420px;height:420px;right:-120px;top:-120px}
.ilh-hero:after{width:300px;height:300px;left:-80px;bottom:-80px}
.ilh-hero>*{position:relative;z-index:2}
.ilh-hero h1{color:#fff!important;font-size:clamp(3rem,6vw,5rem)!important;line-height:1.05}
.ilh-hero p,.ilh-hero .ilh-lead{color:#f5f8ff!important;font-size:1.2rem}

.ilh-contact-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
margin:60px 0;
}
.ilh-contact-card{
background:#fff;
border-radius:22px;
padding:30px;
border-top:5px solid var(--ilh-primary);
box-shadow:var(--ilh-shadow);
}

/* PREMIUM RELATED LINKS */

.ilh-related-links{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:28px;
padding:0;
margin:60px 0;
list-style:none;
}

.ilh-related-links li{
list-style:none;
margin:0;
padding:0;
height:100%;
}

.ilh-related-links li a{
display:flex;
flex-direction:column;
justify-content:space-between;
height:180px;
padding:28px;
background:#fff;
border:1px solid var(--ilh-border);
border-radius:22px;
box-shadow:var(--ilh-shadow);
position:relative;
overflow:hidden;
transition:.35s;
font-weight:700;
color:var(--ilh-primary);
text-decoration:none;
line-height:1.5;
}

.ilh-related-links li a:before{
content:"";
position:absolute;
left:0;
top:0;
width:6px;
height:100%;
background:linear-gradient(180deg,#123b78,#2b63b0);
}

.ilh-related-links li a:after{
content:"→";
position:absolute;
right:26px;
bottom:22px;
font-size:24px;
opacity:.5;
transition:.35s;
}

.ilh-related-links li a:hover{
background:linear-gradient(135deg,#123b78,#2b63b0);
color:#fff;
transform:translateY(-8px);
}

.ilh-related-links li a:hover:after{
color:#fff;
opacity:1;
transform:translateX(5px);
}

@media(max-width:768px){
.ilh-page{padding:30px 16px}
.ilh-hero{padding:45px 24px}
.ilh-hero h1{font-size:2.3rem!important}
.ilh-related-links{grid-template-columns:1fr}
.ilh-related-links li a{height:auto;min-height:150px}
}
.ilh-mt-0{margin-top:0px}
.ilh-mb-0{margin-bottom:0px}
.ilh-p-0{padding:0px}
.ilh-mt-1{margin-top:1px}
.ilh-mb-1{margin-bottom:1px}
.ilh-p-1{padding:1px}
.ilh-mt-2{margin-top:2px}
.ilh-mb-2{margin-bottom:2px}
.ilh-p-2{padding:2px}
.ilh-mt-3{margin-top:3px}
.ilh-mb-3{margin-bottom:3px}
.ilh-p-3{padding:3px}
.ilh-mt-4{margin-top:4px}
.ilh-mb-4{margin-bottom:4px}
.ilh-p-4{padding:4px}
.ilh-mt-5{margin-top:5px}
.ilh-mb-5{margin-bottom:5px}
.ilh-p-5{padding:5px}
.ilh-mt-6{margin-top:6px}
.ilh-mb-6{margin-bottom:6px}
.ilh-p-6{padding:6px}
.ilh-mt-7{margin-top:7px}
.ilh-mb-7{margin-bottom:7px}
.ilh-p-7{padding:7px}
.ilh-mt-8{margin-top:8px}
.ilh-mb-8{margin-bottom:8px}
.ilh-p-8{padding:8px}
.ilh-mt-9{margin-top:9px}
.ilh-mb-9{margin-bottom:9px}
.ilh-p-9{padding:9px}
.ilh-mt-10{margin-top:10px}
.ilh-mb-10{margin-bottom:10px}
.ilh-p-10{padding:10px}
.ilh-mt-11{margin-top:11px}
.ilh-mb-11{margin-bottom:11px}
.ilh-p-11{padding:11px}
.ilh-mt-12{margin-top:12px}
.ilh-mb-12{margin-bottom:12px}
.ilh-p-12{padding:12px}
.ilh-mt-13{margin-top:13px}
.ilh-mb-13{margin-bottom:13px}
.ilh-p-13{padding:13px}
.ilh-mt-14{margin-top:14px}
.ilh-mb-14{margin-bottom:14px}
.ilh-p-14{padding:14px}
.ilh-mt-15{margin-top:15px}
.ilh-mb-15{margin-bottom:15px}
.ilh-p-15{padding:15px}
.ilh-mt-16{margin-top:16px}
.ilh-mb-16{margin-bottom:16px}
.ilh-p-16{padding:16px}
.ilh-mt-17{margin-top:17px}
.ilh-mb-17{margin-bottom:17px}
.ilh-p-17{padding:17px}
.ilh-mt-18{margin-top:18px}
.ilh-mb-18{margin-bottom:18px}
.ilh-p-18{padding:18px}
.ilh-mt-19{margin-top:19px}
.ilh-mb-19{margin-bottom:19px}
.ilh-p-19{padding:19px}
.ilh-mt-20{margin-top:20px}
.ilh-mb-20{margin-bottom:20px}
.ilh-p-20{padding:20px}
.ilh-mt-21{margin-top:21px}
.ilh-mb-21{margin-bottom:21px}
.ilh-p-21{padding:21px}
.ilh-mt-22{margin-top:22px}
.ilh-mb-22{margin-bottom:22px}
.ilh-p-22{padding:22px}
.ilh-mt-23{margin-top:23px}
.ilh-mb-23{margin-bottom:23px}
.ilh-p-23{padding:23px}
.ilh-mt-24{margin-top:24px}
.ilh-mb-24{margin-bottom:24px}
.ilh-p-24{padding:24px}
.ilh-mt-25{margin-top:25px}
.ilh-mb-25{margin-bottom:25px}
.ilh-p-25{padding:25px}
.ilh-mt-26{margin-top:26px}
.ilh-mb-26{margin-bottom:26px}
.ilh-p-26{padding:26px}
.ilh-mt-27{margin-top:27px}
.ilh-mb-27{margin-bottom:27px}
.ilh-p-27{padding:27px}
.ilh-mt-28{margin-top:28px}
.ilh-mb-28{margin-bottom:28px}
.ilh-p-28{padding:28px}
.ilh-mt-29{margin-top:29px}
.ilh-mb-29{margin-bottom:29px}
.ilh-p-29{padding:29px}
.ilh-mt-30{margin-top:30px}
.ilh-mb-30{margin-bottom:30px}
.ilh-p-30{padding:30px}
.ilh-mt-31{margin-top:31px}
.ilh-mb-31{margin-bottom:31px}
.ilh-p-31{padding:31px}
.ilh-mt-32{margin-top:32px}
.ilh-mb-32{margin-bottom:32px}
.ilh-p-32{padding:32px}
.ilh-mt-33{margin-top:33px}
.ilh-mb-33{margin-bottom:33px}
.ilh-p-33{padding:33px}
.ilh-mt-34{margin-top:34px}
.ilh-mb-34{margin-bottom:34px}
.ilh-p-34{padding:34px}
.ilh-mt-35{margin-top:35px}
.ilh-mb-35{margin-bottom:35px}
.ilh-p-35{padding:35px}
.ilh-mt-36{margin-top:36px}
.ilh-mb-36{margin-bottom:36px}
.ilh-p-36{padding:36px}
.ilh-mt-37{margin-top:37px}
.ilh-mb-37{margin-bottom:37px}
.ilh-p-37{padding:37px}
.ilh-mt-38{margin-top:38px}
.ilh-mb-38{margin-bottom:38px}
.ilh-p-38{padding:38px}
.ilh-mt-39{margin-top:39px}
.ilh-mb-39{margin-bottom:39px}
.ilh-p-39{padding:39px}
.ilh-mt-40{margin-top:40px}
.ilh-mb-40{margin-bottom:40px}
.ilh-p-40{padding:40px}
.ilh-mt-41{margin-top:41px}
.ilh-mb-41{margin-bottom:41px}
.ilh-p-41{padding:41px}
.ilh-mt-42{margin-top:42px}
.ilh-mb-42{margin-bottom:42px}
.ilh-p-42{padding:42px}
.ilh-mt-43{margin-top:43px}
.ilh-mb-43{margin-bottom:43px}
.ilh-p-43{padding:43px}
.ilh-mt-44{margin-top:44px}
.ilh-mb-44{margin-bottom:44px}
.ilh-p-44{padding:44px}
.ilh-mt-45{margin-top:45px}
.ilh-mb-45{margin-bottom:45px}
.ilh-p-45{padding:45px}
.ilh-mt-46{margin-top:46px}
.ilh-mb-46{margin-bottom:46px}
.ilh-p-46{padding:46px}
.ilh-mt-47{margin-top:47px}
.ilh-mb-47{margin-bottom:47px}
.ilh-p-47{padding:47px}
.ilh-mt-48{margin-top:48px}
.ilh-mb-48{margin-bottom:48px}
.ilh-p-48{padding:48px}
.ilh-mt-49{margin-top:49px}
.ilh-mb-49{margin-bottom:49px}
.ilh-p-49{padding:49px}
.ilh-mt-50{margin-top:50px}
.ilh-mb-50{margin-bottom:50px}
.ilh-p-50{padding:50px}
.ilh-mt-51{margin-top:51px}
.ilh-mb-51{margin-bottom:51px}
.ilh-p-51{padding:51px}
.ilh-mt-52{margin-top:52px}
.ilh-mb-52{margin-bottom:52px}
.ilh-p-52{padding:52px}
.ilh-mt-53{margin-top:53px}
.ilh-mb-53{margin-bottom:53px}
.ilh-p-53{padding:53px}
.ilh-mt-54{margin-top:54px}
.ilh-mb-54{margin-bottom:54px}
.ilh-p-54{padding:54px}
.ilh-mt-55{margin-top:55px}
.ilh-mb-55{margin-bottom:55px}
.ilh-p-55{padding:55px}
.ilh-mt-56{margin-top:56px}
.ilh-mb-56{margin-bottom:56px}
.ilh-p-56{padding:56px}
.ilh-mt-57{margin-top:57px}
.ilh-mb-57{margin-bottom:57px}
.ilh-p-57{padding:57px}
.ilh-mt-58{margin-top:58px}
.ilh-mb-58{margin-bottom:58px}
.ilh-p-58{padding:58px}
.ilh-mt-59{margin-top:59px}
.ilh-mb-59{margin-bottom:59px}
.ilh-p-59{padding:59px}
.ilh-mt-60{margin-top:60px}
.ilh-mb-60{margin-bottom:60px}
.ilh-p-60{padding:60px}
.ilh-mt-61{margin-top:61px}
.ilh-mb-61{margin-bottom:61px}
.ilh-p-61{padding:61px}
.ilh-mt-62{margin-top:62px}
.ilh-mb-62{margin-bottom:62px}
.ilh-p-62{padding:62px}
.ilh-mt-63{margin-top:63px}
.ilh-mb-63{margin-bottom:63px}
.ilh-p-63{padding:63px}
.ilh-mt-64{margin-top:64px}
.ilh-mb-64{margin-bottom:64px}
.ilh-p-64{padding:64px}
.ilh-mt-65{margin-top:65px}
.ilh-mb-65{margin-bottom:65px}
.ilh-p-65{padding:65px}
.ilh-mt-66{margin-top:66px}
.ilh-mb-66{margin-bottom:66px}
.ilh-p-66{padding:66px}
.ilh-mt-67{margin-top:67px}
.ilh-mb-67{margin-bottom:67px}
.ilh-p-67{padding:67px}
.ilh-mt-68{margin-top:68px}
.ilh-mb-68{margin-bottom:68px}
.ilh-p-68{padding:68px}
.ilh-mt-69{margin-top:69px}
.ilh-mb-69{margin-bottom:69px}
.ilh-p-69{padding:69px}
.ilh-mt-70{margin-top:70px}
.ilh-mb-70{margin-bottom:70px}
.ilh-p-70{padding:70px}
.ilh-mt-71{margin-top:71px}
.ilh-mb-71{margin-bottom:71px}
.ilh-p-71{padding:71px}
.ilh-mt-72{margin-top:72px}
.ilh-mb-72{margin-bottom:72px}
.ilh-p-72{padding:72px}
.ilh-mt-73{margin-top:73px}
.ilh-mb-73{margin-bottom:73px}
.ilh-p-73{padding:73px}
.ilh-mt-74{margin-top:74px}
.ilh-mb-74{margin-bottom:74px}
.ilh-p-74{padding:74px}
.ilh-mt-75{margin-top:75px}
.ilh-mb-75{margin-bottom:75px}
.ilh-p-75{padding:75px}
.ilh-mt-76{margin-top:76px}
.ilh-mb-76{margin-bottom:76px}
.ilh-p-76{padding:76px}
.ilh-mt-77{margin-top:77px}
.ilh-mb-77{margin-bottom:77px}
.ilh-p-77{padding:77px}
.ilh-mt-78{margin-top:78px}
.ilh-mb-78{margin-bottom:78px}
.ilh-p-78{padding:78px}
.ilh-mt-79{margin-top:79px}
.ilh-mb-79{margin-bottom:79px}
.ilh-p-79{padding:79px}
.ilh-mt-80{margin-top:80px}
.ilh-mb-80{margin-bottom:80px}
.ilh-p-80{padding:80px}
.ilh-mt-81{margin-top:81px}
.ilh-mb-81{margin-bottom:81px}
.ilh-p-81{padding:81px}
.ilh-mt-82{margin-top:82px}
.ilh-mb-82{margin-bottom:82px}
.ilh-p-82{padding:82px}
.ilh-mt-83{margin-top:83px}
.ilh-mb-83{margin-bottom:83px}
.ilh-p-83{padding:83px}
.ilh-mt-84{margin-top:84px}
.ilh-mb-84{margin-bottom:84px}
.ilh-p-84{padding:84px}
.ilh-mt-85{margin-top:85px}
.ilh-mb-85{margin-bottom:85px}
.ilh-p-85{padding:85px}
.ilh-mt-86{margin-top:86px}
.ilh-mb-86{margin-bottom:86px}
.ilh-p-86{padding:86px}
.ilh-mt-87{margin-top:87px}
.ilh-mb-87{margin-bottom:87px}
.ilh-p-87{padding:87px}
.ilh-mt-88{margin-top:88px}
.ilh-mb-88{margin-bottom:88px}
.ilh-p-88{padding:88px}
.ilh-mt-89{margin-top:89px}
.ilh-mb-89{margin-bottom:89px}
.ilh-p-89{padding:89px}
.ilh-mt-90{margin-top:90px}
.ilh-mb-90{margin-bottom:90px}
.ilh-p-90{padding:90px}
.ilh-mt-91{margin-top:91px}
.ilh-mb-91{margin-bottom:91px}
.ilh-p-91{padding:91px}
.ilh-mt-92{margin-top:92px}
.ilh-mb-92{margin-bottom:92px}
.ilh-p-92{padding:92px}
.ilh-mt-93{margin-top:93px}
.ilh-mb-93{margin-bottom:93px}
.ilh-p-93{padding:93px}
.ilh-mt-94{margin-top:94px}
.ilh-mb-94{margin-bottom:94px}
.ilh-p-94{padding:94px}
.ilh-mt-95{margin-top:95px}
.ilh-mb-95{margin-bottom:95px}
.ilh-p-95{padding:95px}
.ilh-mt-96{margin-top:96px}
.ilh-mb-96{margin-bottom:96px}
.ilh-p-96{padding:96px}
.ilh-mt-97{margin-top:97px}
.ilh-mb-97{margin-bottom:97px}
.ilh-p-97{padding:97px}
.ilh-mt-98{margin-top:98px}
.ilh-mb-98{margin-bottom:98px}
.ilh-p-98{padding:98px}
.ilh-mt-99{margin-top:99px}
.ilh-mb-99{margin-bottom:99px}
.ilh-p-99{padding:99px}
.ilh-mt-100{margin-top:100px}
.ilh-mb-100{margin-bottom:100px}
.ilh-p-100{padding:100px}



/* ==========================================================
INTERLABS PREMIUM UPGRADE PACK v4
========================================================== */

/* Better reading width */
.ilh-page{
max-width:1200px;
font-size:17px;
line-height:1.9;
}

/* Floating hero */
.ilh-hero{
background:
radial-gradient(circle at top right,rgba(255,255,255,.10),transparent 35%),
linear-gradient(135deg,#123b78,#2f67b5);
border:1px solid rgba(255,255,255,.08);
box-shadow:0 30px 80px rgba(18,59,120,.22);
}

/* Glass summary cards */
.ilh-summary{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:24px;
margin-top:-40px;
position:relative;
z-index:20;
}

.ilh-summary-card{
background:rgba(255,255,255,.94);
backdrop-filter:blur(12px);
border:1px solid #edf2f7;
border-radius:20px;
padding:24px;
box-shadow:0 18px 45px rgba(15,23,42,.08);
transition:.35s;
}

.ilh-summary-card:hover{
transform:translateY(-8px);
}

/* Premium content cards */
.ilh-section{
background:#fff;
border:1px solid #edf2f7;
border-radius:24px;
padding:40px;
margin:50px 0;
box-shadow:0 10px 35px rgba(15,23,42,.05);
}

/* Better headings */
.ilh-page h2{
position:relative;
padding-bottom:14px;
margin-bottom:28px;
}

.ilh-page h2:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:72px;
height:4px;
background:linear-gradient(90deg,#123b78,#7d9134);
border-radius:99px;
}

/* Expert block */
.ilh-expert{
border-radius:28px;
padding:45px;
background:
linear-gradient(135deg,#123b78,#2b63b0);
color:#fff;
box-shadow:0 25px 70px rgba(18,59,120,.25);
}

.ilh-expert h2,
.ilh-expert h3,
.ilh-expert p{
color:#fff !important;
}

/* Compact related guide cards */
.ilh-related-links{
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:18px;
}

.ilh-related-links li a{
height:auto;
min-height:96px;
padding:18px 20px;
display:flex;
align-items:center;
justify-content:space-between;
font-size:16px;
font-weight:700;
border-left:5px solid #123b78;
}

.ilh-related-links li a:hover{
background:linear-gradient(135deg,#123b78,#2b63b0);
}

/* Contact */
.ilh-contact-card{
transition:.35s;
}
.ilh-contact-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(15,23,42,.12);
}

/* CTA */
.ilh-cta{
border-radius:30px;
overflow:hidden;
position:relative;
}
.ilh-cta:before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 40%);
pointer-events:none;
}

/* Nice scrollbar for tables */
.ilh-table-wrapper::-webkit-scrollbar{
height:8px;
}
.ilh-table-wrapper::-webkit-scrollbar-thumb{
background:#123b78;
border-radius:99px;
}

