:root
{
	--bg:#0b1726; --ink:#e8eef7; --muted:#9fb1c9;
	--neon:#79ff14; --neon2:#0ea565; --border:#213551;
	--glass:#0f2136cc;
	
	/* Маппинг на Bootstrap 5.3 (dark) */
	--bs-body-bg: var(--bg);
	--bs-body-color: var(--ink);
	--bs-secondary-color: var(--muted);
	--bs-border-color: var(--border);
	--bs-primary: var(--neon);
	--bs-success: var(--neon2);
	--bs-link-color: var(--neon2);
	--bs-card-bg: var(--glass);
	--bs-card-color: var(--ink);
	--bs-heading-color: var(--ink);
	
	--brand-gradient: linear-gradient(135deg, var(--neon), var(--neon2));
	--brand-glow: 0 0 20px rgba(121,255,20,.35), 0 0 38px rgba(14,165,101,.25);
}

.navbar
{
	--bs-navbar-color: var(--ink);
	background: var(--neon2);
}

.h1
{
	margin-bottom: 0;
}

.insta_logo
{
	width: 22px;
	height: 22px;
	display: inline-block;
	border-radius: 6px; box-shadow:0 .5rem 1rem rgba(0,0,0,.2), var(--brand-glow);
}

.insta_logo img
{
	width: 100%;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	color: var(--neon);
}

.bg-blur
{
	backdrop-filter: saturate(160%) blur(8px);
	background-color: var(--glass);
}

.appearance-none
{
	position: absolute;
	width: 100%;
	margin-top: 60px;
}

.appearance-none2
{
	width: 100%;
}

.hero
{
	/*background:
		radial-gradient(1100px 800px at 120% -10%, #102a44 0, transparent 60%),
		radial-gradient(900px 650px at -20% 110%, #0c2239 0, transparent 60%),
		var(--bg);*/
}

.bottom_panel
{
	display: flex;
	margin: 10px auto 0;
	justify-content: center;
	gap: 10px 20px;
	flex-wrap: wrap;
}

.gallery
{
	margin-top: 42vw;
}

.gallery .container
{
	padding-top: 50px;
}

.brand-gradient-text
{
	background: var(--brand-gradient);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}

.btn-primary
{
	background-image: var(--brand-gradient);
	border: none;
	box-shadow: var(--brand-glow);
	color:#0b1120;
}

.btn-outline-primary
{
	border-color: var(--bs-primary);
	color: var(--bs-primary);
}

.btn-outline-primary:hover
{
	background-image: var(--brand-gradient);
	color: #0b1120;
	border-color: transparent;
	box-shadow: var(--brand-glow);
}

.navbar-brand i
{
	color: var(--bs-primary);
}

.card-img-top
{
	object-fit: cover;
	height: 200px;
}

.card
{
	border-color: var(--border);
	backdrop-filter: blur(6px) saturate(120%);
}

.card:hover
{
	box-shadow:0 .5rem 1rem rgba(0,0,0,.2), var(--brand-glow);
}

@media (prefers-reduced-motion: reduce)
{
	*
	{
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}

.swiper-container
{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.swiper-slide img
{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.swiper-pagination
{
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
}

.arrow
{
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	background-color: var(--neon);
	border-radius: 8px;
}

.arrow a
{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 991px) {
	.bottom_panel
	{
		margin: 200px auto 0;
	}

	.gallery
	{
		margin-top: 0;
	}
}