:root {
--bg: #070605;
--bg-deep: #020202;
--nav: #0d0b08;
--panel: #11100c;
--panel-2: #1b170f;
--purple: #b6862c;
--purple-bright: #f0cf74;
--pink: #c9962c;
--cyan: #e7c46b;
--gold: #d4af37;
--gold-2: #f5e2a0;
--text: #f6f0df;
--muted: #bfae86;
--border: rgba(212, 175, 55, 0.24);
--container: 1040px;
--radius: 14px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: Inter, Arial, sans-serif;
color: var(--text);
background:
radial-gradient(circle at 18% 58%, rgba(212, 175, 55, .10), transparent 28%),
radial-gradient(circle at 82% 18%, rgba(244, 216, 135, .08), transparent 20%),
linear-gradient(180deg, #0a0908 0%, #070605 40%, #030303 100%);
overflow-x: hidden;
}
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.container { width: min(var(--container), calc(100% - 32px)); margin: 0 auto; }

.topbar {
height: 34px;
background: rgba(8, 7, 5, .96);
border-bottom: 1px solid rgba(255,255,255,.05);
font-size: 11px;
}
.topbar-inner {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: 15px;
padding-bottom: 5px;
}
.social-row, .quick-row { display: flex; align-items: center; gap: 8px; }
.mini-chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 22px;
padding: 0 9px;
border-radius: 6px;
background: rgba(212,175,55,.14);
color: #f3e6bf;
white-space: nowrap;
}
.logoimg{
height: 60px;
width: 145px;
}
.mini-chip.blue { background: linear-gradient(90deg, #8e6a1f, #d4af37); color: #1a1306; font-weight: 700; }
.mini-chip svg {
width: 14px;
height: 14px;
display: block;
flex: 0 0 auto;
}
.mini-chip.icon-only {
width: 28px;
padding: 0;
}
.mini-chip.flag-chip {
gap: 6px;
padding-inline: 8px;
font-weight: 700;
}
.flag-id {
width: 18px;
height: 12px;
overflow: hidden;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(255,255,255,.28);
flex: 0 0 auto;
}
.flag-id span {
display: block;
width: 100%;
height: 50%;
}
.flag-id .red { background: #ce1126; }
.flag-id .white { background: #ffffff; }
.auth-btn {
border: 0;
color: #1a1306;
padding: 6px 20px;
border-radius: 999px;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
background: linear-gradient(90deg, #8f6b26, #d4af37, #f0cf74);
cursor: pointer;
box-shadow: 0 0 18px rgba(212, 175, 55, .18);
}
a{color: #ffdc33;text-decoration: none;}

.main-nav {
position: sticky;
top: 0;
z-index: 100;
background: rgba(8, 7, 5, .96);
border-bottom: 3px solid var(--gold);
backdrop-filter: blur(16px);
}
.nav-inner {
min-height: 84px;
display: grid;
grid-template-columns: 210px 1fr auto;
align-items: center;
gap: 16px;
}
.brand {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: Orbitron, sans-serif;
font-weight: 800;
letter-spacing: .5px;
color: var(--gold-2);
font-size: 20px;
}
.brand-mark {
width: 34px;
height: 34px;
border-radius: 50%;
background:
radial-gradient(circle at 35% 28%, #fff8a5 0 8%, transparent 9%),
conic-gradient(from 45deg, #fff0b8, #d4af37, #8f6b26, #f3db92, #fff0b8);
box-shadow: 0 0 20px rgba(212, 175, 55, .28);
}
.menu-list {
display: flex;
justify-content: center;
gap: 8px;
overflow: hidden;
justify-content: flex-end;
}
.menu-item {
min-width: 66px;
padding: 8px 6px;
border-radius: 10px;
color: #d5c5a1;
text-align: center;
transition: .25s ease;
font-size: 9px;
text-transform: uppercase;
font-weight: 700;
}
.menu-item:hover, .menu-item.active {
background: rgba(212, 175, 55, .16);
color: var(--gold-2);
transform: translateY(-2px);
}
.menu-icon {
width: 28px;
height: 28px;
margin: 0 auto 5px;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 15px;
background: rgba(212,175,55,.08);
border: 1px solid rgba(212,175,55,.14);
}
.menu-toggle {
display: none;
width: 42px;
height: 42px;
border: 1px solid rgba(212,175,55,.16);
background: rgba(212,175,55,.08);
color: var(--gold-2);
border-radius: 10px;
cursor: pointer;
}

.hero {
position: relative;
width: 100%;
overflow: hidden;
background: #050403;
border-bottom: 1px solid rgba(212,175,55,.18);
}
.hero-image {
display: block;
max-width: 1050px;
height: 100%;
max-height: 600px;
object-fit: fill;
object-position: center;
margin: 5px auto;
padding: 5px;      
}

.nav-svg {
width: 26px;
height: 26px;
display: block;
margin: 0 auto 5px;
color: currentColor;
filter: drop-shadow(0 0 6px rgba(212,175,55,.08));
}
.nav-svg * {
vector-effect: non-scaling-stroke;
}

.announcement-wrap { margin-top: 12px; }
.announcement {
display: grid;
grid-template-columns: 130px 1fr 180px;
min-height: 42px;
background: linear-gradient(90deg, #241a01, #a69941, #241a01);
overflow: hidden;
border-radius: 3px;
font-size: 11px;
}
.announcement strong, .announcement time {
display: flex;
align-items: center;
justify-content: center;
padding: 0 12px;
background: rgb(49 47 41 / 8%);
}
.ticker {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
white-space: nowrap;
}
.ticker span {
display: inline-block;
min-width: max-content;
padding-left: 100%;
white-space: nowrap;
animation: tickerMove 22s linear infinite;
will-change: transform;
}
@keyframes tickerMove {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}

.jackpot-section { padding: 24px 0 18px; }
.jackpot-grid { display: grid; grid-template-columns: 1fr 185px; gap: 14px; align-items: center; }
.jackpot-panel {
min-height: 94px;
padding: 13px;
border-radius: 28px;
background: linear-gradient(180deg, #3c2500, #080705);
box-shadow: inset 0 0 0 1px #ad8d3140, 0 14px 35px #d4af372b;
}
.jackpot-inner {
height: 68px;
padding: 6px 18px;
border-radius: 35px;
border: 4px solid #d4af37;
box-shadow: 0 0 0 3px #5f4818, inset 0 0 18px rgba(212,175,55,.18), 0 0 22px rgba(212,175,55,.18);
display: grid;
grid-template-columns: 210px 1fr;
align-items: center;
gap: 20px;
background: radial-gradient(circle at 70% 50%, rgba(212,175,55,.12), transparent 48%), #050403;
}
.jackpot-label {
font-family: Georgia, serif;
color: var(--gold);
font-size: 22px;
font-weight: 700;
text-align: center;
}
.jackpot-value {
display: flex;
justify-content: center;
align-items: baseline;
gap: 14px;
font-family: Orbitron, sans-serif;
letter-spacing: 3px;
font-size: clamp(24px, 4vw, 42px);
white-space: nowrap;
}
.jackpot-value small { color: #d4af37; font-size: 16px; letter-spacing: 1px; }
.digit-flash { animation: flash .45s ease; }
@keyframes flash { 50% { color: #f6e7b0; text-shadow: 0 0 18px #d4af37; } }

.prediction {
background: linear-gradient(180deg, #7a5a1c, #2f240d);
border-radius: 6px;
padding: 10px;
min-height: 82px;
}
.prediction h3 { margin: 0 0 8px; text-align: center; font-size: 11px; }
.number-boxes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }
.number-boxes b {
display: grid;
place-items: center;
height: 32px;
background: #f8edcf;
color: #1a140b;
border-radius: 3px;
font-family: Orbitron, sans-serif;
font-size: 18px;
}
.prediction p { margin: 7px 0 0; font-size: 8px; text-align: center; color: #f0e3bd; }

.section-label {
display: inline-block;
margin-bottom: 0;
padding: 9px 30px 9px 14px;
background: linear-gradient(90deg, #7e5d1f, #d4af37, #f2df8a);
clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.game-shell {
border: 1px solid rgba(212,175,55,.36);
padding: 12px;
background: rgba(12,10,7,.82);
}
.game-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.game-card {
position: relative;
border-radius: 7px;
overflow: hidden;
background: #14110d;
border: 2px solid #ebd55dd9;
cursor: pointer;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.game-card:hover {
transform: translateY(-5px) scale(1.02);
border-color: rgba(212, 175, 55, .82);
box-shadow: 0 14px 30px rgba(212,175,55,.14);
}
.game-thumb { aspect-ratio: 1 / .98; object-fit: fill; }
.game-card h3 { margin: 7px 5px 8px; font-size: 9px; text-align: center; font-weight: 600; color: #eadfbe; }
.badge {
position: absolute;
top: 6px;
left: 6px;
padding: 3px 6px;
border-radius: 4px;
font-size: 7px;
font-weight: 800;
background: linear-gradient(180deg, #f6e7b0, #d4af37);
color: #251a08;
}
.play-overlay {
position: absolute;
inset: 0;
display: grid;
place-items: center;
opacity: 0;
background: rgba(5,4,2,.62);
transition: .25s;
}
.game-card:hover .play-overlay { opacity: 1; }
.play-overlay span {
padding: 8px 13px;
border-radius: 999px;
background: linear-gradient(90deg, #8f6b26, #d4af37, #f3db92);
font-size: 9px;
font-weight: 800;
}

.showcase { padding: 10px 0 24px; }
.showcase-grid { display: grid; grid-template-columns: 210px 1fr 330px; gap: 12px; }
.winner-panel, .provider-panel, .mascot-panel {
min-height: 220px;
background: rgba(11,10,7,.82);
border: 1px solid rgba(212,175,55,.16);
}
.winner-panel { padding: 12px; }
.winner-panel h3, .provider-panel h3 { margin: 0 0 12px; font-size: 12px; }
.winner-list { display: grid; gap: 8px; }
.winner-row {
display: flex;
justify-content: space-between;
gap: 8px;
padding: 8px 7px;
border-radius: 5px;
background: rgba(212,175,55,.05);
font-size: 9px;
}
.winner-row strong { color: var(--gold-2); }
.provider-tabs { display: flex; height: 40px; }
.provider-tab {
flex: 1;
border: 0;
color: var(--gold-2);
background: #15120d;
font-weight: 800;
cursor: pointer;
border-right: 1px solid rgba(212,175,55,.10);
}
.provider-tab.active { background: linear-gradient(90deg, #7e5d1f, #d4af37, #f3db92);
color: #1a1306; }
.mini-game-grid { padding: 10px; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.mini-game {
aspect-ratio: 1;
border-radius: 7px;
overflow: hidden;
transition: transform .2s ease;
border: 2px solid #ebd55dd9;
}
.mini-game:hover { transform: scale(1.05); }
.mini-game img { height: 100%; object-fit: fill; }
.mascot-panel {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 50% 50%, rgba(212,175,55,.18), transparent 28%),
linear-gradient(145deg, #18140d, #050403);
display: grid;
place-items: center;
}
.mascot-circle {
width: 200px;
height: 200px;
border-radius: 50%;
display: grid;
place-items: center;
font-family: Orbitron, sans-serif;
font-size: 30px;
color: #2a1d08;
background: radial-gradient(circle at 40% 38%, #fff9e1, #f3db92 25%, #d4af37 55%, #7c5a1d 100%);
box-shadow: 0 0 35px rgba(212,175,55,.22);
}

.app-banner {
margin-top: 4px;
min-height: 340px;
background:
linear-gradient(90deg, rgba(18,15,11,.97), rgba(34,26,13,.96)),
radial-gradient(circle at 20% 25%, rgba(212,175,55,.20), transparent 34%),
radial-gradient(circle at 85% 70%, rgba(244,221,149,.14), transparent 34%);
overflow: hidden;
border-top: 1px solid rgba(212,175,55,.14);
border-bottom: 1px solid rgba(212,175,55,.14);
}
.app-grid {
min-height: 340px;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 35px;
}
.app-image-stage {
display: flex;
align-items: center;
justify-content: center;
min-height: 330px;
padding: 20px 0;
}
.app-promo-image {
width: min(100%, 470px);
height: auto;
max-height: 330px;
object-fit: fill;
object-position: center;
filter: drop-shadow(0 22px 34px rgba(0,0,0,.38));
transition: transform .35s ease, filter .35s ease;
}
.app-promo-image:hover {
transform: translateY(-5px) scale(1.015);
filter: drop-shadow(0 28px 42px rgba(212,175,55,.18));
}
.app-copy h2 { margin: 0 0 10px; font-size: clamp(28px, 4vw, 44px); line-height: 1.02; }
.app-copy p { color: #eadfbe; max-width: 500px; line-height: 1.65; }
.qr-row { display: flex; align-items: center; gap: 18px; margin-top: 20px; }
.qr {
width: 95px;
height: 95px;
padding: 8px;
background:
repeating-linear-gradient(0deg, #fff 0 5px, #000 5px 9px),
repeating-linear-gradient(90deg, transparent 0 4px, rgba(0,0,0,.7) 4px 8px);
border: 7px solid #fff;
background-blend-mode: multiply;
}
.download-btn {
display: inline-flex;
margin-top: 10px;
padding: 11px 18px;
border-radius: 999px;
background: linear-gradient(90deg, #8f6b26, #d4af37, #f3db92);
color: #1a1306;
font-size: 12px;
font-weight: 800;
}

.telegram { padding: 18px 0; }
.telegram-card {
min-height: 92px;
padding: 16px 25px;
border-radius: 12px;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 20px;
background:
radial-gradient(circle at 20% 50%, rgba(255,255,255,.10), transparent 8%),
linear-gradient(90deg, #17130d, #3a2d14);
border: 1px solid rgba(212,175,55,.14);
}
.telegram-card h2 { margin: 0 0 4px; font-size: 20px; }
.telegram-card p { margin: 0; color: #eadfbe; font-size: 11px; }
.telegram-btn {
padding: 13px 24px;
border-radius: 999px;
background: linear-gradient(90deg, #c9ac75, #d4af37);
color: var(--gold-2);
color: #1a1306;
font-weight: 800;
cursor: pointer;
}

footer {
border-top: 1px solid rgba(212,175,55,.22);
background: linear-gradient(90deg, #100e0b 0%, #0b0907 70%, #060504 100%);
padding: 18px 0 28px;
}
.footer-menu { display: flex;justify-content: center; flex-wrap: wrap; gap: 24px; font-size: 10px; color: #d8c9a2; padding-bottom: 18px; border-bottom: 1px solid rgba(212,175,55,.10); }
.footer-intro { padding: 10px 0; border-bottom: 1px solid rgba(212,175,55,.10); }
.title h1 { color:#ffdc33; font-size: 25px; margin: 10 auto;text-align: center; }
.title p { margin: 0; color: #bca777; font-size: 11px; line-height: 1.7; }
ol,ul,li{margin-left:-10px; color: #bca777; font-size: 11px; line-height: 1.9;}
.footer-intro h2 { color:#ffdc33; font-size: 18px; margin: 0 0 12px;text-align: center;margin: 15px auto;}
.footer-intro h3 { color:#ffdc33; font-size: 16px; margin: 0 0 12px;text-align: left;margin: 15px auto;}
.footer-intro p { margin: 0; color: #bca777; font-size: 11px; line-height: 1.7; }
.footer-columns { display: grid; grid-template-columns: 1.05fr 1.35fr 1fr; gap: 35px; padding: 24px 0; }
.footer-title { font-size: 12px; margin: 0 0 16px; color: #e5d4a0; }
.service-stat { margin-bottom: 18px; }
.service-stat div { display: flex; justify-content: space-between; font-size: 10px; color: #c8b080; }
.service-stat strong { font-family: Orbitron, sans-serif; color: #f4e7c2; font-size: 18px; }
.bar { height: 6px; background: rgba(91, 85, 61, 0.12); border-radius: 10px; overflow: hidden; margin-top: 8px; }
.bar span { display: block; height: 100%; width: 72%; border-radius: inherit; background: linear-gradient(90deg, #8f6b26, #d4af37, #f2df8a); }
.footer-copy { font-size: 10px; line-height: 1.65; color: #bca777; }
.support-links { display: grid; gap: 10px; }
.support-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; background: rgba(212,175,55,.08); border-radius: 999px; font-size: 10px; transition: background .2s ease, transform .2s ease; }
.support-links a:hover { background: rgba(212,175,55,.15); transform: translateX(2px); }
.support-icon { width: 20px; height: 20px; display: inline-grid; place-items: center; flex: 0 0 auto; }
.support-icon svg { width: 18px; height: 18px; display: block; }
.whatsapp-icon { color: #25d366; }
.telegram-icon { color: #2aabee; }

.provider-groups { border-top: 1px solid rgba(212,175,55,.10); padding-top: 16px; }
.provider-group { margin-bottom: 12px; }
.provider-group h3 { margin: 0 0 5px; color: #bca777; font-size: 9px; font-weight: 500; }
.provider-logos {
display: flex;
flex-wrap: wrap;
gap: 18px 5px;
padding: 15px 5px;
border: 1px solid rgba(212,175,55,.14);
background: rgba(212,175,55,.03);
justify-content: flex-start;
}
.provider-logo {
min-height: 38px;
padding: 7px 12px;
border-radius: 8px;
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid rgba(212,175,55,.16);
background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(212,175,55,.035));
color: #eadfbe;
transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.provider-logo:hover {
transform: translateY(-2px);
border-color: rgba(212,175,55,.42);
background: rgba(212,175,55,.08);
}
.provider-logo .provider-logo-mark {
width: 24px;
height: 24px;
border-radius: 7px;
display: grid;
place-items: center;
flex: 0 0 auto;
color: #1a1306;
background: linear-gradient(145deg, #f5e2a0, #d4af37 65%, #8f6b26);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.32);
font-family: Orbitron, sans-serif;
font-size: 9px;
font-weight: 800;
}
.provider-logo .provider-logo-name {
font-family: Orbitron, sans-serif;
font-size: 8px;
font-weight: 700;
letter-spacing: 1.5px;
white-space: nowrap;
}
.copyright { margin-top: 16px; text-align: center; color: #9f8a5d; font-size: 12px; }

.floating-menu {
position: fixed;
right: 10px;
bottom: 20px;
z-index: 90;
width: 44px;
height: 44px;
border: 0;
border-radius: 7px;
background: linear-gradient(135deg, #8f6b26, #d4af37);
color: #1a1306;
cursor: pointer;
box-shadow: 0 0 20px rgba(212,175,55,.20);
}
.side-panel {
position: fixed;
right: 16px;
bottom: 40px;
z-index: 89;
width: 210px;
padding: 12px;
border: 1px solid rgba(212,175,55,.12);
border-radius: 12px;
background: rgba(10,9,7,.97);
backdrop-filter: blur(14px);
transform: translateY(15px) scale(.96);
opacity: 0;
pointer-events: none;
transition: .25s;
}
.side-panel.open { transform: none; opacity: 1; pointer-events: auto; }
.side-panel a { display: block; padding: 9px; border-radius: 7px; font-size: 11px; color: #dbcaa3; }
.side-panel a:hover { background: rgba(212,175,55,.14); color: var(--gold-2); }

.modal {
position: fixed;
inset: 0;
z-index: 200;
display: grid;
place-items: center;
padding: 20px;
background: rgba(5,4,3,.82);
opacity: 0;
pointer-events: none;
transition: .25s;
}
.modal.open { opacity: 1; pointer-events: auto; }
.modal-card {
width: min(300px, 100%);
border-radius: 18px;
overflow: hidden;
background: #110f0b;
border: 1px solid rgba(212,175,55,.14);
box-shadow: 0 30px 80px rgba(0,0,0,.5);
}
.modal-card img { height: 300px; object-fit: fill;}
.modal-body { padding: 20px; }
.modal-body h3 { margin: 0 0 8px; }
.modal-body p { color: var(--muted); font-size: 13px; line-height: 1.6; }
.modal-actions { display: flex; gap: 10px; margin-top: 16px; }
.modal-actions button {
flex: 1;
border: 0;
padding: 11px;
border-radius: 9px;
color: var(--gold-2);
cursor: pointer;
background: rgba(212,175,55,.10);
}
.modal-actions .primary { background: linear-gradient(90deg, #8f6b26, #d4af37, #f3db92); color: #1a1306; font-weight: 700; }
.modal-actions .modal-play { flex: 1; display: grid; place-items: center; padding: 11px; border-radius: 9px; text-align: center; cursor: pointer; background: linear-gradient(90deg, #8f6b26, #d4af37, #f3db92); color: #1a1306; font-weight: 700; }

.reveal { opacity: 0; transform: translateY(22px); transition: .7s ease; }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
.nav-inner { grid-template-columns: 1fr auto; min-height: 68px; }
.menu-toggle { display: inline-grid; place-items: center; }
.menu-list {
position: absolute;
left: 16px;
right: 16px;
top: calc(100% + 8px);
padding: 12px;
background: rgba(10,9,7,.98);
border: 1px solid rgba(212,175,55,.10);
border-radius: 12px;
display: grid;
grid-template-columns: repeat(4, 1fr);
transform: translateY(-10px);
opacity: 0;
pointer-events: none;
transition: .22s;
}
.menu-list.open { transform: none; opacity: 1; pointer-events: auto; }
.nav-inner > .auth-btn { display: none; }
.jackpot-grid { grid-template-columns: 1fr; }
.game-grid { grid-template-columns: repeat(4,1fr); }
.showcase-grid { grid-template-columns: 1fr 1.5fr; }
.mascot-panel { grid-column: 1 / -1; min-height: 230px; }
.app-grid { grid-template-columns: 1fr 1.1fr; }
.footer-columns { grid-template-columns: 1fr 1fr; }
.footer-columns > :last-child { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
.container { width: min(100% - 20px, var(--container)); }
.topbar { height: auto; padding: 6px 0; }
.topbar-inner { align-items: flex-start; }
.social-row .mini-chip:not(.blue) { display: none; }
.auth-btn { padding: 6px 12px; }
.brand { font-size: 16px; }
.brand-mark { width: 28px; height: 28px; }
.menu-list { grid-template-columns: repeat(3,1fr); max-height: 70vh; overflow: auto; }
.announcement { grid-template-columns: 95px 1fr; }
.announcement time { display: none; }
.jackpot-inner { grid-template-columns: 1fr; height: auto; min-height: 86px; gap: 5px; border-radius: 22px; }
.jackpot-label { font-size: 17px; }
.jackpot-value { font-size: 21px; gap: 8px; letter-spacing: 1px; }
.game-grid { grid-template-columns: repeat(3,1fr); gap: 7px; }
.showcase-grid { grid-template-columns: 1fr; }
.winner-panel, .provider-panel { min-height: auto; }
.mini-game-grid { grid-template-columns: repeat(2,1fr); }
.app-grid { grid-template-columns: 1fr; text-align: center; padding-top: 24px; }
.app-image-stage { min-height: 260px; order: 2; padding: 10px 0 0;margin-bottom:15px; }
.app-promo-image { max-height: 280px; }
.app-copy { padding: 0 8px; }
.qr-row { justify-content: center; }
.telegram-card { grid-template-columns: 1fr; text-align: center; }
.footer-columns { grid-template-columns: 1fr; }
.footer-columns > :last-child { grid-column: auto; }
.floating-menu { right: 10px; bottom: 20px; }
.side-panel { right: 10px; bottom: 50px; }
.logobrand{margin-bottom: 10px;}
}

@media (prefers-reduced-motion: reduce) {
*:not(.ticker span),
*:not(.ticker span)::before,
*:not(.ticker span)::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: .01ms !important;
}
}