html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: #0b0b0f;
	color: #f3f4f6;
	font-family: Outfit, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.admin-bar .glass-nav {
	top: 32px;
}

/* Header */
.site-header__bar {
	min-height: 80px;
}

.site-header__logo {
	display: block;
	max-height: 48px;
}

.site-header__nav {
	display: flex;
}

.site-header__nav-link {
	color: #d1d5db;
}

.site-header__nav-link:hover {
	color: #ff2e93;
}

.site-header__login {
	display: inline-flex;
	color: #d1d5db;
}

.site-header__cta {
	display: inline-flex;
}

.site-header__toggle {
	display: none !important;
}

.glass-panel {
	background: rgba(18, 18, 26, 0.72);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.glass-nav {
	background: rgba(11, 11, 15, 0.88);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

img {
	max-width: 100%;
	height: auto;
}

input,
select,
textarea,
button {
	font: inherit;
}

input[type="file"]::file-selector-button {
	border: 0;
	border-radius: 12px;
	background: #1c1c26;
	color: #f3f4f6;
	padding: 10px 14px;
	font-weight: 700;
	cursor: pointer;
}

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

.tab-content.hidden,
.hidden {
	display: none !important;
}

@media (max-width: 782px) {
	body.admin-bar .glass-nav {
		top: 46px;
	}
}

@media (max-width: 1023px) {
	.site-header__bar {
		gap: 14px;
	}

	.site-header__nav {
		gap: 16px;
	}

	.site-header__login {
		display: none;
	}

	.site-header__cta {
		display: none;
	}
}

@media (max-width: 767px) {
	.site-header__bar {
		min-height: 72px;
	}

	.site-header__logo {
		max-height: 42px;
	}

	.site-header__nav {
		display: none;
	}

	.site-header__toggle {
		display: inline-flex !important;
	}
}