/* Базовая сетка и разделение на блоки */
:root{--bg:#0f181a;--bg2:#131928;--c1:#a0dbe3;--c2:#00c4df;--text:#e9f7ec;--muted:#a8c7cc;--card:#0f1a22;--br:#1a2a36}
html,body{margin:0}
body{font-family:'Rubik',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg),var(--bg2));}
.container{width:min(1200px,92%);margin:0 auto}
.header{position:sticky;top:0;z-index:20;background:rgba(7,10,14,.72);backdrop-filter:blur(8px);border-bottom:1px solid var(--br)}
.header__inner{display:flex;align-items:center;gap:12px;justify-content:space-between;height:70px}
.logo__img{height:34px;display:block}
.nav{display:flex;align-items:center;gap:14px}
.nav__list{display:flex;gap:12px;list-style:none;margin:0;padding:0}
.nav__link{color:var(--text);text-decoration:none;padding:10px 12px;border-radius:10px}
.nav__link:hover{background:rgba(0,196,223,.12)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;position:relative;will-change:transform;text-decoration:none;font-weight:700;font-size:16px}
.btn:link,.btn:visited{ text-decoration:none }
.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.15);pointer-events:none}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(4px)}
.btn--primary{background:linear-gradient(180deg,var(--c1),var(--c2));color:#021015;border-color:rgba(0,196,223,.35);box-shadow:0 8px 0 #0a6c7a,0 14px 24px rgba(0,196,223,.24)}
.btn--primary:hover{box-shadow:0 10px 0 #0a6c7a,0 16px 26px rgba(0,196,223,.3)}
.btn--primary:active{box-shadow:0 4px 0 #0a6c7a,0 8px 14px rgba(0,196,223,.22)}
.btn--online{background:linear-gradient(180deg,rgba(160,219,227,.18),rgba(0,196,223,.28));border:1px solid rgba(0,196,223,.35);border-radius:999px;box-shadow:0 6px 0 rgba(0,196,223,.4),0 12px 22px rgba(0,196,223,.18);font-size:14px;padding:10px 14px}
.btn--online:hover{box-shadow:0 8px 0 rgba(0,196,223,.4),0 16px 26px rgba(0,196,223,.24);transform:translateY(-2px)}
.btn--online:active{box-shadow:0 3px 0 rgba(0,196,223,.4),0 8px 14px rgba(0,196,223,.2);transform:translateY(4px)}

/* Презентационные секции */
.section{min-height:calc(100vh - 70px);display:grid;align-content:center;justify-items:center;padding:40px 0;scroll-snap-align:start;scroll-snap-stop:always}
.section--alt{background:linear-gradient(180deg,rgba(160,219,227,.06),transparent)}
.section > .container{width:min(1200px,92%)}
@media (min-width: 900px){html{scroll-behavior:smooth}body{scroll-snap-type:y mandatory}}
@media (max-width: 899px){.section{min-height:auto;padding:60px 0}}

.block{background:var(--card);border:1px solid var(--br);border-radius:14px;padding:18px;width:100%;max-width:860px}
.section__title{margin:0 0 12px;font-size:48px;font-weight:800;text-align:center}
.section__text{margin:0;color:var(--muted);text-align:center}

/* Hero */
.hero{position:relative}
.hero__inner{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;justify-items:center;text-align:center}
@media(min-width:1100px){.hero__inner{grid-template-columns:1fr 1fr;text-align:left;justify-items:stretch}}
.hero__title{margin:0 0 12px;font-size:56px;font-weight:800}
.hero__subtitle{margin:0 0 22px;color:var(--muted);font-size:20px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
@media(min-width:1100px){.hero__actions{justify-content:flex-start}}
.hero__ip{margin-top:12px;color:var(--muted)}
.hero__media{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;margin-inline:auto}
.hero__image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35));animation:bob 5.2s ease-in-out infinite}
.hero__floating{position:absolute;inset:-8%;background:radial-gradient(300px 180px at 30% 20%,rgba(160,219,227,.28),transparent 60%),radial-gradient(300px 180px at 70% 70%,rgba(0,196,223,.28),transparent 60%);border-radius:24px;animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes bob{0%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(-8px) rotate(-.2deg)}100%{transform:translateY(0) rotate(.2deg)}}

/* About slider */
.about__wrap{display:grid;gap:28px;align-items:center;justify-items:center}
@media(min-width:900px){.about__wrap{grid-template-columns:1.2fr 1fr;align-items:center;justify-items:stretch}}
.about__slider{position:relative;display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px;width:100%;max-width:640px}
.slider{position:relative;overflow:hidden;border-radius:12px;background:#0f1418;border:1px solid rgba(255,255,255,.08);width:100%}
.slider__track{position:relative;width:100%;height:0;padding-top:56.25%}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.slide--active{opacity:1}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slider__controls{display:flex;justify-content:center;gap:8px}
.dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.35);border:none;cursor:pointer}
.dot[aria-current="true"]{background:#00c4df}
.slider__nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.slider__btn{pointer-events:auto;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;margin:8px;backdrop-filter:blur(4px);cursor:pointer}

/* Footer по примеру */
.footer{border-top:1px solid var(--br);background:#0c0f12}
.footer__grid{display:grid;gap:24px;padding:28px 0;grid-template-columns:1.2fr repeat(3,1fr)}
.footer__logo{height:28px;opacity:.9;filter:grayscale(20%)}
.footer__legal{margin:12px 0 8px;color:#9aa4ae;font-size:12px}
.footer__provider{margin:0;color:#838c95;font-size:12px}
.footer__col h4{margin:0 0 10px;color:#cfd6dd;font-weight:800;font-size:14px}
.footer__col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer__col a{color:#a8b3bd;text-decoration:none}
.footer__col a:hover{color:#e9f7ec}
.footer__payments{display:flex;gap:10px;margin-top:14px}
.pay{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:8px;border:1px solid #1b232b;background:#10161b;color:#b9c3cc;font-weight:800;font-size:12px;letter-spacing:.5px}
.footer__status{margin-top:12px;color:#a8c7cc;font-size:12px;display:flex;align-items:center;gap:8px}
.dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#5ee46c;box-shadow:0 0 8px rgba(94,228,108,.6)}

/* Крупнее текст под слайдером */
.about__text{max-width:860px;text-align:center}
.about__title{font-size:36px}
.about__lead{font-size:20px;line-height:1.7}

/* Responsive */
.nav__toggle{display:none;background:transparent;border:0;cursor:pointer}
.nav__toggle span{display:block;width:26px;height:3px;background:var(--text);margin:5px 0;border-radius:2px}
@media(max-width:960px){
	.nav__list{display:none;position:absolute;right:4%;top:70px;background:rgba(7,10,14,.96);border:1px solid var(--br);border-radius:12px;padding:10px;flex-direction:column;gap:6px}
	.nav__list.show{display:flex}
	.nav__toggle{display:inline-block}
	.hero__inner{grid-template-columns:1fr}
	.footer__grid{grid-template-columns:1fr}
}

/* TradeMC widget - improved UX */
.donate__wrap{display:grid;gap:24px;align-items:center;justify-items:center}
.donate__widget{width:100%;max-width:860px}
#trademc-buyform{--b:#1a2a36;--bg:#0f1a22;--fg:#e9f7ec;--mut:#a8c7cc;--c1:#a0dbe3;--c2:#00c4df}
#trademc-buyform *{font-family:'Rubik',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
#trademc-buyform .BuyForm{background:var(--bg)!important;border:1px solid var(--b)!important;border-radius:14px!important;padding:20px!important;color:var(--fg)!important}
#trademc-buyform .BuyForm h2,#trademc-buyform .BuyForm h3{color:var(--fg)!important;margin:0 0 10px!important}
#trademc-buyform .BuyForm .FormRow{margin-bottom:14px!important}
#trademc-buyform .BuyForm label{color:var(--mut)!important;margin-bottom:6px!important;display:block!important;font-size:14px!important}
#trademc-buyform input[type="text"],
#trademc-buyform input[type="search"],
#trademc-buyform input[type="email"],
#trademc-buyform input[type="tel"],
#trademc-buyform textarea{
	background:rgba(255,255,255,.06)!important;
	border:1px solid rgba(255,255,255,.18)!important;
	color:var(--fg)!important;
	border-radius:12px!important;
	padding:14px 16px!important;
	width:100%!important;
	font-size:16px!important;
	height:48px!important;
	outline:none!important;
	transition:border-color .15s ease, box-shadow .15s ease, background .15s ease!important;
	caret-color: var(--fg)!important;
}
#trademc-buyform input[type="text"]::placeholder,
#trademc-buyform input[type="search"]::placeholder,
#trademc-buyform textarea::placeholder{ color:#8ea4b0 !important }
/* Autofill override */
#trademc-buyform input:-webkit-autofill,
#trademc-buyform input:-webkit-autofill:hover,
#trademc-buyform input:-webkit-autofill:focus{
	-webkit-text-fill-color: #e9f7ec !important;
	caret-color:#e9f7ec !important;
	box-shadow: 0 0 0px 1000px rgba(255,255,255,.08) inset !important;
	transition: background-color 9999s ease-in-out 0s !important;
}
#trademc-buyform input[type="text"]:focus,
#trademc-buyform select:focus{border-color:rgba(0,196,223,.65)!important;box-shadow:0 0 0 3px rgba(0,196,223,.18)!important;background:rgba(255,255,255,.08)!important}
/* Custom arrow for native select */
#trademc-buyform select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2300c4df' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px!important}
#trademc-buyform select option{color:#e9f7ec;background:#0f1418}
#trademc-buyform select optgroup{color:#8ea4b0;background:#0f1418}
#trademc-buyform select optgroup option{color:#e9f7ec;background:#0f1418}
/* Primary CTA - broaden selectors to catch library markup */
#trademc-buyform .BuyForm .Btn,
#trademc-buyform .BuyForm button,
#trademc-buyform .BuyForm input[type="submit"],
#trademc-buyform .BuyForm .buy-btn,
#trademc-buyform button,
#trademc-buyform input[type="submit"]{
	background:linear-gradient(180deg,var(--c1),var(--c2))!important;
	color:#021015!important;
	border:1px solid rgba(0,196,223,.35)!important;
	border-radius:14px!important;
	padding:16px 22px!important;
	font-weight:800!important;
	font-size:16px!important;
	width:100%!important;
	box-shadow:0 8px 0 #0a6c7a,0 14px 24px rgba(0,196,223,.24)!important;
	transition:transform .15s ease, box-shadow .2s ease!important;
	text-transform:uppercase!important;
	letter-spacing:.3px!important;
	text-decoration:none!important;
}
#trademc-buyform .BuyForm .Btn:hover,
#trademc-buyform .BuyForm button:hover,
#trademc-buyform .BuyForm input[type="submit"]:hover,
#trademc-buyform button:hover,
#trademc-buyform input[type="submit"]:hover{transform:translateY(-2px)!important;box-shadow:0 10px 0 #0a6c7a,0 16px 26px rgba(0,196,223,.3)!important}
#trademc-buyform .BuyForm .Btn:active,
#trademc-buyform .BuyForm button:active,
#trademc-buyform .BuyForm input[type="submit"]:active,
#trademc-buyform button:active,
#trademc-buyform input[type="submit"]:active{transform:translateY(4px)!important;box-shadow:0 4px 0 #0a6c7a,0 8px 14px rgba(0,196,223,.22)!important}
/* Helper note */
.donate__hint{color:#a8c7cc;text-align:center;font-size:14px;margin-top:8px}

/* Force dark inputs in TradeMC widget (override inline) */
#trademc-buyform .BuyForm input,
#trademc-buyform .BuyForm select,
#trademc-buyform .BuyForm textarea{
	background-color:#0f1a22 !important;
	color:#e9f7ec !important;
	-webkit-text-fill-color:#e9f7ec !important;
	border:1px solid rgba(255,255,255,.18) !important;
	border-radius:12px !important;
}
#trademc-buyform .BuyForm input:focus,
#trademc-buyform .BuyForm select:focus,
#trademc-buyform .BuyForm textarea:focus{
	border-color:rgba(0,196,223,.65) !important;
	box-shadow:0 0 0 3px rgba(0,196,223,.18) !important;
	background-color:#13212a !important;
}

/* TradeMC class-specific overrides (high specificity) */
#trademc-buyform .trademc-buyform-input,
#trademc-buyform .trademc-buyform-select select{
	background-color:#0f1a22 !important;
	color:#e9f7ec !important;
	-webkit-text-fill-color:#e9f7ec !important;
	border:1px solid rgba(255,255,255,.18) !important;
	border-radius:12px !important;
	padding:14px 16px !important;
	height:48px !important;
	font-size:16px !important;
}
#trademc-buyform .trademc-buyform-input::placeholder{ color:#8ea4b0 !important }
#trademc-buyform .trademc-buyform-input:focus,
#trademc-buyform .trademc-buyform-select select:focus{
	border-color:rgba(0,196,223,.65) !important;
	box-shadow:0 0 0 3px rgba(0,196,223,.18) !important;
	background-color:#13212a !important;
}
#trademc-buyform .trademc-buyform-button{
	background:linear-gradient(180deg,#a0dbe3,#00c4df) !important;
	color:#021015 !important;
	border:1px solid rgba(0,196,223,.35) !important;
	border-radius:14px !important;
	padding:16px 22px !important;
	font-weight:800 !important;
	font-size:16px !important;
	width:100% !important;
	box-shadow:0 8px 0 #0a6c7a,0 14px 24px rgba(0,196,223,.24) !important;
	transition:transform .15s ease, box-shadow .2s ease !important;
	text-transform:uppercase !important;
	letter-spacing:.3px !important;
	text-decoration:none !important;
	display:block !important;
}
#trademc-buyform .trademc-buyform-button:hover{ transform:translateY(-2px) !important; box-shadow:0 10px 0 #0a6c7a,0 16px 26px rgba(0,196,223,.3) !important }
#trademc-buyform .trademc-buyform-button:active{ transform:translateY(4px) !important; box-shadow:0 4px 0 #0a6c7a,0 8px 14px rgba(0,196,223,.22) !important }

/* Icons inside TradeMC inputs */
#trademc-buyform input[name="buyer"]{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 448 512' fill='%238fd1db'%3E%3Cpath d='M313.6 304h-16.7c-22.2 10.2-46.9 16-73 16s-50.8-5.8-73-16h-16.7C60.2 304 0 364.2 0 438.4 0 477.1 34.9 512 77.6 512h292.8c42.7 0 77.6-34.9 77.6-77.6 0-74.2-60.2-130.4-134.4-130.4zM224 272c70.7 0 128-57.3 128-128S294.7 16 224 16 96 73.3 96 144s57.3 128 128 128z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:14px center;background-size:18px;
	padding-left:44px!important;
}
#trademc-buyform input[name="coupon"]{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 640 512' fill='%238fd1db'%3E%3Cpath d='M128 160H512V96H128v64zM0 96C0 69.5 21.5 48 48 48H592c26.5 0 48 21.5 48 48v80c0 8.8-7.2 16-16 16h-8c-26.5 0-48 21.5-48 48s21.5 48 48 48h8c8.8 0 16 7.2 16 16v80c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V384c0-8.8 7.2-16 16-16h8c26.5 0 48-21.5 48-48s-21.5-48-48-48H16c-8.8 0-16-7.2-16-16V96z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:14px center;background-size:18px;
	padding-left:44px!important;
}

/* Consent block under widget */
.donate__consents{margin-top:10px;color:#a8c7cc;font-size:14px;display:grid;gap:10px}
.donate__consents label{display:flex;gap:10px;align-items:flex-start}
.donate__consents input[type="checkbox"]{accent-color:#00c4df;width:18px;height:18px;margin-top:2px}
.donate__consents a{color:#a0dbe3;text-decoration:underline}

/* Icon for TradeMC product select */
#trademc-buyform .trademc-buyform-select{position:relative}
#trademc-buyform .trademc-buyform-select::before{
	content:"\f466"; /* fa-box */
	font-family:"Font Awesome 6 Free";
	font-weight:900;
	position:absolute;left:14px;top:50%;transform:translateY(-50%);
	color:#8fd1db;pointer-events:none;font-size:16px;
}
#trademc-buyform .trademc-buyform-select select{padding-left:44px!important}

/* Social section */
.social{text-align:left}
.social__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0}
@media(min-width:900px){.social__grid{grid-template-columns:repeat(4,1fr)}}
.soc-card{display:flex;align-items:center;gap:14px;padding:60px 60px;border-radius:14px;border:1px solid #1a2a36;text-decoration:none;color:#e9f7ec;background:linear-gradient(180deg,#0f1418,#0c1115);box-shadow:0 8px 0 #070b0e,0 16px 26px rgba(0,0,0,.25);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}
.soc-card i{font-size:40px}
.soc-card span{font-weight:800;letter-spacing:.3px}
.soc-card:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 10px 0 #070b0e,0 22px 32px rgba(0,0,0,.3)}
.soc-card:active{transform:translateY(4px);box-shadow:0 4px 0 #070b0e,0 12px 18px rgba(0,0,0,.26)}
.soc-card--discord{background:linear-gradient(180deg,#131824,#0d121e)}
.soc-card--vk{background:linear-gradient(180deg,#111b24,#0c141b)}
.soc-card--yt{background:linear-gradient(180deg,#1e1414,#140e0e)}
.soc-card--tg{background:linear-gradient(180deg,#0f1b20,#0c1417)}
.social__hint{margin-top:6px;color:#a8c7cc}
.social__hint a{color:#a0dbe3}

/* Social hover coloration + glow */
.soc-card{transition:transform .15s ease,box-shadow .2s ease,filter .2s ease, background .2s ease, border-color .2s ease}
.soc-card--discord:hover{background:#5865F2;border-color:#5865F2;box-shadow:0 12px 0 #2f3484,0 22px 36px rgba(88,101,242,.35),0 0 28px rgba(88,101,242,.45)}
.soc-card--vk:hover{background:#4C75A3;border-color:#4C75A3;box-shadow:0 12px 0 #26425b,0 22px 36px rgba(76,117,163,.35),0 0 28px rgba(76,117,163,.45)}
.soc-card--yt:hover{background:#FF0033;border-color:#FF0033;box-shadow:0 12px 0 #7a0017,0 22px 36px rgba(255,0,51,.35),0 0 28px rgba(255,0,51,.5)}
.soc-card--tg:hover{background:#29A9E1;border-color:#29A9E1;box-shadow:0 12px 0 #166789,0 22px 36px rgba(41,169,225,.35),0 0 28px rgba(41,169,225,.45)}