/*==================================================
TYPOGRAPHY SYSTEM
Career Platform
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root{

--display:clamp(4.5rem,8vw,7rem);
--h1:clamp(3.8rem,6vw,5.5rem);
--h2:clamp(2.8rem,5vw,4.2rem);
--h3:clamp(2rem,4vw,3rem);
--h4:2rem;
--h5:1.4rem;
--body:1.08rem;

}

html{

font-size:16px;

}

body{

font-family:'Inter',sans-serif;

font-weight:400;

line-height:1.8;

letter-spacing:-.02em;

color:#fff;

}

.display{

font-size:var(--display);

font-weight:900;

line-height:.95;

letter-spacing:-4px;

}

h1{

font-size:var(--h1);

font-weight:800;

line-height:1;

letter-spacing:-3px;

margin-bottom:30px;

}

h2{

font-size:var(--h2);

font-weight:800;

line-height:1.05;

letter-spacing:-2px;

margin-bottom:25px;

}

h3{

font-size:var(--h3);

font-weight:700;

margin-bottom:20px;

}

h4{

font-size:var(--h4);

font-weight:700;

}

h5{

font-size:var(--h5);

font-weight:600;

}

p{

font-size:var(--body);

color:#B5B5B5;

line-height:1.9;

margin-bottom:30px;

max-width:720px;

}

small{

font-size:.9rem;

color:#888;

}

.section-title{

max-width:900px;

margin:auto;

text-align:center;

}

.section-title span{

display:inline-block;

padding:8px 18px;

border-radius:50px;

font-size:.75rem;

letter-spacing:3px;

font-weight:700;

text-transform:uppercase;

background:rgba(255,255,255,.06);

margin-bottom:25px;

}

.gradient-text{

background:linear-gradient(90deg,#fff,#9fa8ff);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.text-center{

text-align:center;

}

.text-right{

text-align:right;

}

.text-muted{

color:#8E8E93;

}

.fw-300{

font-weight:300;

}

.fw-400{

font-weight:400;

}

.fw-500{

font-weight:500;

}

.fw-600{

font-weight:600;

}

.fw-700{

font-weight:700;

}

.fw-800{

font-weight:800;

}

.fw-900{

font-weight:900;

}