main {
    padding-top: 90px;
    margin-top: 0;
}

body{
    padding-top: 70px;
}

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
position:relative;
}

.menu-toggle{
display:none !important;
}

.nav-links{
display:flex !important;
flex-direction:row !important;
list-style:none;
gap:40px;
margin:0;
padding:0;
}

.nav-links.active{
display:flex;
}

.nav-links li{
display:inline-block;
}

.nav-links a{
color:#e2e8f0;
text-decoration:none;
font-size:1.125rem;
font-weight:600;
text-transform:uppercase;
letter-spacing:1px;
transition:color .3s ease;
}

.nav-links a:hover,
.nav-links a.active{
color:#2563eb;
}

.logo-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo {
    height: 60px;
    width: auto;
}

.logo-container h2 {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}


/* ==========================================================================
   2. HEADER & NAVIGASYON (Üst Menü)
   ========================================================================== */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 10px 5%;
    box-sizing: border-box;

    background-color: rgba(11, 15, 25, 0.8);
    backdrop-filter: blur(12px);

    z-index: 9999;
}

.hero {
    min-height: 90vh;
}
html,
body{
    overflow-x:hidden;
    max-width:100%;
}