<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пин Ап ᐉ Вход на Официальный Сайт Pin-Up Казино</title>
<meta name="robots" content="max-image-preview:large">
<meta name="description"
content="Pin UP - лицензионное онлайн казино в Украине ➤ Официальный сайт Pin-Up Casino - ваш путь к выигрышу ⚡➧ Вход и регистрация ➤ ☕➧ Играть на Пин Ап казино">
<meta name="audience" content="Ukrainian">
<link rel="canonical" href="https://anabel.pl.ua/">
<link rel="stylesheet" id="first-bootstrap-css" href="css/bootstrap-grid.min.css" type="text/css" media="all">
<link rel="stylesheet" id="first-main-css" href="css/main.css" type="text/css" media="all">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://starstudio.org.ua/">
<meta property="og:title" content="Pin UP Официальный сайт ᐉ Казино Пин Ап Онлайн – играть в слоты на PinUP">
<meta property="og:description"
content="Pin UP - лицензионное онлайн казино в Украине ➤ Лучшие игровые автоматы ⚡➧ Вход и регистрация ➤ Фриспины • Бонусы Pin UP • Промокоды ☕➧ Играть на Пин Ап казино">
<meta property="og:image" content="https://starstudio.org.ua/images/pinup-logo.png">
<meta property="og:site_name" content="Пин Ап Казино">
<meta property="og:locale" content="ru_UA">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://starstudio.org.ua/">
<meta name="twitter:title" content="Pin UP Официальный сайт ᐉ Казино Пин Ап Онлайн">
<meta name="twitter:description"
content="Pin UP - лицензионное онлайн казино в Украине ➤ Лучшие игровые автоматы ⚡➧ Вход и регистрация ➤ Фриспины • Бонусы Pin UP • Промокоды ☕➧ Играть на Пин Ап казино">
<meta name="twitter:image" content="https://starstudio.org.ua/images/pinup-logo.png">
<meta name="twitter:site" content="@pin_up_ua">
<meta name="twitter:creator" content="@pin_up_ua">
<!-- Telegram -->
<meta property="og:type" content="website">
<meta property="og:title" content="Пін Ап Казино">
<meta property="og:description" content="Офіційний сайт азартних розваг з бонусами до 400%">
<meta property="og:image" content="https://starstudio.org.ua/images/pinup-logo.png">
<meta property="og:url" content="https://starstudio.org.ua/">
<meta name="telegram:channel" content="@pinup_casino_official">
<!-- Instagram -->
<meta property="og:type" content="website">
<meta property="og:title" content="Пін Ап Казино | Офіційний сайт">
<meta property="og:description" content="Найкращі азартні розваги та бонуси">
<meta property="og:image" content="https://starstudio.org.ua/images/pinup-logo.png">
<meta property="og:url" content="https://starstudio.org.ua/">
<meta name="instagram:site" content="@pinup.ukraine">
<!-- Дополнительные теги -->
<link rel="alternate" hreflang="ru" href="https://starstudio.org.ua/">
<link rel="alternate" hreflang="x-default" href="https://starstudio.org.ua/" />
<link rel="alternate" hreflang="uk" href="https://starstudio.org.ua/uk" />
<!--link rel="amphtml" href="https://newlife.com.ua/"-->
<!-- Дополнительные социальные ссылки -->
<link rel="me" href="https://t.me/pinup_casino_official">
<link rel="me" href="https://twitter.com/pin_up_ua">
<link rel="me" href="https://www.instagram.com/pinup.ukraine/">
<link rel="me" href="https://www.facebook.com/pinup.ukraine">
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "r5yxg7ghst");
</script>
<script>
document.addEventListener('contextmenu', event => event.preventDefault());
document.addEventListener('keydown', event => {
if (event.ctrlKey && (event.key === 'u' || event.key === 's' || event.key === 'a' || event.key === 'c')) {
event.preventDefault();
}
});
</script>
<style>
body {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
</style>
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Пін Ап Казино",
"url": "https://starstudio.org.ua/",
"logo": "https://starstudio.org.ua/images/pinup-logo.png",
"description": "Pin UP - лицензионное онлайн казино в Украине с лучшими игровыми автоматами и щедрыми бонусами.",
"address": {
"@type": "PostalAddress",
"addressLocality": "Украина"
},
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support",
"email": "support@pin-up.ua"
},
"sameAs": [
"https://t.me/pinup_c asino_official",
"https://twitter.com/pin_up_ua",
"https://www.instagram.com/pinup.ukraine/",
"https://www.facebook.com/pinup.ukraine"
]
}
</script>
<script type="application/ld+json" style="user-select: auto;">
{
"@context": "https://schema.org",
"@type": "CreativeWorkSeries",
"name": "Пин Ап Казино (Pin Up Casino) Регистрация",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"ratingCount": "4353"
}
}
</script>
<style id="classic-theme-styles-inline-css" type="text/css">
.language-switcher {
padding: 10px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.lang-label {
font-weight: bold;
margin-right: 10px;
}
.lang-item {
text-decoration: none;
color: #333;
margin-right: 10px;
font-size: 14px;
cursor: default; /* Для span, щоб не було вигляду посилання */
}
.lang-item.active {
font-weight: bold;
color: #000;
}
.lang-item:not(.active):hover {
text-decoration: underline;
}
/*! This file is auto-generated */
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: calc(.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em
}
.wp-block-file__button {
background: #32373c;
color: #fff;
text-decoration: none
}
.menu-toggle-btn {
background: none;
border: none;
display: flex;
/* Кнопка відображатиметься на мобільних пристроях */
align-items: center;
justify-content: center;
}
@media (min-width: 992px) {
.menu-toggle-btn {
display: block !important;
/* Сховати кнопку на десктопних версіях */
}
}
@media (max-width: 991px) {
.plus_every_day {
display: none;
/* Скриває елемент на екранах з шириною до 991px */
}
}
</style>
<style>
@media (max-width: 991px) {
.header__inner {
justify-content: start !important;
}
}
/* Базовые стили для сайдбара, применяемые ко всем устройствам */
.aside {
position: fixed;
top: 60px;
left: 0;
width: 256px;
height: calc(100% - 60px);
background-color: #fff;
z-index: 1000;
transform: translateX(-100%);
/* Скрываем сайдбар за левый край экрана */
transition: transform 0.3s ease-in-out;
padding: 12px 16px;
border-right: 1px solid #f2f1f6;
}
/* Показываем сайдбар при наличии класса .open */
.aside.open {
transform: translateX(0);
}
/* Специфические стили для мобильных устройств */
@media (max-width: 991px) {
.aside {
width: 100%;
/* Полная ширина экрана */
height: calc(100% - 120px);
/* Высота с учетом возможной панели навигации */
top: 60px;
/* Отступ сверху, если есть */
transform: translateX(-100%);
/* Скрываем сайдбар изначально */
}
.aside.open {
transform: translateX(0);
/* Показываем сайдбар при наличии класса .open */
}
}
/* Стили для десктопных версий, где сайдбар должен быть всегда виден */
@media (min-width: 992px) {
.aside {
transform: translateX(0);
/* Сайдбар виден всегда на десктопах */
}
}
</style>
<style id="global-styles-inline-css" type="text/css">
:root {
--wp--preset--aspect-ratio--square: 1;
--wp--preset--aspect-ratio--4-3: 4/3;
--wp--preset--aspect-ratio--3-4: 3/4;
--wp--preset--aspect-ratio--3-2: 3/2;
--wp--preset--aspect-ratio--2-3: 2/3;
--wp--preset--aspect-ratio--16-9: 16/9;
--wp--preset--aspect-ratio--9-16: 9/16;
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #882828;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
:where(.is-layout-flex) {
gap: 0.5em;
}
:where(.is-layout-grid) {
gap: 0.5em;
}
body .is-layout-flex {
display: flex;
}
.is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
.is-layout-flex> :is(*, div) {
margin: 0;
}
body .is-layout-grid {
display: grid;
}
.is-layout-grid> :is(*, div) {
margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
gap: 2em;
}
:where(.wp-block-post-template.is-layout-flex) {
gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
gap: 1.25em;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
:where(.wp-block-post-template.is-layout-flex) {
gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
gap: 1.25em;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
gap: 2em;
}
:root :where(.wp-block-pullquote) {
font-size: 1.5em;
line-height: 1.6;
}
@media (max-width: 768px) {
.swiper_img {
max-width: 300px;
/* максимальна ширина лого, щоб воно масштабувалося і вміщувалося в рядок */
height: auto;
/* автоматична висота зображення для збереження пропорцій */
}
td,
th {
border: 1px solid #ccc;
padding: 2px !important;
}
.che-popup__grid-item img {
width: 300px;
height: 300px;
}
}
.table-container {
overflow-x: auto; /* Додає горизонтальний скрол для широких таблиць */
margin: 1em 0;
}
</style>
<link rel="stylesheet" id="first-bootstrap-css" href="css/bootstrap-grid.min.css" type="text/css" media="all">
<link rel="stylesheet" id="first-main-css" href="css/main.css" type="text/css" media="all">
<script type="text/javascript" src="js/swiper-bundle.min.js" id="first-swiper-js-js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link href="https://fonts.cdnfonts.com/css/advanced-led-board-7" rel="stylesheet">
<script src="js/jquery-3.7.1.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="header__left">
<button id="toggleMenuBtn" class="menu-toggle-btn" aria-label="Відкрити меню">
<img src="images/menu-icon.svg" alt="Меню" height="30" width="30">
</button>
<a href="https://starstudio.org.ua/" class="logo">
<img src="images/pinup-logo.png" alt="Пин Ап" class="logo__img">
</a>
</div>
<div class="header__right">
<div class="container">
<div class="row">
<div class="col-12">
<div class="header__inner">
<div class="header__search">
<img src="images/search.svg" alt="search">
<input type="text" name="search" id="search" disabled="" placeholder="Поиск твоей игры">
</div>
<a href="/download" rel="noindex nofollow" class="btn regular btn_download">
<img class="download_icon" src="images/download.png" alt="App store | Play market">
Скачать Пин Ап </a>
<a href="/auth" rel="noindex nofollow" class="btn regular">
Войти </a>
<a href="/registration"
class="btn primary"
class="btn primary">
Регистрация </a>
</div>
</div>
</div>
</div>
</div>
</header>
<aside class="aside">
<ul id="menu-menu-1" class="menu">
<li class="menu-item">
<a href="slot-games">Слоты <img src="images/Screenshot_28-removebg-preview.png" alt="Слоты"></a>
</li>
<li class="menu-item">
<a href="crash-games">Краш игры <img src="images/Screenshot_22-removebg-preview.png"
alt="Краш игры"></a>
</li>
<li class="menu-item">
<a href="live-games">Live игры <img src="images/Screenshot_24-removebg-preview.png" alt="Live игры"></a>
</li>
<li class="menu-item">
<a href="providers">Провайдеры <img src="images/Screenshot_23-removebg-preview.png"
alt="Провайдеры"></a>
</li>
<li class="menu-item">
<a href="about-us">О Нас <img src="images/Screenshot_25-removebg-preview.png" alt="О Нас"></a>
</li>
<li class="menu-item">
<a href="contacts">Контакты <img src="images/Screenshot_26-removebg-preview.png" alt="Контакты"></a>
</li>
<li class="menu-item">
<a href="help">Помощь <img src="images/Screenshot_27-removebg-preview.png" alt="Помощь"></a>
</li>
</ul>
<div class="sidebar_bottom">
<a href="go-pinup" target="_blank" rel="nofollow" class="btn regular">
<img class="chat_img" src="images/chat.svg" alt="Chat"> Онлайн чат
</a>
<a href="/go-pinup" target="_blank" rel="nofollow" class="mail_link"><span class="__cf_email__" data-cfemail="384b4d4848574a4c78485156154d48164d59">[email protected]</span></a>
</div>
<div class="sidebar_socials">
<div class="socials_title">Pin UP в социальных сетях:</div>
<div class="socials">
<a href="/go-pinup" target="_blank" rel="nofollow" class="social_item">
<img src="images/youtube-168-svgrepo-com.svg" alt="YouTube">
</a>
<a href="/go-pinup" target="_blank" rel="nofollow" class="social_item">
<img src="images/viber-chat-app-svgrepo-com.svg" alt="Viber">
</a>
<a href="/go-pinup" target="_blank" rel="nofollow" class="social_item">
<img src="images/telegram-alt-svgrepo-com.svg" alt="Telegram">
</a>
<a href="/go-pinup" target="_blank" rel="nofollow" class="social_item">
<img src="images/instagram-svgrepo-com.svg" alt="Instagram">
</a>
</div>
</div>
<hr>
<!-- Перемикач мов -->
<div class="language-switcher">
<span class="lang-label">Язык:</span>
<a href="https://starstudio.org.ua/" class="lang-item active" hreflang="ru">RU</a>
<a href="https://starstudio.org.ua/uk" class="lang-item" hreflang="uk">UK</a>
</div>
</aside>
<div class="body main">
<div class="container">
<div class="row">
<div class="col-12">
<div class="main__inner">
<div class="marquee">
<div class="ticker-wrapper__first-half">
<div class="jackpot">jackpot</div>
<div class="jp jp_m">M<div class="jackpot_m"></div>UAH</div>
<div class="jp jp_l">L<div class="jackpot_l"></div>UAH</div>
<div class="jp jp_xl">XL<div class="jackpot_xl"></div>UAH</div>
</div>
<div class="ticker-wrapper__second-half">
<div class="jackpot">jackpot</div>
<div class="jp jp_m">M<div class="jackpot_m"></div>UAH</div>
<div class="jp jp_l">L<div class="jackpot_l"></div>UAH</div>
<div class="jp jp_xl">XL<div class="jackpot_xl"></div>UAH</div>
</div>
</div>
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image: url(images/weekend-back-mob.jpg);">
<div class="swiper_info">
<div class="swiper_text">
<div class="swiper_title">
GIFT BOX </div>
<div class="swiper_descr">
Получи gift box от PIN-UP.UA </div>
</div>
<a href="/go-pinup" target="_blank" rel="noindex nofollow"
class="btn swiper_btn">
Участвовать </a>
</div>
<img src="images/pin-up-bonus3.png" alt="" loading="lazy" class="swiper_img">
</div>
<div class="swiper-slide" style="background-image: url(images/back_2.png);">
<div class="swiper_info">
<div class="swiper_text">
<div class="swiper_title">
Unique Слот </div>
<div class="swiper_descr">
Твои персональные слоты Пин Ап </div>
</div>
<a href="/go-pinup" target="_blank" rel="noindex nofollow"
class="btn swiper_btn">
Условия </a>
</div>
<img src="images/pin-up-bonus2.png" alt="" loading="lazy" class="swiper_img">
</div>
<div class="swiper-slide" style="background-image: url(images/back-mob-wp100.jpg);">
<div class="swiper_info">
<div class="swiper_text">
<div class="swiper_title">
Промокод </div>
<div class="swiper_descr">
Промокод Пин АП на бездепозитный бонус — PINRK </div>
</div>
<a href="/go-pinup" target="_blank" rel="noindex nofollow"
class="btn swiper_btn">
Ввести </a>
</div>
<img src="images/pin-up-bonus1.png" alt="" loading="lazy" class="swiper_img">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="games">
<div class="game_item" style="background-image: url(images/sevens-joy1.jpeg);">
<div class="game_name">
<a href="/go-pinup" class="slot_permalink">
Слот Sevens Joy </a>
</div>
<div class="game_overlay">
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="link_out">
<img src="images/play_btn.png" loading="lazy" alt="Play batton">
</a>
</div>
</div>
<div class="game_item" style="background-image: url(images/pure-ecstasy1.jpeg);">
<div class="game_name">
<a href="/go-pinup" class="slot_permalink">
Слот Pure Ecstasy </a>
</div>
<div class="game_overlay">
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="link_out">
<img src="images/play_btn.png" loading="lazy" alt="Play batton">
</a>
</div>
</div>
<div class="game_item" style="background-image: url(images/jester-bags1.jpeg);">
<div class="game_name">
<a href="/go-pinup" class="slot_permalink">
Слот Jester Bags </a>
</div>
<div class="game_overlay">
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="link_out">
<img src="images/play_btn.png" loading="lazy" alt="Play batton">
</a>
</div>
</div>
<div class="game_item" style="background-image: url(images/27-eternal-hot.jpeg);">
<div class="game_name">
<a href="/go-pinup" class="slot_permalink">
Слот 27 Eternal Hot </a>
</div>
<div class="game_overlay">
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="link_out">
<img src="images/play_btn.png" loading="lazy" alt="Play batton">
</a>
</div>
</div>
<div class="game_item" style="background-image: url(images/100_Golden_Coins.jpeg);">
<div class="game_name">
<a href="/go-pinup" class="slot_permalink">
Слот 100 Golden Coins </a>
</div>
<div class="game_overlay">
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="link_out">
<img src="images/play_btn.png" loading="lazy" alt="Play batton">
</a>
</div>
</div>
<div class="game_item" style="background-image: url(images/hot-deco.jpeg);">
<div class="game_name">
<a href="/go-pinup" class="slot_permalink">
Слот Hot Deco </a>
</div>
<div class="game_overlay">
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="link_out">
<img src="images/play_btn.png" loading="lazy" alt="Play batton">
</a>
</div>
</div>
<div class="game_item" style="background-image: url(images/gates-of-olympus.png);">
<div class="game_name">
<a href="/go-pinup" class="slot_permalink">
Слот Gates of Olympus </a>
</div>
<div class="game_overlay">
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="link_out">
<img src="images/play_btn.png" loading="lazy" alt="Play batton">
</a>
</div>
</div>
<div class="game_item" style="background-image: url(images/sugar-rush.jpeg);">
<div class="game_name">
<a href="/go-pinup" class="slot_permalink">
Слот Sugar Rush </a>
</div>
<div class="game_overlay">
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="link_out">
<img src="images/play_btn.png" loading="lazy" alt="Play batton">
</a>
</div>
</div>
<div class="game_item" style="background-image: url(images/the-dog-house-megaways.jpeg);">
<div class="game_name">
<a href="/go-pinup" class="slot_permalink">
Слот The Dog House Megaways </a>
</div>
<div class="game_overlay">
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="link_out">
<img src="images/play_btn.png" loading="lazy" alt="Play batton">
</a>
</div>
</div>
</div>
<div class="providers">
<div class="provider">
<img src="images/Pragmatic_254x96.png" alt="Pragmatic Play" class="logo">
<a href="providers" class="provider_info">
<span class="provider_title">
Pragmatic Play </span>
<span class="provider_games">Игр 3</span> </a>
</div>
<div class="provider">
<img src="images/Amusnet-Interactive.png" alt="Amusnet Interactive" class="logo">
<a href="providers" class="provider_info">
<span class="provider_title">
Amusnet Interactive </span>
<span class="provider_games">Игр 3</span> </a>
</div>
<div class="provider">
<img src="images/pateplay.png" alt="Pateplay" class="logo">
<a href="providers" class="provider_info">
<span class="provider_title">
Patеplay </span>
<span class="provider_games">Игр 3</span> </a>
</div>
</div>
<!-- <div class="plus_every_day">
<div class="plus_left">
<div class="plus_title">
Крути кубик и получай казино бонусы Pin UP
</div>
</div>
<div class="plus_right">
<div class="plus_descr">
Крути кубик чтобы узнать какой бонус тебе выпадет сегодня! Чтобы принять участие нужно зарегистрироваться и выполнить вход в казино Пин Ап.
</div>
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="btn primary">
Крутить
</a>
</div>
<div class="cube_wrapp">
<div class="cube_rotate">
</div>
</div>
</div>
-->
<div class="contact_us">
<div class="red_title">Готов выполнить Pin-Up Casino вход?</div>
<div class="contact_title">ПРОЙДИ РЕГИСТРАЦИЮ!</div>
<div class="contact_us_form_wrapp">
<div class="contact_us_img">
<img src="images/pin-up-vhod.png" loading="lazy" alt="Happy guy">
</div>
<div class="contact_us_form">
<div class="form_tabs">
<div class="form_tab tab_active" data-tab="phone">Телефон</div>
<div class="form_tab" data-tab="mail">Е-почта</div>
</div>
<div class="variable_inputs">
<div class="form_input input_active" data-input-phone="">
<div class="input_label">Номер телефону</div>
<div class="input_stuf">
<img src="images/flag.png" loading="lazy" alt="Ukraine"
class="input_flag">
<div class="prefix">+380</div>
<input type="tel" placeholder="## ###-##-##">
</div>
</div>
<div class="form_input" data-input-mail="">
<div class="input_label">Е-почта</div>
<div class="input_stuf">
<input type="mail">
</div>
</div>
</div>
<div class="form_input">
<div class="input_label">Пароль</div>
<div class="input_stuf">
<input type="password">
</div>
</div>
<label class="form_checkbox" for="old">
<div class="wrapp_checkbox">
<input type="checkbox" checked="" name="old" id="old">
<span class="mask_for_checkbox"></span>
</div>
<span>Мне исполнился 21 год и я согласен с Правилами и условиями</span>
</label>
<label class="form_checkbox" for="sms">
<div class="wrapp_checkbox">
<input type="checkbox" name="sms" id="sms">
<span class="mask_for_checkbox"></span>
</div>
<span>Активировать промокод Пин Ап на БОНУС ЗА ПЕРВЫЙ ДЕПОЗИТ +400% и 250 FS
</span>
</label>
<a href="/go-pinup" target="_blank" rel="noindex nofollow" class="btn primary">
Регистрация
</a>
</div>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-cfasync="false" src="js/email-decode.min.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement":
[
{
"@type": "ListItem",
"position": 1,
"item":
{
"@id": "https://starstudio.org.ua/",
"name": "Pin UP"
}
}, {
"@type": "ListItem",
"position": 2,
"item":
{
"@id": "https://starstudio.org.ua/#pinup",
"name": "🎁 200 000 грн + 250 FS"
}
}, {
"@type": "ListItem",
"position": 3,
"item":
{
"@id": "https://starstudio.org.ua/#онлайн-казино",
"name": "🏆 Онлайн Казино"
}
} ]
}
</script>
<div class="breadcrumbs">
<a href="/go-pinup" class="bread_item">
Pin UP </a>
<a href="/go-pinup" class="bread_item">
🎁 200 000 грн + 250 FS </a>
<a href="/go-pinup" class="bread_item">
🏆 Онлайн Казино </a>
</div>
<h1 id="pin-up">Пин Ап казино (Pin Up Ukraine) - Вход на официальный сайт [2025]</h1>
<p>В <strong>Pin Up</strong> каждый любитель азартных игр найдёт что-то особенное для
себя. Казино Пинап предлагает богатую коллекцию слотов с высокими коэффициентами возврата (RTP) и
эксклюзивными бонусными раундами, которые могут значительно увеличить ваши выигрыши.</p>
<h2>Обзор Пин Ап казино Украина</h2 >
<nav>
<ul>
<li><a href="#slots">В какие слоты можно играть в Пин Ап?</a></li>
<li><a href="#providers">Провайдеры слотов в Пин Ап</a></li>
<li><a href="#live-games">Live игры Pin-Up</a></li>
<li><a href="#live-categories">Виды Live игр в Пин Ап</a></li>
<li><a href="#pin-up-games">Игры в Pin-Up Casino</a></li>
</ul>
</nav>
<h2 id="slots">Pin Up Casino игровые автоматы</h2>
<p>В <strong>Pin-up казино</strong> представлены слоты с разной волатильностью, что позволяет
подобрать идеальную игру для каждого вида игроков:</p>
<ul>
<li>Слоты с <strong>низкой волатильностью</strong> часто выдают призы, но они меньше по
размеру - идеальны для новичков.</li>
<li>Слоты с <strong>средней волатильностью</strong> предлагают золотую середину между
частотой и размером выигрышей.</li>
<li><strong>Высоковолатильные слоты</strong> реже приносят призы, но выигрыши могут быть
огромными, подходят для опытных гемблеров, готовых рискнуть.</li>
</ul>
<p>Большинство автоматов оснащены уникальными символами <strong>Scatter и Wild</strong>, которые
не только помогают формировать выигрышные комбинации, но и могут активировать бонусные
раунды с бесплатными спинами или увеличенными выплатами.</p>
<h3>Пин Ап темы слотов</h3>
<p>В <strong>Pin-up казино</strong> вы найдёте слоты на любую тематику, от классических
"Фруктов" и "777" до "Египетских" и "Мифологических" приключений. Это разнообразие делает
игровой процесс невероятно захватывающим и позволяет каждому игроку найти что-то по вкусу.
</p>
<h3>Инновации и технологии в слотах Pin Up Casino</h3>
<p>Современные слоты в <strong>Pin Up</strong> отличаются не только вдохновляющей графикой и
анимацией, но и включают современные технологии, такие как 3D-графика и интерактивные
бонусные игры, увеличивающие шансы на крупные выигрыши. Классические слоты, несмотря на их
простоту, по-прежнему популярны благодаря своей ностальгии и лёгкости в освоении.</p>
<h2 id="providers">Pin Up провайдеры игр и каталог</h2>
<p><strong>Pin Up Casino</strong> регулярно обновляет свой каталог, добавляя новые игры от
ведущих мировых разработчиков. С помощью удобной поисковой системы вы можете легко найти
любой слот по его названию или характеристикам, что делает процесс выбора игры быстрым и
приятным.</p>
<h2 id="live-games">Live Игры в Pin Up Casino: Реальные Дилеры и Неповторимая Атмосфера</h2>
<p>На официальном сайте <strong>Pin Up Casino</strong> доступны лайв-игры, которые позволяют
игрокам наслаждаться азартом с реальными дилерами. Крупье ведет игру в реальном времени,
принимая ставки и взаимодействуя с игроками, что создает ощущение настоящего казино.</p>
<h2 id="live-categories">Виды Live Игр в Pin-Up Casino</h2>
<p>Раздел Live игр в <strong>казино Пин Ап</strong> включает разнообразные игры:</p>
<ul>
<li><strong>Рулетка:</strong> В <strong>Pin-up казино</strong> представлены различные виды
рулетки, включая французскую, европейскую, американскую, мини и виртуальную рулетки.
Игроки могут делать ставки на красное/черное, четные/нечетные числа, колоны и дюжины.
</li>
<li><strong>Monopoly:</strong> Классическая настольная игра теперь доступна в режиме live в
<strong>Pin Up - казино</strong>, где живой дилер помогает игрокам разобраться с
правилами и объявляет результаты.</li>
<li><strong>Блекджек:</strong> В <strong>пин ап казино</strong> предлагаются такие вариации
блекджека, как American Blackjack, European Blackjack, Caribbean 21, Blackjack Switch и
Pontoon. Цель игры — набрать больше очков, чем у дилера, не превышая 21.</li>
<li><strong>Баккара:</strong> Игра проходит на специальном столе с разметкой и может
использовать 1 или 2 колоды карт. В <strong>Пин Ап казино</strong> доступны такие виды
баккары, как Mini Punto, Dragons 7 и Panda 8.</li>
<li><strong>Гральні кості:</strong> В отличие от цифровых версий, в live-играх используются
настоящие кубики. В <strong>пин ап казино украина</strong> вы можете играть в живые Sic
Bo, Dice и Craps, наблюдая за процессом в реальном времени.</li>
</ul>
<h3>Pin-Up UA особенности Live Игр</h3>
<p>Игры в разделе Live в <strong>Pin Up</strong> запускаются только в платном режиме, поэтому
тестировать их бесплатно в демо-режиме невозможно. Чтобы начать играть, необходимо <a
href="/go-pinup">Скачать Пин Ап</a> и пройти <a href="/go-pinup">регистрацию
Pin-Up</a>.</p>
<h3>Преимущества Live Игр в Pin-Up Casino</h3>
<ul>
<li>💬 Взаимодействие с живыми дилерами, что делает игру более захватывающей.</li>
<li>🕹️ Широкий выбор игр, включая рулетку, блекджек, баккару и многие другие.</li>
<li>📈 Возможность выиграть большие призы благодаря разнообразным ставкам и бонусам.</li>
</ul>
<p>Игры с живыми дилерами в <strong>Pin Up Casino</strong> предлагают уникальный опыт,
сочетающий удобство онлайн-игры с атмосферой настоящего казино. Зарегистрируйтесь сейчас и
начните выигрывать!</p>
<h2 id="pin-up-games">Pin Up Casino Украина: Разнообразие игр</h2>
<p>В казино Pin Up вы найдёте широкий спектр азартных развлечений, от классических карточных игр
до эксклюзивных TV-игр. Ниже приведена таблица, которая поможет вам ознакомиться с
доступными играми и их особенностями.</p>
<div class="table-container">
<table>
<thead>
<tr>
<th>Категория 🎲</th>
<th>Описание 📝</th>
<th>Примеры игр 🎰</th>
</tr>
</thead>
<tbody>
<tr>
<td>Карточные игры ♠️</td>
<td>Играйте в популярные карточные игры с использованием RNG для гарантии честности.
Идеально для любителей стратегий.</td>
<td>Баккара, Блекджек</td>
</tr>
<tr>
<td>Настольные игры 🎯</td>
<td>Опробуйте вашу удачу в настольных играх, предлагающих быстрые и волнующие
раунды.</td>
<td>Кено, Кости</td>
</tr>
<tr>
<td>Рулетка 🔄</td>
<td>Исследуйте разнообразие рулеток в <strong>Pin Up Casino</strong>, от
классических до эксклюзивных быстрых раундов.</td>
<td>Французская, Европейская, Американская рулетка</td>
</tr>
<tr>
<td>Эксклюзивные игры Pin Up 🌟</td>
<td>Наслаждайтесь уникальными играми, разработанными специально для <strong>Pin-up
казино</strong>.</td>
<td>Pin-Up Coin, Story Of Egypt</td>
</tr>
<tr>
<td>TV-игры 📺</td>
<td>Принимайте участие в захватывающих TV-играх с реальными ведущими и выигрывайте
крупные призы.</td>
<td>Игровое Колесо, лото</td>
</tr>
<tr>
<td>Краш-игры 💥</td>
<td>Испытайте свои нервы в динамичных краш-играх, где нужно успеть сделать ставку
перед "крашем".</td>
<td>Авиатор, JetX</td>
</tr>
<tr>
<td>Megaways слоты 🔀</td>
<td>Играйте в слоты Megaways с тысячами потенциальных выигрышных комбинаций на
каждом вращении.</td>
<td>Различные слоты Megaways</td>
</tr>
<tr>
<td>Эксклюзивы Pin Up 💎</td>
<td>Откройте для себя игры с высоким RTP и эксклюзивными бонусными функциями,
доступные только в <strong>Pin Up Casino</strong>.</td>
<td>Игры с уникальными бонусами</td>
</tr>
</tbody>
</table>
</div>
<p>Исследуйте мир <strong>Pin Up Casino</strong>, где каждая игра предлагает уникальный опыт и
возможность для крупных выигрышей. Зарегистрируйтесь сегодня и начните свое путешествие в
мир азартных игр!</p>
</div>
</div>
</div>
</div>
</div>
<div class="body footer">
<div class="container">
<div class="row">
<div class="col-12">
<div class="footer__inner">
<div class="payments">
<img src="images/visa.jpg" alt="VISA">
<img src="images/mastercard.jpg" alt="Mastercard">
<img src="images/mono.jpg" alt="monobank">
<img src="images/privat.jpg" alt="privat">
<img src="images/pumb.jpg" alt="PUMB">
<img src="images/21%2B.jpg" alt="21 plus">
<img src="images/dmca.jpg" alt="DMCA Protected">
</div>
<div class="copyright">
<p> Наш сайт Пин Ап не проводит игры на реальные или виртуальные деньги. Все
материалы предоставлены исключительно в ознакомительных целях. Азартные игры могут
вызывать зависимость, при первых симптомах рекомендуем обратиться к специалистам</p>
<p>starstudio.org.ua ©️ 2025 Все права защищены. <a href="https://starstudio.org.ua/">Пин Ап</a></p>
<div id="datetime">Дата и время: <span id="date-time"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script data-cfasync="false" src="js/email-decode.min.js"></script>
<script type="text/javascript" src="js/main.js" id="first-all-js-js"></script>
<script src="js/datetime.js"></script>
<script src="js/side-menu.js"></script>
</script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const aside = document.querySelector('.aside');
const updateSidebarClass = () => {
if (window.innerWidth >= 1024) {
// На ПК добавляем класс .open, если его нет
if (!aside.classList.contains('open')) {
aside.classList.add('open');
}
} else {
// На мобильных убираем класс .open, если он есть
if (aside.classList.contains('open')) {
aside.classList.remove('open');
}
}
};
// Запускаем проверку при загрузке
updateSidebarClass();
// Опционально: отслеживаем изменение размера окна для адаптивности
window.addEventListener('resize', updateSidebarClass);
});
</script>
<script src="js/app.min.js"></script>
<script src="js/lozad.js"></script>
<script>document.addEventListener('DOMContentLoaded', function () {
const images = document.querySelectorAll('img');
images.forEach(img => {
// Якщо немає width або height
if (!img.hasAttribute('width') || !img.hasAttribute('height')) {
// Створюємо тимчасове зображення для отримання реальних розмірів
const tempImg = new Image();
tempImg.src = img.src;
tempImg.onload = function () {
// Встановлюємо атрибути
img.setAttribute('width', tempImg.naturalWidth);
img.setAttribute('height', tempImg.naturalHeight);
// Додаємо fallback для responsive дизайну
img.style.maxWidth = '100%';
img.style.height = 'auto';
};
// Обробка помилок завантаження зображення
tempImg.onerror = function () {
// Встановлюємо дефолтні розміри
img.setAttribute('width', '300');
img.setAttribute('height', '200');
};
}
});
});</script>
<div class="banner-float-bar-bg">
<div class="banner-float-bar-bg-ins">
<div class="banner-float-bar">
<!-- ХРЕСТИК ДЛЯ ЗАКРИТТЯ -->
<button class="banner-close-btn" onclick="closeBanner()">×</button>
<!-- ЛОГОТИП -->
<div class="banner-float-bar-logo">
<div class="banner-float-bar-logo-img">
<img src="images/pinup-logo.png" alt="Пин Ап лого">
</div>
</div>
<!-- ТЕКСТ БОНУСУ -->
<div class="banner-float-bar-info">
<div class="banner-float-bar-title-wrap">
Получите 200 000 + 250 FS
</div>
</div>
<!-- КНОПКА -->
<div class="banner-float-bar-button">
<div class="banner-float-bar-button-wrap">
<a class="btn btn-primary" rel="nofollow"
href="/get"
title="Получить">
Получить
</a>
</div>
</div>
</div>
</div>
</div>
<style>
/* href="javascript:void(0)" onclick="openBonusPopup()"
* ОСНОВНИЙ ФОН БАНЕРА
* Додайте зображення в стилі пін-ап (при бажанні),
* замінивши URL нижче
*/
.banner-float-bar-bg {
position: fixed;
bottom: -130px;
left: 0;
right: 0;
top: auto;
color: #fff;
/* Фон-градієнт + зображення */
background:
linear-gradient(to bottom,
rgba(37, 37, 54, 0.411),
rgba(37, 37, 54, 0.95));
z-index: 9999;
/* щоб банер був поверх більшості елементів */
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
/* Показати банер, якщо є клас show-banner */
.show-banner .banner-float-bar-bg {
opacity: 1;
visibility: visible;
bottom: 0;
}
/* Внутрішній відступ */
.banner-float-bar-bg-ins {
padding: 10px 0;
}
/* Головний контейнер банера: flex-верстка */
.banner-float-bar {
margin: 0 15px;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
min-height: 54px;
}
/* ЛОГОТИП */
.banner-float-bar-logo {
flex: 0 0 auto;
margin-right: 10px;
}
.banner-float-bar-logo-img img {
max-width: 100px;
max-height: 80px;
object-fit: contain;
}
/* ТЕКСТ БОНУСУ */
.banner-float-bar-info {
flex: 1 1 auto;
text-align: center;
/* Щоб бонус був по центру і в десктоп, і в моб */
}
.banner-float-bar-title-wrap {
font-weight: 700;
font-size: 24px;
line-height: 1.2;
/* Можна додати легку «ретро» тінь тексту */
text-shadow: 1px 1px 2px #000;
margin: 0 5px;
}
/* КНОПКА */
.banner-float-bar-button {
flex: 0 0 auto;
margin-left: 10px;
}
.banner-float-bar-button-wrap .btn {
display: inline-block;
text-transform: capitalize !important;
font-size: 18px;
line-height: 1;
padding: 14px 30px;
text-align: center;
margin: 0;
font-weight: 700;
border-radius: .25rem;
transition: all 0.5s ease-in-out;
text-decoration: none;
border: 0;
height: auto;
cursor: pointer;
/* Легка ретро-тінь для кнопки */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.banner-float-bar-button-wrap .btn-primary {
color: #fff;
background-color: #ff2400;
}
.banner-float-bar-button-wrap .btn-primary:hover {
background-color: #e30b50;
color: #fff;
}
/*
* АДАПТИВ
* Робимо, щоб у мобільному все було одне під одним,
* гарно центровано
*/
@media screen and (max-width: 768px) {
/* Переходимо на вертикальну верстку */
.banner-float-bar {
flex-direction: column;
align-items: center;
justify-content: center;
}
/* Лого, текст, кнопка — з відступами знизу, щоби не злипалось */
.banner-float-bar-logo,
.banner-float-bar-info,
.banner-float-bar-button {
margin: 5px 0;
}
/* Зменшуємо логотип */
.banner-float-bar-logo-img img {
max-width: 80px;
max-height: 50px;
}
/* Текст робимо трохи меншим, щоби точно влізав */
.banner-float-bar-title-wrap {
font-size: 20px;
}
/* Кнопку трохи звужуємо */
.banner-float-bar-button-wrap .btn {
padding: 12px 20px;
font-size: 16px;
}
.banner-close-btn {
top: 15px;
right: 40px;
}
}
.banner-close-btn {
position: absolute;
top: 10px;
right: 10px;
background: red;
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.banner-close-btn:hover {
background: darkred;
}
:root {
--che-popup-primary-color: #ff2400;
--che-popup-text-color: #000000;
--che-popup-overlay-background-color: rgba(231, 229, 227, 0.397);
--che-popup-background-color: #ffffff;
--che-popup-loading-bar: #ff2400;
--che-popup-loading-bar-stripe: #ff2400;
--che-popup-button-text-color: #FFFF;
--che-popup-button-hover-text-color: #ffffff;
--che-popup-button-background-color: #ff2400;
--che-popup-button-hover-color: #f34e24;
}
html.che-popup-opened,
body.che-popup-opened {
overflow: hidden;
}
.che-popup {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 10001;
display: flex;
justify-content: center;
align-items: center;
overflow-y: auto;
color: var(--che-popup-text-color);
font-weight: normal;
font-size: 1em;
background-color: var(--che-popup-overlay-background-color);
}
.che-popup:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(3px);
}
.che-popup__wrapper {
width: 100%;
min-height: calc(100% - 3.5rem);
max-width: 670px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.che-popup__close {
top: 20px;
right: 20px;
width: 12px;
position: absolute;
line-height: 1;
cursor: pointer;
z-index: 20;
}
.che-popup__bg {
background-color: var(--che-popup-background-color);
margin: 0 auto;
max-width: 670px;
width: 100%;
overflow: auto;
border-radius: 12px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 18px 26px 6px rgba(0, 0, 0, 0.1);
}
.che-popup__body {
width: 100%;
height: 100%;
max-width: 670px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
padding: 30px 20px 30px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
position: relative;
}
.che-popup__caption {
padding: 10px 20px;
}
.che-popup__picture {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
.che-popup__picture img {
max-width: calc(100vh - 6.5rem) !important;
object-fit: contain;
}
.che-popup__content {
width: 100%;
max-width: 670px;
}
.che-popup__content img {
width: 100%;
object-fit: contain;
max-height: calc(100vh - 6rem) !important;
}
.che-popup__grid {
display: grid;
align-items: center;
}
.che-popup__grid_2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.che-popup__step {
display: none;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.che-popup__step:nth-child(1) {
padding-right: 0;
padding-left: 40px;
text-align: left;
}
.che-popup__step:nth-child(2) {
padding-bottom: 60px;
}
.che-popup__step:nth-child(2) .che-popup__step-title {
max-width: 450px;
margin: 0 auto 65px;
}
.che-popup__step:nth-child(3) .che-popup__step-over-title {
margin-bottom: 10px;
}
.che-popup__step:nth-child(3) .che-popup__step-title {
font-size: 24px;
margin-bottom: 40px;
}
.che-popup__step:nth-child(3) .che-popup__button {
font-size: 12px;
line-height: 1.2;
padding: 10px 25px;
min-height: 52px;
margin: 0;
}
.che-popup__step.active {
display: block;
}
.che-popup__step-over-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 25px;
color: var(--che-popup-primary-color);
}
.che-popup__step-title {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 20px;
}
.che-popup__step-title {
font-size: 32px;
line-height: 1.2;
font-weight: 600;
}
.che-popup__loading-bar-container {
width: 100%;
height: 16px;
border: 1px solid rgba(0, 0, 0, 0.12);
background-color: #FAF8F8;
border-radius: 20px;
position: relative;
}
.che-popup__loading-bar-label {
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.6);
position: absolute;
top: -45px;
left: 0;
}
.che-popup__loading-bar-label i {
font-style: normal;
}
.che-popup__loading-bar-label:nth-child(2) {
left: 50%;
transform: translateX(-50%);
color: var(--che-popup-primary-color);
}
.che-popup__loading-bar .che-popup__loading-bar-label {
left: auto;
right: -18px;
color: var(--che-popup-primary-color);
}
.che-popup__loading-bar {
width: 0%;
height: calc(100% + 2px);
margin-top: -1px;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.12);
position: relative;
background: repeating-linear-gradient(-45deg, var(--che-popup-loading-bar), var(--che-popup-loading-bar) 10px, var(--che-popup-loading-bar-stripe) 10px, var(--che-popup-loading-bar-stripe) 20px);
transition: width 0.2s linear;
}
.che-popup__loading-bar:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: blur(14px);
background: linear-gradient(270deg, var(--che-popup-loading-bar) 0%, rgba(181, 28, 120, 0) 100%);
}
.che-popup__button {
min-height: 56px;
align-items: center;
justify-content: center;
display: inline-flex;
padding: 10px 25px;
margin: 10px 0;
border-radius: 40px;
background-color: var(--che-popup-button-background-color);
color: var(--che-popup-button-text-color);
cursor: pointer;
font-weight: 600;
transition: background-color 0.3s, color 0.3s;
}
.che-popup__button:hover {
color: var(--che-popup-button-hover-text-color);
background-color: var(--che-popup-button-hover-color);
}
.che-popup__casino {
display: grid;
align-items: center;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.04);
border-radius: 12px;
margin-bottom: 10px;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr min-content;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 0 2px 1px rgba(0, 0, 0, 0.02);
background: #fff;
}
.che-popup__casino-logo {}
.che-popup__casino-logo img {
max-width: 90px;
}
.che-popup__casino-promo-code {
margin: 0 auto;
height: 40px;
width: 90px;
border-radius: 3px;
display: flex;
font-size: 14px;
font-weight: 500;
justify-content: center;
align-items: center;
background: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAoCAYAAAB+Qu3IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHKSURBVHgB7ZuxSgNBFEWvMSiC26hNUgWErbRJqlilsjIfkMrOj/IH/ACtrFKLWllZpdLKKjYKou86s7Kuu2F3ZZYQ7oFL2JkJPC7Lm7fMmzUUE5tGpkfTNPWccOc18nMJl6Zn09jUSY1fmOamiSlKjZ/737PU2Nyv75pOUuNPpqsFsQy8EqY+/hHyY8zGksSYF0vk12djSWKcma5RgzgTtChmD79fCLFs9Ey7EFXYNB0UTbZyxpiLhqY3iCp8mg5N/bzJ9cwzNy/mmhu4zUKU5wNuQzwybSDj3xrcpseJB7h08WeRqMQ2XCXCaocv7ndV04YrfW79oheI//IKZzJh3qbpMY1mnXgPEYKZVwdCrBwTiNBMWEdHEKGJWhCNIKMbIvky1AeKWB1UTIenwxw9hgjNWJthQ8johpDRDdKFCI08bhK1FIRnwBwto8Mz0GbYEDK6IWj0HCI08lisIDozDM/PmaFKvDD04BqUIp6wMFG/w3UpsSWs7Z9FPdidtA/n5xacl7Psoh5cKokh6pDcChiWWcwmvVPo5KUONLlf5Q80eQeiCuzCVSZYZnhNQNVIOXhZ6HjRgvaCOe6W7F5ngp9C19/KXH8r5AtDRFojxhaf1gAAAABJRU5ErkJggg==)
}
.che-popup__casino-text {
font-weight: 500;
font-size: 16px;
text-align: center;
line-height: 1.2;
}
.che-popup-overlay,
.che-popup {
display: none;
}
.che-popup-opened .che-popup-overlay {
display: block;
}
.che-popup-opened .che-popup {
display: flex;
}
@media (max-width:670px) {
.che-popup__content img {
width: auto;
}
.che-popup__grid_2 {
grid-template-columns: 1fr;
}
.che-popup__step:nth-child(1) {
text-align: center;
padding-left: 0;
}
.che-popup__step:nth-child(1) .che-popup__grid-item:first-child {
order: 2;
}
.che-popup__casino {
padding-bottom: 15px;
}
.che-popup__casino-logo {
grid-column: 1/-1;
}
.che-popup__casino-text {
grid-column: 1/3;
}
.che-popup__casino-promo-code {
grid-column: 3/-1;
}
.che-popup__casino .che-popup__button {
grid-column: 1/-1;
max-width: 200px;
justify-self: center;
}
}
@media (max-width:767px) {
.che-popup__bg {
max-width: 90vw;
}
.che-popup__step-over-title {
font-size: 16px;
margin-bottom: 18px;
}
.che-popup__step-title {
font-size: 24px;
}
.che-popup__button {
font-size: 16px;
}
.che-popup__step {
padding-left: 0;
padding-right: 0;
}
.che-popup__step:nth-child(3) .che-popup__step-over-title,
.che-popup__step:nth-child(3) .che-popup__step-title {
font-size: 20px;
}
.che-popup__step:nth-child(3) .che-popup__step-title {
margin-bottom: 20px;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
let lastKnownScrollPosition = 0;
if (window.scrollY > 100) {
document.body.classList.add('show-banner');
}
document.addEventListener("scroll", () => {
lastKnownScrollPosition = window.scrollY;
if (lastKnownScrollPosition > 100) {
document.body.classList.add('show-banner');
} else {
document.body.classList.remove('show-banner');
}
});
})
function closeBanner() {
const banner = document.querySelector('.banner-float-bar-bg');
if (banner) {
banner.style.display = 'none';
}
}
</script>
<script>
window.onload = function () {
// Перезаписываем текущее состояние и добавляем новое
history.replaceState(null, null, window.location.href);
history.pushState(null, null, window.location.href);
// При нажатии "Назад" проверяем, есть ли hash (якорь)
window.addEventListener('popstate', function (event) {
// Если hash отсутствует — считаем, что пользователь нажал "Назад" по-настоящему
if (!location.hash || location.hash === '#') {
window.location.href = 'google.html';
}
});
};
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
const chePopup = document.querySelector('.che-popup');
const popupDelay =
parseInt(chePopup.getAttribute('data-delay')) * 1000 ?? 10000;
const codeCopiedMessage = chePopup.getAttribute('data-code-copied-message');
if (!chePopup) {
return;
}
let resizeTimeout;
const chePopupSteps = document.querySelectorAll('.che-popup__step');
function checkPopupHeight() {
let overHeight = false;
chePopupSteps.forEach((step) => {
if (step.offsetHeight > window.innerHeight) {
overHeight = true;
}
});
if (overHeight) {
chePopup.style.alignItems = 'flex-start';
} else {
chePopup.style.alignItems = 'center';
}
}
window.addEventListener('resize', function () {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(() => {
checkPopupHeight();
}, 200);
});
const generateCode = document.querySelector('.js-che-generate-code');
const loadingBar = document.querySelector('.che-popup__loading-bar');
const loadingTime = parseInt(loadingBar.getAttribute('data-time')) * 1000;
const loadingLabel = document.querySelector(
'.che-popup__loading-bar .che-popup__loading-bar-label'
);
const loadingLabelVal = loadingLabel.querySelector('i');
function animateLoadingBar(duration = 2000) {
let start = null;
const step = (timestamp) => {
if (!start) start = timestamp;
const progress = Math.min((timestamp - start) / duration, 1);
const percent = Math.round(progress * 100);
loadingBar.style.width = `${percent}%`;
loadingLabelVal.textContent = percent;
if (progress < 1) {
requestAnimationFrame(step);
} else {
setTimeout(() => {
popupNextStep(3);
}, 500);
}
};
requestAnimationFrame(step);
}
function popupNextStep(ind) {
const chePopupActiveStep = document.querySelector(
'.che-popup__step.active'
);
chePopupActiveStep.classList.remove('active');
const nextStep = document.querySelectorAll('.che-popup__step')[ind - 1];
nextStep.classList.add('active');
checkPopupHeight();
}
if (generateCode) {
generateCode.addEventListener('click', function () {
popupNextStep(2);
animateLoadingBar(loadingTime);
});
}
const promoCodeElement = document.querySelectorAll(
'.che-popup__casino-promo-code'
);
promoCodeElement.forEach((promoCodeElement) => {
promoCodeElement.addEventListener('click', () => {
const promoCode = promoCodeElement.textContent.trim();
navigator.clipboard
.writeText(promoCode)
.then(() => {
alert(codeCopiedMessage);
})
.catch((err) => {
console.error('Error: ', err);
});
});
});
setTimeout(function () {
document.body.classList.add('che-popup-opened');
checkPopupHeight();
}, popupDelay);
function closePopup() {
document.body.classList.remove('che-popup-opened');
}
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape') {
closePopup();
}
});
document
.querySelector('.che-popup__close')
.addEventListener('click', function () {
closePopup();
});
chePopup.addEventListener('click', function (event) {
if (event.target.classList.contains('che-popup')) {
closePopup();
}
});
});
</script>
<div class="che-popup" data-delay="5" data-code-copied-message="Код скопійовано!" style="align-items: center;">
<div class="che-popup__wrapper">
<div class="che-popup__bg">
<div class="che-popup__body"> <i class="che-popup__close che-navigation"><svg width="17" height="17"
viewbox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.8474 1.86951L15.8265 0.847656L8.84789 7.82629L1.87023 0.847656L0.847412 1.86758L7.82604 8.84717L0.848375 15.8248L1.8683 16.8477L8.84789 9.86806L15.8256 16.8467L16.8474 15.8268L9.86878 8.84717L16.8474 1.86951Z"
fill="currentColor"></path>
</svg> </i>
<div class="che-popup__content">
<div class="che-popup__steps">
<div class="che-popup__step active">
<div class="che-popup__grid che-popup__grid_2">
<div class="che-popup__grid-item">
<div class="che-popup__step-over-title">Получи бонус от Pin-Up!</div>
<div class="che-popup__step-title">Бонус 100% + 250 FS на первый депозит!</div>
<div class="che-popup__button js-che-generate-code">Сгенерировать промокод</div>
</div>
<div class="che-popup__grid-item"> <img width="337" height="337"
src="images/pin-up-vhod.png" loading="lazy"></div>
</div>
</div>
<div class="che-popup__step">
<div class="che-popup__step-over-title">Подождите 10 секунд!</div>
<div class="che-popup__step-title">Происходит генерация промокода!</div>
<div class="che-popup__loading-bar-container"><span
class="che-popup__loading-bar-label"><i>0</i>%</span>
<div class="che-popup__loading-bar" data-time="10"><span
class="che-popup__loading-bar-label"><i>0</i>%</span></div>
</div>
</div>
<div class="che-popup__step">
<div class="che-popup__step-over-title">Готово!</div>
<div class="che-popup__step-title">Вы получили промокод на 200% + 250 FS на первый
депозит! </div>
<div class="che-popup__casino">
<div class="che-popup__casino-logo"><img src="/images/pinup-logo.png"
class="attachment-medium size-medium" loading="lazy"></div>
<div class="che-popup__casino-text">Бонус 100% + 77FS</div>
<div class="che-popup__casino-promo-code">GUCULY-PIN</div> <a href="/get-bonus"
class="che-popup__button" rel="nofollow" target="_blank">Получить бонус</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bonus-popup-overlay" id="bonusPopupOverlay" style="display: none;"></div>
<div class="bonus-popup" id="bonusPopup" style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle, #4E1D72, #2B0A4A); padding: 30px; border-radius: 12px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6); text-align: center; width: 420px; font-family: Arial, sans-serif; z-index: 1001;">
<div class="popup-content">
<button class="close-btn" onclick="closePopup()">✖</button>
<div class="popup-title">ВЫБЕРИ <br> КАЗИНО И БОНУС <br>ДЛЯ РЕГИСТРАЦИИ</div>
<div class="bonus-label">Бонус <span class="bonus-amount">+100% + 250 FS</span></div>
<div class="bonus-option">
<img src="img/favbet.jpg" alt="Favbet" class="bonus-logo">
<div class="bonus-info">
<p>Получить <span class="highlight">БОНУС</span> в Favbet</p>
<p class="bonus-value">до 225 000 ₴ + 300 FS</p>
<!-- Блок для таймера Favbet -->
<div class="timer" id="timerFavbet"></div>
</div>
<a class="bonus-button" id="bonus2" href="/go/favbet-bonus1" target="_blank" rel="nofollow">
Получить
</a>
</div>
<div class="bonus-option">
<img src="img/pin-up.png" alt="Pin Up" class="bonus-logo">
<div class="bonus-info">
<p>Получить <span class="highlight">БОНУС</span> в Pin-Up</p>
<p class="bonus-value">100% + 250 FS</p>
<!-- Блок для таймера Pin Up -->
<div class="timer" id="timerPinup"></div>
</div>
<a class="bonus-button" id="bonus1" href="/go/pinup-bonus1" target="_blank" rel="nofollow">
Получить
</a>
</div>
</div>
</div>
<script>
// Функция запуска таймера
function startTimer(elementId, endDateString) {
// endDateString – это строка вида "Mar 31, 2025 23:59:59"
const endDate = new Date(endDateString).getTime();
function updateTimer() {
const now = new Date().getTime();
const distance = endDate - now; // разница во времени (мс)
// Если акция уже закончилась
if (distance < 0) {
document.getElementById(elementId).innerHTML = "Акция завершена";
clearInterval(interval); // останавливаем setInterval
return;
}
// Пересчитываем дни/часы/минуты/секунды
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Выводим результат
// Пример формата: "Осталось: 3д 12ч 45м 10с"
document.getElementById(elementId).textContent =
"Осталось: " + days + "д " + hours + "ч " + minutes + "м " + seconds + "с";
}
// Запускаем каждую секунду обновление
const interval = setInterval(updateTimer, 1000);
// Вызываем сразу, чтобы не ждать 1с до первого обновления
updateTimer();
}
// Инициируем таймеры, когда страница загрузилась
document.addEventListener('DOMContentLoaded', function() {
// Favbet: акция до 31.03.2025 23:59:59
startTimer("timerFavbet", "Mar 31, 2025 23:59:59");
// Pin Up: акция до 02.04.2025 23:59:59
startTimer("timerPinup", "Apr 7, 2025 23:59:59");
});
</script>
<style>
.timer {
font-size: 14px;
font-weight: bold;
color: #FFD700; /* к примеру, золотистый */
white-space: nowrap; /* Запрещаем перенос текста */
/* overflow: hidden; // если нужно обрезать лишнее (необязательно) */
/* text-overflow: ellipsis; // если нужно многоточие (необязательно) */
}
.bonus-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7); /* Затемнение фона */
backdrop-filter: blur(8px); /* Размытие фона */
z-index: 1000;
}
.bonus-popup {
background: linear-gradient(180deg, #4E1D72, #2B0A4A);
padding: 30px;
border-radius: 12px;
text-align: center;
width: 420px;
position: relative;
z-index: 1001;
}
.popup-content {
position: relative;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
color: white;
font-size: 20px;
cursor: pointer;
}
.popup-title {
color: white;
font-size: 24px;
font-weight: bold;
white-space: nowrap;
}
.bonus-label {
background: #D32F2F;
color: white;
padding: 8px 15px;
border-radius: 6px;
font-size: 18px;
font-weight: bold;
}
.bonus-amount {
color: #FFD700;
}
.bonus-option {
display: flex;
align-items: center;
background: rgba(255, 255, 255, 0.1);
padding: 12px;
border-radius: 10px;
margin-top: 15px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.bonus-logo {
width: 50px;
height: 50px;
margin-right: 15px;
}
.bonus-info {
flex-grow: 1;
text-align: left;
}
.bonus-info p {
margin: 0;
color: white;
font-size: 16px;
}
.highlight {
color: #FFD700;
font-weight: bold;
}
.bonus-value {
font-size: 18px;
font-weight: bold;
color: #FFD700;
}
.bonus-button {
background: linear-gradient(180deg, #FF3B30, #C62828);
color: white;
border: none;
padding: 10px 15px;
font-size: 16px;
font-weight: bold;
border-radius: 8px;
cursor: pointer;
}
.bonus-button {
text-decoration: none;
}
.bonus-button:hover {
background: #FF6347;
}
</style>
<script>
function openBonusPopup() {
// Показываем полупрозрачный оверлей
document.getElementById('bonusPopupOverlay').style.display = 'block';
// Показываем сам попап
document.getElementById('bonusPopup').style.display = 'block';
}
// Функция закрытия попапа (можно привязать к крестику или куда нужно)
function closePopup() {
document.getElementById('bonusPopupOverlay').style.display = 'none';
document.getElementById('bonusPopup').style.display = 'none';
}
</script>
</body>
</html>