.container{
    max-width:1140px;
    margin:0 auto;
    padding:0 20px
}

a{
    color:inherit;
    text-decoration:none
}

.nav {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(0, 0, 0, .5);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--border)
}

.nav-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0
}

.brand {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700
}

.brand img {
	width: 100px;
	height: auto;
	border-radius: 10px
}

.nav-links {
	display: none;
	gap: 24px;
	color: #d1d5db
}

@media(min-width:768px) {
	.nav-links {
		display: flex
	}
}


/* Lang toggle */
.lang-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #0d0d11;
	border: 1px solid var(--border);
	padding: 8px 12px;
	border-radius: 12px;
	color: #d4d4d8;
	cursor: pointer
}

.lang-toggle span {
	font-weight: 600
}