:root
{
	--bg:#06101d;
	--panel:#0d1b2e;
	--panel-soft:#10233b;
	--stroke:rgba(116,184,255,0.28);
	--gold:#f2c266;
	--gold-soft:#fde7b0;
	--brand:#ef4444;
	--brand-soft:#fb7185;
	--cyan-glow:#60a5fa;
	--text-soft:#b8c4d9;
	--text-muted:#8693ab;
	--radius-xl:28px;
	--radius-lg:22px;
	--radius-md:18px;
	--shadow-glow:0 0 0 1px rgba(96,165,250,0.18),0 12px 40px rgba(2,8,23,0.45);
	--shadow-glow-lg:0 0 0 1px rgba(96,165,250,0.2),0 20px 60px rgba(2,8,23,0.6);
	--shadow-cta:0 10px 30px rgba(239,68,68,0.35);
	--shadow-gold:0 10px 25px rgba(242,194,102,0.22)
}

html
{
	scroll-behavior:smooth
}

body
{
	background:radial-gradient(circle at 10% 20%,rgba(37,99,235,0.12),transparent 20%),radial-gradient(circle at 85% 18%,rgba(239,68,68,0.08),transparent 18%),radial-gradient(circle at 90% 75%,rgba(242,194,102,0.07),transparent 18%),var(--bg);
	background:#06101d;
	color:#fff;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}

a
{
	text-decoration:none
}

.site-shell
{
	position:relative;
	overflow:hidden
}

.site-shell::before,.site-shell::after
{
	content:"";
	position:absolute;
	width:180px;
	height:70px;
	border-radius:18px;
	background:linear-gradient(135deg,rgba(224,231,255,0.2),rgba(255,255,255,0.04));
	filter:blur(2px);
	opacity:.28;
	pointer-events:none;
	z-index:0
}

.site-shell::before
{
	top:120px;
	left:-48px;
	transform:rotate(-18deg)
}

.site-shell::after
{
	bottom:140px;
	right:-42px;
	transform:rotate(16deg)
}

.topbar
{
	position:sticky;
	top:0;
	z-index:1030;
	background:rgba(2,6,16,0.72);
	backdrop-filter:blur(16px);
	border-bottom:1px solid rgba(255,255,255,0.08)
}

.brand-badge
{
	width:44px;
	height:44px;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	border:1px solid rgba(242,194,102,0.45);
	background:rgba(242,194,102,0.1);
	color:var(--gold);
	box-shadow:var(--shadow-gold)
}

.brand-kicker
{
	margin-bottom:2px;
	font-size:11px;
	letter-spacing:.35em;
	text-transform:uppercase;
	color:rgba(242,194,102,0.8)
}

.brand-title
{
	font-size:1.55rem;
	font-weight:900;
	line-height:1;
	letter-spacing:.02em;
	color:#fff
}

.nav-link-custom
{
	color:#dbe4f0;
	font-weight:500;
	transition:.2s ease
}

.nav-link-custom:hover,.nav-link-custom:focus
{
	color:#fff
}

.icon-btn
{
	width:44px;
	height:44px;
	border-radius:18px;
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.05);
	color:#e6edf8;
	display:inline-flex;
	align-items:center;
	justify-content:center
}

.lang-btn
{
	min-height:44px;
	padding:0 14px;
	border-radius:18px;
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.05);
	color:#f5f8fe;
	display:inline-flex;
	align-items:center;
	gap:8px
}

.hero
{
	position:relative;
	overflow:hidden;
	padding:30px 0 24px;
	min-height:760px;
	background:transparent;
	border-bottom:none
}

.hero::before
{
	content:"";
	position:absolute;
	inset:0;
	z-index:0;
	background:url(./res/background.png) center top / cover no-repeat;
	-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 62%,rgba(0,0,0,0.88) 74%,rgba(0,0,0,0.48) 88%,rgba(0,0,0,0) 100%);
	mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 62%,rgba(0,0,0,0.88) 74%,rgba(0,0,0,0.48) 88%,rgba(0,0,0,0) 100%);
	pointer-events:none
}

.hero::after
{
	content:"";
	position:absolute;
	inset:0;
	z-index:0;
	pointer-events:none;
	background:linear-gradient(to bottom,rgba(3,10,20,0.78) 0%,rgba(3,10,20,0.32) 10%,rgba(3,10,20,0.00) 22%),linear-gradient(to bottom,rgba(6,16,29,0.00) 52%,rgba(6,16,29,0.18) 68%,rgba(6,16,29,0.52) 82%,rgba(6,16,29,0.86) 93%,#06101d 100%),linear-gradient(to right,rgba(6,16,29,0.72) 0%,rgba(6,16,29,0.18) 12%,rgba(6,16,29,0.00) 24%),linear-gradient(to left,rgba(6,16,29,0.72) 0%,rgba(6,16,29,0.18) 12%,rgba(6,16,29,0.00) 24%)
}

.hero > .container
{
	position:relative;
	z-index:1
}

.hero-title
{
	max-width:1180px;
	margin:18px auto 0;
	font-size:46px;
	line-height:1.02;
	font-weight:900;
	letter-spacing:-.03em;
	text-transform:uppercase;
	text-align:center;
	color:#fff
}

.hero-title span
{
	display:inline-block;
	margin-left:8px;
	color:var(--gold)
}

.hero-subtitle
{
	max-width:680px;
	margin:10px auto 0;
	font-family:"Montserrat",Inter,system-ui,sans-serif;
	font-size:21px;
	line-height:1.22;
	font-weight:600;
	letter-spacing:0;
	text-align:center;
	color:rgba(255,255,255,0.92)
}

.hero .d-flex.flex-column.flex-sm-row
{
	margin-top:18px!important;
	gap:10px!important
}

.hero .row.g-4.mt-4.mt-lg-5
{
	margin-top:18px!important
}

.status-pill
{
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:10px 16px;
	border-radius:999px;
	background:rgba(125,211,252,0.1);
	border:1px solid rgba(125,211,252,0.2);
	color:#d7f4ff;
	box-shadow:var(--shadow-glow);
	font-size:.95rem
}

.status-dot
{
	width:10px;
	height:10px;
	border-radius:50%;
	background:#34d399;
	flex:0 0 auto
}

.btn-cta-primary,.btn-cta-secondary,.chip,.offer-btn,.accordion-button
{
	transition:.2s ease
}

.btn-cta-primary,.btn-cta-secondary
{
	min-height:44px;
	padding:0 20px;
	border-radius:14px;
	font-size:12px;
	font-weight:800;
	letter-spacing:.01em;
	text-transform:uppercase
}

.btn-cta-primary
{
	width:330px;
	height:42px;
	padding:0;
	margin-top:11px;
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:13px;
	border:1px solid rgba(255,110,110,0.60);
	background:linear-gradient(180deg,#f34a4a 0%,#d72e2e 48%,#bf2020 100%);
	box-shadow:0 0 0 1px rgba(255,70,70,0.16),0 0 10px rgba(255,55,55,0.30),0 0 24px rgba(255,35,35,0.20),inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -2px 6px rgba(90,0,0,0.20)
}

.btn-cta-primary::before
{
	content:"";
	position:absolute;
	inset:3px;
	border-radius:10px;
	background:linear-gradient(180deg,rgba(255,110,110,0.20) 0%,rgba(255,70,70,0.10) 35%,rgba(120,10,10,0.20) 100%);
	border:1px solid rgba(255,150,150,0.12);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 0 8px rgba(255,70,70,0.08);
	z-index:1;
	pointer-events:none
}

.btn-cta-primary__text
{
	position:relative;
	z-index:2;
	font-family:"Montserrat",Inter,system-ui,sans-serif;
	font-size:17px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	text-transform:uppercase;
	color:rgba(255,255,255,0.96);
	text-shadow:0 1px 0 rgba(255,255,255,0.08),0 1px 2px rgba(70,0,0,0.18)
}

.btn-cta-primary::after
{
	content:"";
	position:absolute;
	left:8px;
	right:8px;
	top:4px;
	height:38%;
	border-radius:999px;
	background:linear-gradient(180deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0.04) 100%);
	pointer-events:none
}

.btn-cta-primary
{
	font-size:17px;
	margin-top:11px
}

.btn-cta-primary
{
	color:#fff;
	text-shadow:0 1px 0 rgba(255,255,255,0.08),0 0 3px rgba(255,255,255,0.28),0 0 8px rgba(255,160,160,0.16)
}

.btn-cta-primary::after
{
	display:none
}

.btn-cta-secondary
{
	display:none
}

.btn-cta-primary:hover
{
	color:#fff;
	border-color:rgba(255,130,130,0.75);
	filter:brightness(1.06);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),0 0 0 1px rgba(255,80,80,0.28),0 0 14px rgba(255,60,60,0.72),0 0 30px rgba(255,35,35,0.48),0 0 52px rgba(255,20,20,0.22)
}

.info-card,.offer-card,.method-wrap,.accordion-item-custom,.footer-box
{
	position:relative;
	z-index:1
}

.info-card
{
	min-height:92px;
	height:100%;
	padding:14px 18px;
	border-radius:18px;
	border:1px solid rgba(116,184,255,0.14);
	background:rgba(255,255,255,0.028);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.02),0 0 0 1px rgba(96,165,250,0.05),0 10px 24px rgba(2,8,23,0.16);
	backdrop-filter:blur(8px)
}

.info-icon
{
	margin-bottom:8px;
	font-size:20px;
	line-height:1;
	opacity:.9
}

.info-title
{
	margin:0 0 4px;
	font-size:13px;
	line-height:1.15;
	font-weight:800;
	color:rgba(255,255,255,0.92)
}

.info-text
{
	margin:0;
	font-size:11px;
	line-height:1.35;
	color:rgba(216,226,241,0.68)
}

.chips-row
{
	gap:12px
}

.chip
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	padding:0 20px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.05);
	color:#dbe4f0;
	font-weight:600;
	font-size:.95rem;
	white-space:nowrap
}

.chip:hover,.chip.active
{
	background:rgba(125,211,252,0.1);
	background-color:#0b1d34;
	border-color:rgba(125,211,252,0.3);
	color:#d7f4ff;
	box-shadow:var(--shadow-glow)
}

.offer-stack
{
	display:grid;
	gap:20px
}

.offer-card
{
	padding:22px;
	border-radius:var(--radius-xl);
	border:1px solid rgba(125,211,252,0.2);
	background:linear-gradient(135deg,rgba(13,27,46,0.98),rgba(6,16,29,0.98));
	box-shadow:var(--shadow-glow-lg)
}

.offer-inner
{
	row-gap:20px
}

.offer-logo
{
	height:100%;
	min-height:122px;
	padding:24px;
	border-radius:24px;
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(2,6,16,0.35);
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center
}

.offer-logo-title
{
	font-size:clamp(2rem,4vw,2.8rem);
	font-weight:900;
	line-height:1;
	letter-spacing:-.03em
}

.offer-tag
{
	display:inline-flex;
	align-items:center;
	margin-bottom:14px;
	padding:6px 12px;
	border-radius:999px;
	font-size:.72rem;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.18em
}

.tag-gold
{
	background:rgba(242,194,102,0.1);
	border:1px solid rgba(242,194,102,0.3);
	color:var(--gold)
}

.tag-blue
{
	background:rgba(56,189,248,0.1);
	border:1px solid rgba(56,189,248,0.3);
	color:#d7f4ff
}

.tag-neutral
{
	background:rgba(255,255,255,0.05);
	border:1px solid rgba(255,255,255,0.1);
	color:#f4f7fc
}

.offer-copy
{
	margin-bottom:0;
	color:var(--text-soft);
	line-height:1.7
}

.bonus-pill
{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin-top:16px;
	padding:11px 16px;
	border-radius:18px;
	font-size:1rem;
	font-weight:800
}

.bonus-amber
{
	background:rgba(251,191,36,0.1);
	border:1px solid rgba(251,191,36,0.2);
	color:#ffe6a8
}

.bonus-blue
{
	background:rgba(56,189,248,0.1);
	border:1px solid rgba(56,189,248,0.2);
	color:#d7f4ff
}

.rating-block
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:14px;
	height:100%
}

.stars
{
	color:var(--gold);
	font-size:1.25rem;
	letter-spacing:.18em
}

.rating-label
{
	margin-top:4px;
	font-size:.9rem;
	color:var(--text-muted)
}

.deposit-box
{
	padding:14px 16px;
	border-radius:18px;
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.05)
}

.deposit-title
{
	margin-bottom:4px;
	font-size:.72rem;
	text-transform:uppercase;
	letter-spacing:.2em;
	color:var(--text-muted)
}

.deposit-value
{
	font-size:1.2rem;
	font-weight:800
}

.offer-btn
{
	width:100%;
	min-height:56px;
	border:none;
	border-radius:18px;
	font-size:1rem;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:#fff
}

.offer-btn-red
{
	background:var(--brand);
	box-shadow:var(--shadow-cta)
}

.offer-btn-red:hover
{
	background:#f05252
}

.offer-btn-blue
{
	background:#0ea5e9;
	box-shadow:0 10px 30px rgba(14,165,233,0.32)
}

.offer-btn-blue:hover
{
	background:#38bdf8
}

.offer-btn-gold
{
	background:var(--gold);
	color:#08111d;
	box-shadow:var(--shadow-gold)
}

.offer-btn-gold:hover
{
	filter:brightness(1.04)
}

.section-kicker
{
	font-size:26px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.25em;
	color:rgba(242,194,102,0.8)
}

.section-title
{
	margin-top:14px;
	margin-bottom:0;
	font-size:clamp(2rem,4vw,3rem);
	font-weight:900
}

.section-copy
{
	max-width:760px;
	margin-top:18px;
	color:var(--text-soft);
	line-height:1.8
}

.method-wrap
{
	padding:32px;
	border-radius:32px;
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.04);
	box-shadow:var(--shadow-glow-lg);
	max-width:1170px;
	margin:auto
}

.method-card
{
	height:100%;
	padding:24px;
	border-radius:24px;
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(2,6,16,0.35)
}

.method-step
{
	font-size:2rem;
	line-height:1
}

.method-title
{
	margin-top:14px;
	margin-bottom:8px;
	font-size:1.15rem;
	font-weight:800
}

.method-copy
{
	margin:0;
	font-size:.95rem;
	line-height:1.7;
	color:var(--text-soft)
}

.accordion-item-custom
{
	overflow:hidden;
	margin-bottom:16px;
	border:1px solid rgba(255,255,255,0.1);
	border-radius:24px!important;
	background:rgba(255,255,255,0.04);
	box-shadow:var(--shadow-glow)
}

.accordion-button
{
	padding:22px 24px;
	background:transparent;
	color:#fff;
	font-size:1.1rem;
	font-weight:800;
	box-shadow:none!important
}

.accordion-button:not(.collapsed)
{
	background:rgba(255,255,255,0.02);
	color:#fff
}

.accordion-button::after
{
	filter:invert(1);
	opacity:.8
}

.accordion-body
{
	padding:0 24px 24px;
	color:var(--text-soft);
	line-height:1.8
}

.site-footer
{
	background:rgba(2,6,16,0.7);
	border-top:1px solid rgba(255,255,255,0.08)
}

.footer-title
{
	margin-bottom:18px;
	font-size:.85rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.25em;
	color:rgba(242,194,102,0.8)
}

.footer-copy,.footer-list a,.footer-contacts
{
	font-size:.95rem;
	line-height:1.8;
	color:var(--text-muted)
}

.footer-list
{
	margin:0;
	padding:0;
	list-style:none
}

.footer-list li + li
{
	margin-top:8px
}

.footer-list a:hover
{
	color:#fff
}

.meta-pill
{
	display:inline-flex;
	align-items:center;
	min-height:40px;
	padding:0 14px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.05);
	color:#dde6f5;
	font-size:.9rem
}

.pay-badge
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:0 14px;
	border-radius:14px;
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.05);
	color:#eef4ff;
	font-size:.82rem;
	font-weight:700
}

.topbar-center
{
	display:flex;
	justify-content:center;
	align-items:center
}

.menu
{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:34px;
	width:fit-content;
	margin:0 auto
}

.menu-link
{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:44px;
	padding:0;
	color:rgba(255,255,255,0.88);
	text-decoration:none;
	font-size:20px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.01em;
	white-space:nowrap;
	transition:color .25s ease
}

.menu-link:hover,.menu-link.active
{
	color:#fff
}

.menu-link::after
{
	content:"";
	position:absolute;
	left:50%;
	bottom:-3px;
	transform:translateX(-50%);
	width:0;
	height:2px;
	border-radius:999px;
	opacity:0;
	transition:width .25s ease,opacity .25s ease;
	background:linear-gradient(90deg,rgba(120,220,255,0.15) 0%,rgba(160,240,255,1) 50%,rgba(120,220,255,0.15) 100%);
	box-shadow:0 0 6px rgba(120,220,255,0.55),0 0 14px rgba(120,220,255,0.20)
}

.menu-link:hover::after,.menu-link.active::after
{
	width:108px;
	opacity:1
}

@media (max-width: 1200px) {
	.hero-title
	{
		font-size:62px
	}

	.hero-subtitle
	{
		max-width:780px;
		font-size:17px
	}
}

@media (max-width: 992px) {
	.offer-logo
	{
		min-height:100px
	}

	.rating-block
	{
		flex-direction:row;
		align-items:center;
		justify-content:space-between
	}

	.hero
	{
		padding:42px 0 28px
	}

	.hero-title
	{
		font-size:52px
	}

	.hero-subtitle
	{
		margin-top:18px;
		font-size:16px;
		line-height:1.6
	}
}

@media (max-width: 768px) {
	.hero
	{
		padding:34px 0 24px;
		text-align:center
	}

	.hero-title
	{
		font-size:38px;
		line-height:.98
	}

	.hero-subtitle
	{
		max-width:100%;
		font-size:15px
	}

	.hero .d-flex.flex-column.flex-sm-row
	{
		margin-top:22px!important;
		gap:12px!important
	}

	.method-wrap,.offer-card,.info-card
	{
		padding:20px
	}

	.offer-logo
	{
		min-height:86px
	}

	.offer-btn,.btn-cta-primary,.btn-cta-secondary,.chip
	{
		width:100%
	}

	.btn-cta-primary,.btn-cta-secondary
	{
		min-height:52px;
		font-size:14px
	}

	.status-pill
	{
		font-size:.88rem
	}

	.rating-block
	{
		flex-direction:column;
		align-items:stretch
	}
}