.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.rank-page{
background:#0A0F1E;
color:#fff;
font-family:Inter,sans-serif;
}

.rank-page *{
box-sizing:border-box;
}

.container{
max-width:1120px;
margin:auto;
padding:0 24px;
}

.hero{
min-height:90vh;
display:flex;
align-items:center;
text-align:center;
padding:140px 0;
}

.eyebrow{
color:#5B5FEE;
font-size:12px;
letter-spacing:2px;
font-weight:700;
}

.hero h1{
font-size:72px;
line-height:1.05;
margin:30px 0;
font-weight:800;
}

.hero p{
max-width:700px;
margin:auto;
color:#9CA3B0;
font-size:20px;
line-height:1.8;
}

.hero-btns{
margin-top:40px;
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.btn{
background:#5B5FEE;
padding:18px 34px;
border-radius:10px;
color:white;
text-decoration:none;
font-weight:700;
display:inline-block;
}

.btn:hover{
transform:translateY(-3px);
}

.link-btn{
color:#9CA3B0;
text-decoration:none;
}

section{
padding:100px 0;
}

h2{
text-align:center;
font-size:48px;
margin-bottom:60px;
}

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

.card{
background:#fff;
color:#111;
padding:40px;
border-radius:16px;
}

.card h3{
margin-bottom:18px;
}

#book{
text-align:center;
}

.large{
padding:20px 48px;
}

@media(max-width:768px){

.hero h1{
font-size:42px;
}

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

h2{
font-size:34px;
}

}/* End custom CSS */