/* ===================================
   RYTHON DESIGN SYSTEM
=================================== */

:root{

--primary:#2563EB;
--primary-dark:#1747C9;

--secondary:#081B4B;

--text:#475569;

--white:#ffffff;

--light:#F8FBFF;

--border:#E7EEF9;

--shadow:0 20px 60px rgba(0,0,0,.08);

--radius:18px;

--container:1280px;

}

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:Inter,sans-serif;

background:#fff;

color:var(--secondary);

overflow-x:hidden;

}

.container{

max-width:1400px;

margin:auto;

padding:0 40px;

}

img{

display:block;

max-width:100%;

}

a{

text-decoration:none;

}

section{

position:relative;

padding:100px 0;

}
/* ===========================
   HEADER
=========================== */

.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(24px);
    border-bottom:1px solid rgba(0,0,0,.06);
    z-index:999;
    transition:.35s;
}

.nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:74px;
}

.logo img{
    height:42px;
    width:auto;

}

.menu{
    display:flex;
    align-items:center;
    gap:40px;
    list-style:none;
}

.menu li{
    list-style:none;
}

.menu a{
    color:#081B4B;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.menu a:hover,
.menu a.active{
    color:#2563EB;
}

.partner-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 28px;
    background:#2563EB;
    color:#fff;
    border-radius:14px;
    font-weight:700;
    transition:.3s;
}

.partner-btn:hover{
    background:#1747C9;
    transform:translateY(-2px);
}