/* ===========================
   RESET
=========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    color:#222;
    line-height:1.6;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

/* ===========================
   CONTAINER
=========================== */

.container{
    width:92%;
    max-width:1280px;
    margin:auto;
}

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

.main-header{

    width:100%;

    position:sticky;

    top:0;

    left:0;

    background:#fff;

    z-index:999;

    box-shadow:0 3px 15px rgba(0,0,0,.08);

}

.main-header .container{

    display:flex;

    align-items:center;

    justify-content:space-between;

    height:80px;

}

/* Logo */

.logo img{

    height:48px;

}

/* Menu */

.desktop-menu ul{

    display:flex;

    align-items:center;

    gap:35px;

}

.desktop-menu a{

    color:#222;

    font-size:16px;

    font-weight:600;

    transition:.3s;

}

.desktop-menu a:hover{

    color:#25D366;

}

/* Buttons */

.header-buttons{

    display:flex;

    gap:15px;

}

.btn-login{

    padding:12px 24px;

    border:2px solid #25D366;

    color:#25D366;

    border-radius:8px;

    font-weight:600;

    transition:.3s;

}

.btn-login:hover{

    background:#25D366;

    color:#fff;

}

.btn-register{

    padding:12px 24px;

    background:#25D366;

    color:#fff;

    border-radius:8px;

    font-weight:600;

    transition:.3s;

}

.btn-register:hover{

    background:#1ea952;

}

/* Mobile */

.mobile-menu-btn{

    display:none;

}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:992px){

.desktop-menu{

display:none;

}

.header-buttons{

display:none;

}

.mobile-menu-btn{

display:block;

font-size:28px;

background:none;

border:none;

cursor:pointer;

}

.main-header .container{

height:70px;

}

.logo img{

height:42px;

}

}