/* Основные стили для звездной темы */
body {
    background: linear-gradient(to bottom, #0B0B22, #070719, #000000);
    color: #E0E7FF;
    font-family: "Montserrat", serif;
}

h1, h2, h3, h4 {
    color: #ECF2FF;
    text-shadow: 0 0 5px #4A6FFF, 0 0 10px #2447E0;
}

h1 {
    font-size: 96px;
    color: #FFFFFF;
    text-shadow: 0 0 10px #6A8CFF, 0 0 20px #4A6FFF, 0 0 30px #2447E0;
}

.container {
    background: rgba(7, 7, 23, 0.7);
    border-radius: 8px;
}

.navbar {
    background: rgba(13, 13, 43, 0.9);
    border-bottom: 1px solid #394682;
}

.navbar a {
    color: #B6CCFF;
    text-shadow: 0 0 5px #2447E0;
}

.navbar a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 8px #4A6FFF, 0 0 15px #6A8CFF;
    opacity: 1;
}

.navbar-container .hamburger-lines .line {
    background: #B6CCFF;
    box-shadow: 0 0 5px #2447E0;
}

.casino-item {
    background: rgba(28, 28, 44, 0.8);
    border: 1px solid #394682;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(74, 111, 255, 0.2);
}

.casino-item h4 {
    color: #B6CCFF;
}

.casino-item p {
    color: #A0B9FF;
}

.btn-red {
    background: #6A1B9A;
    color: white;
    box-shadow: 0 0 10px #9C27B0;
}

.btn-white {
    background: rgba(230, 230, 255, 0.9);
    color: #151531;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
}

.btn-blue {
    background: #1A237E;
    color: white;
    box-shadow: 0 0 10px #3F51B5;
}

.btn-green {
    background: #1B5E20;
    color: white;
    box-shadow: 0 0 10px #4CAF50;
}

.btn-light-red {
    background: #880E4F;
    color: white;
    box-shadow: 0 0 10px #E91E63;
}

.btn:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
}

footer {
    background: rgba(13, 13, 43, 0.7);
    border: 1px solid #394682;
    border-radius: 10px;
}

.footer-age {
    background: rgba(21, 21, 33, 0.9);
    border-radius: 8px;
}

.footer-links a {
    color: #B6CCFF;
    text-shadow: 0 0 3px #2447E0;
}

.footer-links a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 8px #4A6FFF;
}

.modal {
    background: rgba(21, 21, 50, 0.95);
    border: 1px solid #394682;
    color: #B6CCFF;
    box-shadow: 0 0 20px rgba(74, 111, 255, 0.4);
}

.modal h2 {
    color: #ECF2FF;
}

.modal .age-circle {
    background-color: #6A1B9A;
    box-shadow: 0 0 10px #9C27B0;
}

.modal button {
    background-color: #1A237E;
    color: #ECF2FF;
    box-shadow: 0 0 10px #3F51B5;
}

.modal button:hover {
    background-color: #283593;
    box-shadow: 0 0 15px #5C6BC0;
}

/* Звездный эффект для фона */
.info {
    position: relative;
    z-index: 1;
}

.info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%234A6FFF' stroke-opacity='0.1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%236A8CFF'%3E%3Ccircle cx='769' cy='229' r='1'/%3E%3Ccircle cx='539' cy='269' r='1'/%3E%3Ccircle cx='603' cy='493' r='1'/%3E%3Ccircle cx='731' cy='737' r='1'/%3E%3Ccircle cx='520' cy='660' r='1'/%3E%3Ccircle cx='309' cy='538' r='1'/%3E%3Ccircle cx='295' cy='764' r='1'/%3E%3Ccircle cx='40' cy='599' r='1'/%3E%3Ccircle cx='102' cy='382' r='1'/%3E%3Ccircle cx='127' cy='80' r='1'/%3E%3Ccircle cx='370' cy='105' r='1'/%3E%3Ccircle cx='578' cy='42' r='1'/%3E%3Ccircle cx='237' cy='261' r='1'/%3E%3Ccircle cx='390' cy='382' r='1'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat fixed;
    z-index: -1;
    opacity: 0.3;
}

/* Стилизация для заголовка с эффектом звездной карты */
#choose {
    position: relative;
}

#choose::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke-opacity='0.2'%3E%3Cg stroke='%23B6CCFF' stroke-width='1'%3E%3Cline x1='400' y1='0' x2='400' y2='800'/%3E%3Cline x1='0' y1='400' x2='800' y2='400'/%3E%3C/g%3E%3Cg stroke='%234A6FFF' stroke-width='0.5'%3E%3Cline x1='100' y1='0' x2='100' y2='800'/%3E%3Cline x1='300' y1='0' x2='300' y2='800'/%3E%3Cline x1='500' y1='0' x2='500' y2='800'/%3E%3Cline x1='700' y1='0' x2='700' y2='800'/%3E%3Cline x1='0' y1='100' x2='800' y2='100'/%3E%3Cline x1='0' y1='300' x2='800' y2='300'/%3E%3Cline x1='0' y1='500' x2='800' y2='500'/%3E%3Cline x1='0' y1='700' x2='800' y2='700'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
    z-index: -1;
    opacity: 0.1;
}

/* Добавляем анимацию мерцания для звезд */
@keyframes twinkle {
    0% { opacity: 0.3; }
    50% { opacity: 0.7; }
    100% { opacity: 0.3; }
}

.casino {
    position: relative;
    overflow: visible;
}

.casino::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.8);
    top: 20px;
    left: 50px;
    animation: twinkle 3s infinite ease-in-out;
}

.casino::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.7);
    top: 70px;
    right: 80px;
    animation: twinkle 4s infinite ease-in-out;
}

.flex-cont {
    position: relative;
}

.flex-cont::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #B6CCFF;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px rgba(106, 140, 255, 0.9);
    top: 30%;
    left: 20%;
    animation: twinkle 5s infinite ease-in-out;
}

.flex-cont::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #ECF2FF;
    border-radius: 50%;
    box-shadow: 0 0 7px 2px rgba(236, 242, 255, 0.8);
    bottom: 20%;
    right: 30%;
    animation: twinkle 4.5s infinite ease-in-out;
}

/* Основные стили для звездной темы */
body {
    background: linear-gradient(145deg, #0B0B22, #070719, #000000, #150522, #09071E);
    background-size: 400% 400%;
    animation: cosmic-background 30s ease infinite;
    color: #E0E7FF;
    font-family: "Montserrat", serif;
}

@keyframes cosmic-background {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}

h1, h2, h3, h4 {
    color: #ECF2FF;
    text-shadow: 0 0 5px #4A6FFF, 0 0 10px #2447E0;
}

h1 {
    font-size: 96px;
    color: #FFFFFF;
    text-shadow: 0 0 10px #6A8CFF, 0 0 20px #4A6FFF, 0 0 30px #2447E0;
    position: relative;
    z-index: 2;
}

h1::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    color: transparent;
    text-shadow: 0 0 15px #9C27B0, 0 0 20px #6A1B9A;
    animation: cosmic-glow 3s ease-in-out infinite;
}

@keyframes cosmic-glow {
    0%, 100% { opacity: 0.5; filter: blur(4px); }
    50% { opacity: 0.8; filter: blur(2px); }
}

.container {
    background: rgba(7, 7, 23, 0.7);
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(74, 111, 255, 0.1);
    backdrop-filter: blur(3px);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg,
    rgba(74, 111, 255, 0.05) 0%,
    rgba(74, 111, 255, 0) 20%,
    rgba(156, 39, 176, 0.05) 40%,
    rgba(156, 39, 176, 0) 60%,
    rgba(74, 111, 255, 0.05) 80%,
    rgba(74, 111, 255, 0) 100%);
    background-size: 200% 200%;
    animation: nebula-float 15s linear infinite;
    z-index: -1;
}

@keyframes nebula-float {
    0% { background-position: 0% 0% }
    100% { background-position: 200% 200% }
}

.navbar {
    background: rgba(13, 13, 43, 0.9);
    border-bottom: 1px solid #394682;
    position: relative;
    backdrop-filter: blur(5px);
}

.navbar::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right,
    rgba(57, 70, 130, 0),
    rgba(106, 140, 255, 0.8),
    rgba(57, 70, 130, 0));
    z-index: 1;
}

.navbar a {
    color: #B6CCFF;
    text-shadow: 0 0 5px #2447E0;
    position: relative;
}

.navbar a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #6A8CFF;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    transform-origin: right;
}

.navbar a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.navbar a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 8px #4A6FFF, 0 0 15px #6A8CFF;
    opacity: 1;
}

.navbar-container .hamburger-lines .line {
    background: #B6CCFF;
    box-shadow: 0 0 5px #2447E0;
}

/* Звездная навигация (символизирует созвездия) */
.menu-items {
    position: relative;
}

.menu-items::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image:
            radial-gradient(1px 1px at 20% 30%, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 70% 20%, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 40% 70%, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 90% 60%, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0));
    opacity: 0.3;
    z-index: -1;
    pointer-events: none;
}

.casino-item {
    background: rgba(28, 28, 44, 0.8);
    border: 1px solid #394682;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(74, 111, 255, 0.2);
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

.casino-item:hover {
    box-shadow: 0 0 25px rgba(74, 111, 255, 0.4), 0 0 35px rgba(106, 140, 255, 0.2);
    transform: translateY(-5px);
}

.casino-item::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, rgba(74, 111, 255, 0.1) 0%, rgba(106, 140, 255, 0) 70%);
    transform: rotate(45deg);
    transition: all 0.8s ease;
    z-index: 0;
}

.casino-item:hover::before {
    transform: rotate(225deg);
}

.casino-item h4 {
    color: #B6CCFF;
    position: relative;
    z-index: 1;
}

.casino-item p {
    color: #A0B9FF;
    position: relative;
    z-index: 1;
}

.casino-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, rgba(57, 70, 130, 0), rgba(106, 140, 255, 0.7), rgba(57, 70, 130, 0));
    transform: scaleX(0.3);
    transition: transform 0.4s ease;
}

.casino-item:hover::after {
    transform: scaleX(1);
}

.btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease;
}

.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    z-index: -1;
    transform: translateX(-100%);
    transition: all 0.4s ease;
}

.btn:hover::before {
    transform: translateX(0);
}

.btn::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 40%;
    transform: scale(0);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: -2;
}

.btn:hover::after {
    transform: scale(1);
    opacity: 0;
}

.btn-red {
    background: linear-gradient(135deg, #6A1B9A, #7B1FA2, #6A1B9A);
    color: white;
    box-shadow: 0 0 10px #9C27B0, 0 0 20px rgba(156, 39, 176, 0.3);
    background-size: 200% 100%;
    animation: btn-gradient 3s infinite;
}

.btn-white {
    background: rgba(230, 230, 255, 0.9);
    color: #151531;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.4), 0 0 15px rgba(182, 204, 255, 0.2);
    text-shadow: 0 0 5px rgba(21, 21, 49, 0.3);
}

.btn-blue {
    background: linear-gradient(135deg, #1A237E, #283593, #1A237E);
    color: white;
    box-shadow: 0 0 10px #3F51B5, 0 0 20px rgba(63, 81, 181, 0.3);
    background-size: 200% 100%;
    animation: btn-gradient 3s infinite;
}

.btn-green {
    background: linear-gradient(135deg, #1B5E20, #2E7D32, #1B5E20);
    color: white;
    box-shadow: 0 0 10px #4CAF50, 0 0 20px rgba(76, 175, 80, 0.3);
    background-size: 200% 100%;
    animation: btn-gradient 3s infinite;
}

.btn-light-red {
    background: linear-gradient(135deg, #880E4F, #AD1457, #880E4F);
    color: white;
    box-shadow: 0 0 10px #E91E63, 0 0 20px rgba(233, 30, 99, 0.3);
    background-size: 200% 100%;
    animation: btn-gradient 3s infinite;
}

@keyframes btn-gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.btn:hover {
    transform: scale(1.05) translateY(-3px);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.6), 0 0 25px rgba(106, 140, 255, 0.4);
    letter-spacing: 0.5px;
}

footer {
    background: rgba(13, 13, 43, 0.7);
    border: 1px solid #394682;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

footer::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right,
    rgba(57, 70, 130, 0),
    rgba(106, 140, 255, 0.8),
    rgba(74, 111, 255, 0.6),
    rgba(106, 140, 255, 0.8),
    rgba(57, 70, 130, 0));
    animation: flow-light 5s linear infinite;
    z-index: 1;
}

@keyframes flow-light {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
            radial-gradient(circle at 10% 20%, rgba(74, 111, 255, 0.07) 0%, rgba(74, 111, 255, 0) 20%),
            radial-gradient(circle at 90% 80%, rgba(156, 39, 176, 0.07) 0%, rgba(156, 39, 176, 0) 20%);
    z-index: -1;
}

.footer-age {
    background: rgba(21, 21, 33, 0.9);
    border-radius: 8px;
    position: relative;
    backdrop-filter: blur(5px);
}

.footer-age::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%234A6FFF' fill-opacity='0.05'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.7;
    z-index: -1;
}

.footer-links a {
    color: #B6CCFF;
    text-shadow: 0 0 3px #2447E0;
}

.footer-links a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 8px #4A6FFF;
}

.modal {
    background: rgba(21, 21, 50, 0.95);
    border: 1px solid #394682;
    color: #B6CCFF;
    box-shadow: 0 0 20px rgba(74, 111, 255, 0.4);
}

.modal h2 {
    color: #ECF2FF;
}

.modal .age-circle {
    background-color: #6A1B9A;
    box-shadow: 0 0 10px #9C27B0;
}

.modal button {
    background-color: #1A237E;
    color: #ECF2FF;
    box-shadow: 0 0 10px #3F51B5;
}

.modal button:hover {
    background-color: #283593;
    box-shadow: 0 0 15px #5C6BC0;
}

/* Звездный эффект для фона */
.info {
    position: relative;
    z-index: 1;
}

.info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%234A6FFF' stroke-opacity='0.1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%236A8CFF'%3E%3Ccircle cx='769' cy='229' r='1'/%3E%3Ccircle cx='539' cy='269' r='1'/%3E%3Ccircle cx='603' cy='493' r='1'/%3E%3Ccircle cx='731' cy='737' r='1'/%3E%3Ccircle cx='520' cy='660' r='1'/%3E%3Ccircle cx='309' cy='538' r='1'/%3E%3Ccircle cx='295' cy='764' r='1'/%3E%3Ccircle cx='40' cy='599' r='1'/%3E%3Ccircle cx='102' cy='382' r='1'/%3E%3Ccircle cx='127' cy='80' r='1'/%3E%3Ccircle cx='370' cy='105' r='1'/%3E%3Ccircle cx='578' cy='42' r='1'/%3E%3Ccircle cx='237' cy='261' r='1'/%3E%3Ccircle cx='390' cy='382' r='1'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat fixed;
    z-index: -1;
    opacity: 0.3;
}

/* Стилизация для заголовка с эффектом древней звездной карты */
#choose {
    position: relative;
    overflow: hidden;
}

#choose::before {
    content: "";
    position: absolute;
    top: -20%;
    left: -20%;
    right: -20%;
    bottom: -20%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke-opacity='0.2'%3E%3Cg stroke='%23B6CCFF' stroke-width='1'%3E%3Cline x1='400' y1='0' x2='400' y2='800'/%3E%3Cline x1='0' y1='400' x2='800' y2='400'/%3E%3C/g%3E%3Cg stroke='%234A6FFF' stroke-width='0.5'%3E%3Cline x1='100' y1='0' x2='100' y2='800'/%3E%3Cline x1='300' y1='0' x2='300' y2='800'/%3E%3Cline x1='500' y1='0' x2='500' y2='800'/%3E%3Cline x1='700' y1='0' x2='700' y2='800'/%3E%3Cline x1='0' y1='100' x2='800' y2='100'/%3E%3Cline x1='0' y1='300' x2='800' y2='300'/%3E%3Cline x1='0' y1='500' x2='800' y2='500'/%3E%3Cline x1='0' y1='700' x2='800' y2='700'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
    z-index: -1;
    opacity: 0.15;
    animation: rotate 180s linear infinite;
}

#choose::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
            radial-gradient(circle at 20% 30%, rgba(106, 140, 255, 0.4) 0%, rgba(106, 140, 255, 0) 20%),
            radial-gradient(circle at 70% 60%, rgba(156, 39, 176, 0.3) 0%, rgba(156, 39, 176, 0) 30%),
            radial-gradient(circle at 50% 50%, rgba(74, 111, 255, 0.2) 0%, rgba(74, 111, 255, 0) 40%);
    z-index: -2;
    opacity: 0.6;
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Расширенные анимации для космических эффектов */
@keyframes twinkle {
    0% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.2); }
    100% { opacity: 0.3; transform: scale(1); }
}

@keyframes pulsar {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.5); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

@keyframes shooting-star {
    0% { transform: translateX(0) translateY(0); opacity: 0; }
    10% { opacity: 1; }
    70% { opacity: 1; }
    100% { transform: translateX(300px) translateY(200px); opacity: 0; }
}

@keyframes cosmic-dust {
    0% { transform: translateY(0) rotate(0deg); opacity: 0.3; }
    50% { transform: translateY(-20px) rotate(180deg); opacity: 0.7; }
    100% { transform: translateY(0) rotate(360deg); opacity: 0.3; }
}

/* Звездное поле с мерцающими точками */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
            radial-gradient(1px 1px at 20px 30px, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)),
            radial-gradient(1px 1px at 40px 70px, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)),
            radial-gradient(2px 2px at 170px 384px, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)),
            radial-gradient(2px 2px at 150px 230px, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)),
            radial-gradient(1px 1px at 260px 120px, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)),
            radial-gradient(1px 1px at 340px 350px, rgba(182, 204, 255, 0.8), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 390px 210px, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 460px 280px, rgba(182, 204, 255, 0.9), rgba(182, 204, 255, 0));
    pointer-events: none;
    z-index: 9998;
    opacity: 0.5;
}

.casino {
    position: relative;
    overflow: visible;
}

/* Яркая звезда с пульсацией */
.casino::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.8), 0 0 30px 10px rgba(74, 111, 255, 0.5);
    top: 20px;
    left: 50px;
    animation: pulsar 6s infinite ease-in-out;
    z-index: 2;
}

/* Мерцающая звезда */
.casino::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #B6CCFF;
    border-radius: 50%;
    box-shadow: 0 0 6px 1px rgba(182, 204, 255, 0.7);
    top: 70px;
    right: 80px;
    animation: twinkle 4s infinite ease-in-out;
}

/* Падающая звезда */
.casino-wrapper::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px white, 0 0 20px 2px rgba(255, 255, 255, 0.5);
    top: 10%;
    left: 10%;
    opacity: 0;
    animation: shooting-star 5s infinite ease-out;
    animation-delay: 3s;
    z-index: 3;
}

/* Космическая пыль */
.casino-wrapper::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background:
            radial-gradient(circle at 30% 40%, rgba(106, 140, 255, 0.2) 0%, rgba(106, 140, 255, 0) 70%),
            radial-gradient(circle at 70% 60%, rgba(74, 111, 255, 0.2) 0%, rgba(74, 111, 255, 0) 70%);
    border-radius: 50%;
    top: 30%;
    right: 20%;
    animation: cosmic-dust 15s infinite ease-in-out;
    z-index: 1;
}

.flex-cont {
    position: relative;
}

/* Яркая звезда */
.flex-cont::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #B6CCFF;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px rgba(106, 140, 255, 0.9);
    top: 30%;
    left: 20%;
    animation: twinkle 5s infinite ease-in-out;
}

/* Мерцающая звезда */
.flex-cont::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #ECF2FF;
    border-radius: 50%;
    box-shadow: 0 0 7px 2px rgba(236, 242, 255, 0.8);
    bottom: 20%;
    right: 30%;
    animation: twinkle 4.5s infinite ease-in-out;
}

/* Дополнительные космические анимации */
@keyframes orbit {
    0% { transform: rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(var(--orbit-radius)) rotate(-360deg); }
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 8px 2px var(--glow-color); }
    50% { box-shadow: 0 0 16px 4px var(--glow-color); }
}

@keyframes star-flare {
    0%, 100% {
        opacity: 0;
        transform: scale(0.1) rotate(0deg);
    }
    5% {
        opacity: 0.8;
        transform: scale(1.2) rotate(20deg);
    }
    15% {
        opacity: 0.5;
        transform: scale(0.8) rotate(35deg);
    }
    25% {
        opacity: 0.8;
        transform: scale(1.1) rotate(45deg);
    }
    35% {
        opacity: 0.3;
        transform: scale(0.7) rotate(60deg);
    }
    100% {
        opacity: 0;
        transform: scale(0.1) rotate(90deg);
    }
}

/* Орбитальные звезды-спутники */
.navbar-container {
    --orbit-radius: 40px;
}

.navbar-container .logo::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background: #6A8CFF;
    border-radius: 50%;
    --glow-color: rgba(106, 140, 255, 0.7);
    box-shadow: 0 0 8px 2px var(--glow-color);
    z-index: 9;
    animation:
            orbit 15s linear infinite,
            pulse-glow 2s ease-in-out infinite;
}

/* Солнечные вспышки на ярких звездах */
.casino::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 48px;
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.8);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    transform: scale(0.1) rotate(0deg);
    opacity: 0;
    z-index: 3;
    animation: star-flare 8s ease-in-out infinite;
}

/* Эффекты квантовой телепортации */
@keyframes quantum-teleport {
    0%, 100% {
        opacity: 0;
        clip-path: circle(0% at center);
        filter: blur(10px) brightness(1.5);
    }
    3%, 97% {
        opacity: 0.7;
        clip-path: circle(100% at center);
        filter: blur(0px) brightness(1);
    }
}

.casino-wrapper {
    position: relative;
    overflow: visible;
}

.casino-wrapper > div:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(74, 111, 255, 0.1);
    z-index: -1;
    opacity: 0;
    animation: quantum-teleport 20s ease-in-out infinite;
    animation-delay: 5s;
}

/* Эффект космической пыли */
@keyframes space-dust {
    0% {
        transform: translateY(-10px) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 0.6;
    }
    100% {
        transform: translateY(300px) rotate(180deg);
        opacity: 0;
    }
}

.col-3 {
    overflow: hidden;
}

.col-3::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image:
            radial-gradient(1px 1px at 10% 10%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 20% 20%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 30% 30%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 40% 40%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 50% 50%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 60% 60%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 70% 70%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 80% 80%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 90% 90%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    animation: space-dust 15s linear infinite;
    pointer-events: none;
    z-index: 2;
}

/* Эффект межзвездного перемещения */
@keyframes warp-speed {
    0%, 100% {
        opacity: 0;
        transform: scale(0.1) translateZ(-100px);
    }
    10%, 90% {
        opacity: 0.8;
    }
    50% {
        opacity: 0.8;
        transform: scale(2) translateZ(100px);
    }
}

.img-responsive {
    position: relative;
}

.img-responsive::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(106, 140, 255, 0.5) 0%, rgba(106, 140, 255, 0) 70%);
    transform: translate(-50%, -50%) scale(0.1) translateZ(-100px);
    opacity: 0;
    z-index: 0;
    border-radius: 50%;
    filter: blur(20px);
    transform-style: preserve-3d;
    perspective: 1000px;
    animation: warp-speed 12s ease-in-out infinite;
    animation-delay: 3s;
}/* Звездные карты и древние пути */
.navbar-container {
    position: relative;
    overflow: hidden;
}

.navbar-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5z' fill='%234A6FFF' fill-opacity='0.05'/%3E%3C/svg%3E");
    opacity: 0.3;
    z-index: -1;
}

/* Древние пути между звезд */
.flex-cont {
    position: relative;
}

.flex-cont::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
            linear-gradient(45deg, rgba(74, 111, 255, 0) 49.5%, rgba(74, 111, 255, 0.1) 49.5%, rgba(74, 111, 255, 0.1) 50.5%, rgba(74, 111, 255, 0) 50.5%),
            linear-gradient(-45deg, rgba(74, 111, 255, 0) 49.5%, rgba(74, 111, 255, 0.1) 49.5%, rgba(74, 111, 255, 0.1) 50.5%, rgba(74, 111, 255, 0) 50.5%);
    background-size: 30px 30px;
    opacity: 0.2;
    z-index: -1;
}

/* Древние магические руны и символы */
.casino-item img {
    position: relative;
}

.casino-item img::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background:
            radial-gradient(circle at 20% 20%, rgba(156, 39, 176, 0.2) 0%, rgba(156, 39, 176, 0) 70%),
            radial-gradient(circle at 80% 80%, rgba(74, 111, 255, 0.2) 0%, rgba(74, 111, 255, 0) 70%);
    z-index: -1;
    opacity: 0.4;
    border-radius: 50%;
    filter: blur(10px);
}

/* Эффект древней карты с символами */
.container {
    position: relative;
}

.container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
            url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0V0zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm0-2a5 5 0 1 1 0-10 5 5 0 0 1 0 10z' fill='%234A6FFF' fill-opacity='0.03'/%3E%3C/svg%3E");
    z-index: -2;
    opacity: 0.3;
}

/* Эффект интерактивной звездной карты */
h1 {
    position: relative;
}

h1::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: linear-gradient(to right,
    rgba(74, 111, 255, 0),
    rgba(106, 140, 255, 0.7),
    rgba(74, 111, 255, 0));
    opacity: 0.8;
}

/* Эффект объемных созвездий с глубиной */
.navbar a::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(106, 140, 255, 0.3);
    transform: scaleX(0);
    transition: transform 0.3s ease;
    transform-origin: center;
    box-shadow: 0 0 8px rgba(106, 140, 255, 0.6);
    z-index: -1;
}

.navbar a:hover::before {
    transform: scaleX(1);
}

/* Космический туман и туманности */
.request {
    position: relative;
    overflow: hidden;
}

.request::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
            radial-gradient(ellipse at top left, rgba(156, 39, 176, 0.1) 0%, rgba(156, 39, 176, 0) 60%),
            radial-gradient(ellipse at bottom right, rgba(74, 111, 255, 0.1) 0%, rgba(74, 111, 255, 0) 60%);
    z-index: -1;
    opacity: 0.6;
    filter: blur(20px);
    animation: nebula-shift 30s ease-in-out infinite;
}

@keyframes nebula-shift {
    0%, 100% {
        background-position: 0% 0%, 100% 100%;
        opacity: 0.6;
    }
    50% {
        background-position: 20% 20%, 80% 80%;
        opacity: 0.8;
    }
}/* Эффект космической энергии для заголовков и особенных элементов */
h2 {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

h2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
    rgba(74, 111, 255, 0) 0%,
    rgba(74, 111, 255, 0.07) 50%,
    rgba(74, 111, 255, 0) 100%);
    z-index: -1;
    transform: translateX(-100%);
    animation: h2-energy-flow 8s ease-in-out infinite;
}

@keyframes h2-energy-flow {
    0%, 100% { transform: translateX(-100%); }
    50% { transform: translateX(100%); }
}

/* Стилизация ярких звезд и планет */
.col-1 {
    position: relative;
}

/* Планета Юпитер */
.col-1::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 30px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(circle at 40% 40%,
    #ECF2FF 0%,
    #B6CCFF 30%,
    #4A6FFF 70%,
    #2447E0 100%);
    box-shadow: 0 0 15px #6A8CFF;
    opacity: 0.7;
    z-index: 3;
}

/* Планета Сатурн */
.col-5::before {
    content: "";
    position: absolute;
    top: 60px;
    right: 40px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: radial-gradient(circle at 40% 40%,
    #E6DDBD 0%,
    #C4B48C 40%,
    #7B6F48 70%,
    #5A5033 100%);
    box-shadow: 0 0 10px rgba(198, 169, 95, 0.7);
    opacity: 0.7;
    z-index: 2;
}

/* Кольца Сатурна */
.col-5::after {
    content: "";
    position: absolute;
    top: 67px;
    right: 32px;
    width: 30px;
    height: 2px;
    background: linear-gradient(90deg,
    rgba(198, 169, 95, 0) 0%,
    rgba(198, 169, 95, 0.7) 30%,
    rgba(198, 169, 95, 0.7) 70%,
    rgba(198, 169, 95, 0) 100%);
    transform: rotate(-15deg);
    opacity: 0.7;
    box-shadow: 0 0 5px rgba(198, 169, 95, 0.5);
    z-index: 1;
}

/* Эффект телепортации и перемещения для контента */
.col-3 {
    position: relative;
    z-index: 1;
}

.col-3::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 2px;
    background: linear-gradient(to right,
    rgba(74, 111, 255, 0),
    rgba(74, 111, 255, 0.7));
    opacity: 0;
    z-index: -1;
    animation: scan-line 5s ease-in-out infinite;
}

@keyframes scan-line {
    0%, 100% {
        opacity: 0;
        left: 0;
        width: 10px;
    }
    10% { opacity: 0.7; }
    50% {
        opacity: 0.7;
        left: calc(100% - 10px);
        width: 10px;
    }
    51% {
        left: calc(100% - 10px);
        width: 10px;
        opacity: 0.7;
    }
    90% { opacity: 0.7; }
    99% {
        left: 0;
        width: 10px;
        opacity: 0;
    }
}

/* Космические порталы в углах страницы */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background:
            radial-gradient(circle at center,
            rgba(156, 39, 176, 0.2) 0%,
            rgba(156, 39, 176, 0) 70%);
    border-radius: 50%;
    opacity: 0.3;
    filter: blur(10px);
    z-index: 9996;
    animation: portal-corner-pulse 8s ease-in-out infinite;
}

/* Другой портал в правом нижнем углу */
.footer-info::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 150px;
    background:
            radial-gradient(circle at center,
            rgba(74, 111, 255, 0.2) 0%,
            rgba(74, 111, 255, 0) 70%);
    border-radius: 50%;
    opacity: 0.3;
    filter: blur(10px);
    z-index: -1;
    animation: portal-corner-pulse 8s ease-in-out infinite;
    animation-delay: 4s;
}

@keyframes portal-corner-pulse {
    0%, 100% { transform: scale(0.8); opacity: 0.3; }
    50% { transform: scale(1.2); opacity: 0.5; }
}

/* Созвездие Ориона с пульсирующими звездами */
.footer-links {
    position: relative;
}

.footer-links::before {
    content: "";
    position: absolute;
    top: -100px;
    right: 50px;
    width: 100px;
    height: 100px;
    background-image:
            radial-gradient(1px 1px at 20px 20px, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 40px 15px, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 60px 25px, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 30px 50px, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 70px 60px, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 50px 75px, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.4;
    pointer-events: none;
    z-index: 1;
}

/* Тонкие линии созвездия Ориона */
.footer-links::after {
    content: "";
    position: absolute;
    top: -100px;
    right: 50px;
    width: 100px;
    height: 100px;
    background-image:
            linear-gradient(to bottom right, rgba(182, 204, 255, 0.2) 0%, rgba(182, 204, 255, 0.2) 1%, rgba(182, 204, 255, 0) 2%),
            linear-gradient(to bottom left, rgba(182, 204, 255, 0.2) 49%, rgba(182, 204, 255, 0.2) 50%, rgba(182, 204, 255, 0) 51%),
            linear-gradient(to top right, rgba(182, 204, 255, 0.2) 49%, rgba(182, 204, 255, 0.2) 50%, rgba(182, 204, 255, 0) 51%);
    opacity: 0.3;
    pointer-events: none;
    z-index: 0;
}/* Основные стили для звездной темы */
body {
    background: linear-gradient(145deg, #0B0B22, #070719, #000000, #150522, #09071E);
    background-size: 400% 400%;
    animation: cosmic-background 30s ease infinite;
    color: #E0E7FF;
    font-family: "Montserrat", serif;
}

@keyframes cosmic-background {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}

h1, h2, h3, h4 {
    color: #ECF2FF;
    text-shadow: 0 0 5px #4A6FFF, 0 0 10px #2447E0;
}

h1 {
    font-size: 96px;
    color: #FFFFFF;
    text-shadow: 0 0 10px #6A8CFF, 0 0 20px #4A6FFF, 0 0 30px #2447E0;
    position: relative;
    z-index: 2;
}

h1::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    color: transparent;
    text-shadow: 0 0 15px #9C27B0, 0 0 20px #6A1B9A;
    animation: cosmic-glow 3s ease-in-out infinite;
}

@keyframes cosmic-glow {
    0%, 100% { opacity: 0.5; filter: blur(4px); }
    50% { opacity: 0.8; filter: blur(2px); }
}

.container {
    background: rgba(7, 7, 23, 0.7);
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(74, 111, 255, 0.1);
    backdrop-filter: blur(3px);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg,
    rgba(74, 111, 255, 0.05) 0%,
    rgba(74, 111, 255, 0) 20%,
    rgba(156, 39, 176, 0.05) 40%,
    rgba(156, 39, 176, 0) 60%,
    rgba(74, 111, 255, 0.05) 80%,
    rgba(74, 111, 255, 0) 100%);
    background-size: 200% 200%;
    animation: nebula-float 15s linear infinite;
    z-index: -1;
}

@keyframes nebula-float {
    0% { background-position: 0% 0% }
    100% { background-position: 200% 200% }
}

.navbar {
    background: rgba(13, 13, 43, 0.9);
    border-bottom: 1px solid #394682;
    position: relative;
    backdrop-filter: blur(5px);
}

.navbar::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right,
    rgba(57, 70, 130, 0),
    rgba(106, 140, 255, 0.8),
    rgba(57, 70, 130, 0));
    z-index: 1;
}

.navbar a {
    color: #B6CCFF;
    text-shadow: 0 0 5px #2447E0;
    position: relative;
}

.navbar a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #6A8CFF;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    transform-origin: right;
}

.navbar a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.navbar a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 8px #4A6FFF, 0 0 15px #6A8CFF;
    opacity: 1;
}

.navbar-container .hamburger-lines .line {
    background: #B6CCFF;
    box-shadow: 0 0 5px #2447E0;
}

/* Звездная навигация (символизирует созвездия) */
.menu-items {
    position: relative;
}

.menu-items::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image:
            radial-gradient(1px 1px at 20% 30%, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 70% 20%, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 40% 70%, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 90% 60%, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0));
    opacity: 0.3;
    z-index: -1;
    pointer-events: none;
}

.casino-item {
    background: rgba(28, 28, 44, 0.8);
    border: 1px solid #394682;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(74, 111, 255, 0.2);
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

.casino-item:hover {
    box-shadow: 0 0 25px rgba(74, 111, 255, 0.4), 0 0 35px rgba(106, 140, 255, 0.2);
    transform: translateY(-5px);
}

.casino-item::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, rgba(74, 111, 255, 0.1) 0%, rgba(106, 140, 255, 0) 70%);
    transform: rotate(45deg);
    transition: all 0.8s ease;
    z-index: 0;
}

.casino-item:hover::before {
    transform: rotate(225deg);
}

.casino-item h4 {
    color: #B6CCFF;
    position: relative;
    z-index: 1;
}

.casino-item p {
    color: #A0B9FF;
    position: relative;
    z-index: 1;
}

.casino-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, rgba(57, 70, 130, 0), rgba(106, 140, 255, 0.7), rgba(57, 70, 130, 0));
    transform: scaleX(0.3);
    transition: transform 0.4s ease;
}

.casino-item:hover::after {
    transform: scaleX(1);
}

.btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease;
}

.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    z-index: -1;
    transform: translateX(-100%);
    transition: all 0.4s ease;
}

.btn:hover::before {
    transform: translateX(0);
}

.btn::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 40%;
    transform: scale(0);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: -2;
}

.btn:hover::after {
    transform: scale(1);
    opacity: 0;
}

.btn-red {
    background: linear-gradient(135deg, #6A1B9A, #7B1FA2, #6A1B9A);
    color: white;
    box-shadow: 0 0 10px #9C27B0, 0 0 20px rgba(156, 39, 176, 0.3);
    background-size: 200% 100%;
    animation: btn-gradient 3s infinite;
}

.btn-white {
    background: rgba(230, 230, 255, 0.9);
    color: #151531;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.4), 0 0 15px rgba(182, 204, 255, 0.2);
    text-shadow: 0 0 5px rgba(21, 21, 49, 0.3);
}

.btn-blue {
    background: linear-gradient(135deg, #1A237E, #283593, #1A237E);
    color: white;
    box-shadow: 0 0 10px #3F51B5, 0 0 20px rgba(63, 81, 181, 0.3);
    background-size: 200% 100%;
    animation: btn-gradient 3s infinite;
}

.btn-green {
    background: linear-gradient(135deg, #1B5E20, #2E7D32, #1B5E20);
    color: white;
    box-shadow: 0 0 10px #4CAF50, 0 0 20px rgba(76, 175, 80, 0.3);
    background-size: 200% 100%;
    animation: btn-gradient 3s infinite;
}

.btn-light-red {
    background: linear-gradient(135deg, #880E4F, #AD1457, #880E4F);
    color: white;
    box-shadow: 0 0 10px #E91E63, 0 0 20px rgba(233, 30, 99, 0.3);
    background-size: 200% 100%;
    animation: btn-gradient 3s infinite;
}

@keyframes btn-gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.btn:hover {
    transform: scale(1.05) translateY(-3px);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.6), 0 0 25px rgba(106, 140, 255, 0.4);
    letter-spacing: 0.5px;
}

footer {
    background: rgba(13, 13, 43, 0.7);
    border: 1px solid #394682;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

footer::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right,
    rgba(57, 70, 130, 0),
    rgba(106, 140, 255, 0.8),
    rgba(74, 111, 255, 0.6),
    rgba(106, 140, 255, 0.8),
    rgba(57, 70, 130, 0));
    animation: flow-light 5s linear infinite;
    z-index: 1;
}

@keyframes flow-light {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
            radial-gradient(circle at 10% 20%, rgba(74, 111, 255, 0.07) 0%, rgba(74, 111, 255, 0) 20%),
            radial-gradient(circle at 90% 80%, rgba(156, 39, 176, 0.07) 0%, rgba(156, 39, 176, 0) 20%);
    z-index: -1;
}

.footer-age {
    background: rgba(21, 21, 33, 0.9);
    border-radius: 8px;
    position: relative;
    backdrop-filter: blur(5px);
}

.footer-age::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%234A6FFF' fill-opacity='0.05'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.7;
    z-index: -1;
}

.footer-links a {
    color: #B6CCFF;
    text-shadow: 0 0 3px #2447E0;
}

.footer-links a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 8px #4A6FFF;
}

/* Эффект для галактики и черной дыры */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center,
    rgba(7, 7, 23, 0.95) 0%,
    rgba(13, 13, 43, 0.98) 50%,
    rgba(0, 0, 0, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
            url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236A8CFF' d='M38.5,-66.2C53,-62.1,69.9,-57.9,76.7,-47.2C83.6,-36.5,80.5,-18.3,77.3,-2.2C74.1,13.8,70.9,27.6,64.3,40.2C57.6,52.7,47.6,64,35.2,68.9C22.9,73.8,8.3,72.4,-4.3,68.3C-16.9,64.2,-27.5,57.4,-34.9,48.6C-42.3,39.9,-46.4,29.2,-54.9,17.8C-63.5,6.4,-76.5,-5.8,-78.3,-19.3C-80.1,-32.8,-70.7,-47.7,-58.1,-53.6C-45.6,-59.4,-29.9,-56.3,-16.4,-59.8C-2.9,-63.3,8.4,-73.5,19.8,-74.8C31.2,-76.1,44,-70.4,38.5,-66.2Z' transform='translate(100 100) scale(2)' opacity='0.05'/%3E%3C/svg%3E");
    animation: galaxy-spin 120s linear infinite;
    z-index: -1;
}

.modal-overlay::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;
    background: radial-gradient(ellipse at center,
    rgba(21, 21, 49, 0) 35%,
    rgba(74, 111, 255, 0.1) 40%,
    rgba(156, 39, 176, 0.1) 50%,
    rgba(21, 21, 49, 0) 70%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    filter: blur(15px);
    z-index: -1;
    animation: black-hole 20s linear infinite;
}

@keyframes galaxy-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes black-hole {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.4; }
    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.7; }
}

.modal {
    background: rgba(21, 21, 50, 0.9);
    border: 1px solid #394682;
    color: #B6CCFF;
    box-shadow:
            0 0 20px rgba(74, 111, 255, 0.4),
            0 0 40px rgba(106, 140, 255, 0.2),
            0 0 60px rgba(156, 39, 176, 0.1);
    backdrop-filter: blur(5px);
    position: relative;
    overflow: hidden;
    z-index: 1001;
}

.modal::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background:
            radial-gradient(circle at 30% 30%, rgba(74, 111, 255, 0.05) 0%, rgba(74, 111, 255, 0) 50%),
            radial-gradient(circle at 70% 70%, rgba(156, 39, 176, 0.05) 0%, rgba(156, 39, 176, 0) 50%);
    transform: rotate(35deg);
    z-index: -1;
    animation: modal-light 10s ease-in-out infinite;
}

@keyframes modal-light {
    0%, 100% { opacity: 0.5; transform: rotate(35deg); }
    50% { opacity: 0.8; transform: rotate(45deg); }
}

.modal h2 {
    color: #ECF2FF;
    text-shadow: 0 0 5px #4A6FFF;
    position: relative;
}

.modal h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 50%;
    height: 1px;
    background: linear-gradient(to right,
    rgba(106, 140, 255, 0),
    rgba(106, 140, 255, 0.7),
    rgba(106, 140, 255, 0));
    transform: translateY(5px);
}

.modal .age-circle {
    background: linear-gradient(135deg, #6A1B9A, #9C27B0);
    box-shadow:
            0 0 10px #9C27B0,
            0 0 20px rgba(156, 39, 176, 0.4),
            inset 0 0 10px rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
}

.modal .age-circle::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(to right,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0));
    transform: skewX(-20deg);
    animation: circle-shine 4s ease-in-out infinite;
}

@keyframes circle-shine {
    0%, 100% { transform: skewX(-20deg) translateX(-100%); }
    40%, 60% { transform: skewX(-20deg) translateX(0); }
}

.modal button {
    background: linear-gradient(135deg, #1A237E, #3F51B5);
    color: #ECF2FF;
    box-shadow:
            0 0 10px #3F51B5,
            0 0 20px rgba(63, 81, 181, 0.3);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.modal button::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
    transform: scale(0);
    transition: transform 0.5s ease-out;
    z-index: -1;
}

.modal button:hover::before {
    transform: scale(1);
}

/* Добавление созвездий и космических объектов */
.info {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%234A6FFF' stroke-opacity='0.1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%236A8CFF'%3E%3Ccircle cx='769' cy='229' r='1'/%3E%3Ccircle cx='539' cy='269' r='1'/%3E%3Ccircle cx='603' cy='493' r='1'/%3E%3Ccircle cx='731' cy='737' r='1'/%3E%3Ccircle cx='520' cy='660' r='1'/%3E%3Ccircle cx='309' cy='538' r='1'/%3E%3Ccircle cx='295' cy='764' r='1'/%3E%3Ccircle cx='40' cy='599' r='1'/%3E%3Ccircle cx='102' cy='382' r='1'/%3E%3Ccircle cx='127' cy='80' r='1'/%3E%3Ccircle cx='370' cy='105' r='1'/%3E%3Ccircle cx='578' cy='42' r='1'/%3E%3Ccircle cx='237' cy='261' r='1'/%3E%3Ccircle cx='390' cy='382' r='1'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat fixed,
            radial-gradient(circle at 30% 50%, rgba(106, 140, 255, 0.1) 0%, rgba(106, 140, 255, 0) 50%),
            radial-gradient(circle at 70% 80%, rgba(156, 39, 176, 0.1) 0%, rgba(156, 39, 176, 0) 50%);
    z-index: -1;
    opacity: 0.4;
    animation: constellation-pulse 10s ease-in-out infinite;
}

@keyframes constellation-pulse {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.5; }
}

/* Добавление северного сияния в верхней части страницы */
.navbar::before {
    content: "";
    position: absolute;
    top: -150px;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(0deg,
    rgba(74, 111, 255, 0) 0%,
    rgba(74, 111, 255, 0.1) 40%,
    rgba(106, 140, 255, 0.2) 60%,
    rgba(156, 39, 176, 0.1) 80%,
    rgba(156, 39, 176, 0) 100%);
    filter: blur(20px);
    opacity: 0.3;
    z-index: -1;
    animation: aurora 20s ease infinite;
}

@keyframes aurora {
    0%, 100% {
        transform: translateX(-10%) scaleX(1.1);
        opacity: 0.3;
    }
    25% {
        transform: translateX(5%) scaleX(0.9);
        opacity: 0.4;
    }
    50% {
        transform: translateX(-5%) scaleX(1.05);
        opacity: 0.5;
    }
    75% {
        transform: translateX(10%) scaleX(0.95);
        opacity: 0.4;
    }
}

/* Эффект космического портала */
section {
    position: relative;
    overflow: hidden;
}

.request::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(106, 140, 255, 0.2) 0%, rgba(156, 39, 176, 0.1) 40%, rgba(0, 0, 0, 0) 70%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    opacity: 0;
    z-index: -1;
    filter: blur(10px);
    animation: portal-pulse 10s ease-in-out infinite;
}

@keyframes portal-pulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0;
    }
    10% {
        opacity: 0.2;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.4;
    }
    90% {
        opacity: 0.2;
    }
}

/* Вихрь звездной пыли */
.logo-info {
    position: relative;
    overflow: hidden;
}

.logo-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236A8CFF' d='M39.9,-65.7C53.5,-59.6,67.7,-52.3,76.4,-40.6C85.1,-29,88.2,-14.5,85.6,-1.5C83,11.4,74.9,22.8,67.3,34.3C59.7,45.9,52.8,57.6,42.5,65.3C32.2,73,16.1,76.6,0.9,75.3C-14.4,73.9,-28.8,67.6,-41.2,59.1C-53.7,50.7,-64.3,40.2,-70.8,27.1C-77.3,14,-79.8,-1.7,-76.2,-16C-72.6,-30.3,-62.9,-43.3,-50.7,-49.6C-38.4,-55.8,-23.7,-55.5,-9.9,-53.5C3.9,-51.4,26.3,-71.7,39.9,-65.7Z' transform='translate(100 100) scale(0.7)' opacity='0.1'/%3E%3C/svg%3E") center no-repeat;
    z-index: -1;
    animation: dust-rotation 60s linear infinite;
}

@keyframes dust-rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Эффект звездного поля на общем фоне для всей страницы */
body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image:
            radial-gradient(1px 1px at 10% 10%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 15% 15%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 20% 20%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 25% 25%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 30% 30%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 35% 35%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 40% 40%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 45% 45%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 50% 50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 55% 55%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 60% 60%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 65% 65%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 70% 70%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 75% 75%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 80% 80%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 85% 85%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 90% 90%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%),
            radial-gradient(1px 1px at 95% 95%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 9997;
    opacity: 0.3;
}

/* Стилизация для заголовка с эффектом древней звездной карты */
#choose {
    position: relative;
    overflow: hidden;
}

#choose::before {
    content: "";
    position: absolute;
    top: -20%;
    left: -20%;
    right: -20%;
    bottom: -20%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke-opacity='0.2'%3E%3Cg stroke='%23B6CCFF' stroke-width='1'%3E%3Cline x1='400' y1='0' x2='400' y2='800'/%3E%3Cline x1='0' y1='400' x2='800' y2='400'/%3E%3C/g%3E%3Cg stroke='%234A6FFF' stroke-width='0.5'%3E%3Cline x1='100' y1='0' x2='100' y2='800'/%3E%3Cline x1='300' y1='0' x2='300' y2='800'/%3E%3Cline x1='500' y1='0' x2='500' y2='800'/%3E%3Cline x1='700' y1='0' x2='700' y2='800'/%3E%3Cline x1='0' y1='100' x2='800' y2='100'/%3E%3Cline x1='0' y1='300' x2='800' y2='300'/%3E%3Cline x1='0' y1='500' x2='800' y2='500'/%3E%3Cline x1='0' y1='700' x2='800' y2='700'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
    z-index: -1;
    opacity: 0.15;
    animation: rotate 180s linear infinite;
}

#choose::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
            radial-gradient(circle at 20% 30%, rgba(106, 140, 255, 0.4) 0%, rgba(106, 140, 255, 0) 20%),
            radial-gradient(circle at 70% 60%, rgba(156, 39, 176, 0.3) 0%, rgba(156, 39, 176, 0) 30%),
            radial-gradient(circle at 50% 50%, rgba(74, 111, 255, 0.2) 0%, rgba(74, 111, 255, 0) 40%);
    z-index: -2;
    opacity: 0.6;
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Расширенные анимации для космических эффектов */
@keyframes twinkle {
    0% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.2); }
    100% { opacity: 0.3; transform: scale(1); }
}

@keyframes pulsar {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.5); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

@keyframes shooting-star {
    0% { transform: translateX(0) translateY(0); opacity: 0; }
    10% { opacity: 1; }
    70% { opacity: 1; }
    100% { transform: translateX(300px) translateY(200px); opacity: 0; }
}

@keyframes cosmic-dust {
    0% { transform: translateY(0) rotate(0deg); opacity: 0.3; }
    50% { transform: translateY(-20px) rotate(180deg); opacity: 0.7; }
    100% { transform: translateY(0) rotate(360deg); opacity: 0.3; }
}

/* Звездное поле с мерцающими точками */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
            radial-gradient(1px 1px at 20px 30px, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)),
            radial-gradient(1px 1px at 40px 70px, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)),
            radial-gradient(2px 2px at 170px 384px, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)),
            radial-gradient(2px 2px at 150px 230px, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)),
            radial-gradient(1px 1px at 260px 120px, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)),
            radial-gradient(1px 1px at 340px 350px, rgba(182, 204, 255, 0.8), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 390px 210px, rgba(182, 204, 255, 0.7), rgba(182, 204, 255, 0)),
            radial-gradient(1px 1px at 460px 280px, rgba(182, 204, 255, 0.9), rgba(182, 204, 255, 0));
    pointer-events: none;
    z-index: 9998;
    opacity: 0.5;
}

.casino {
    position: relative;
    overflow: visible;
}

/* Яркая звезда с пульсацией */
.casino::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.8), 0 0 30px 10px rgba(74, 111, 255, 0.5);
    top: 20px;
    left: 50px;
    animation: pulsar 6s infinite ease-in-out;
    z-index: 2;
}

/* Мерцающая звезда */
.casino::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #B6CCFF;
    border-radius: 50%;
    box-shadow: 0 0 6px 1px rgba(182, 204, 255, 0.7);
    top: 70px;
    right: 80px;
    animation: twinkle 4s infinite ease-in-out;
}

/* Падающая звезда */
.casino-wrapper::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px white, 0 0 20px 2px rgba(255, 255, 255, 0.5);
    top: 10%;
    left: 10%;
    opacity: 0;
    animation: shooting-star 5s infinite ease-out;
    animation-delay: 3s;
    z-index: 3;
}

/* Космическая пыль */
.casino-wrapper::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background:
            radial-gradient(circle at 30% 40%, rgba(106, 140, 255, 0.2) 0%, rgba(106, 140, 255, 0) 70%),
            radial-gradient(circle at 70% 60%, rgba(74, 111, 255, 0.2) 0%, rgba(74, 111, 255, 0) 70%);
    border-radius: 50%;
    top: 30%;
    right: 20%;
    animation: cosmic-dust 15s infinite ease-in-out;
    z-index: 1;
}

.flex-cont {
    position: relative;
}

/* Яркая звезда */
.flex-cont::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #B6CCFF;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px rgba(106, 140, 255, 0.9);
    top: 30%;
    left: 20%;
    animation: twinkle 5s infinite ease-in-out;
}

/* Мерцающая звезда */
.flex-cont::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #ECF2FF;
    border-radius: 50%;
    box-shadow: 0 0 7px 2px rgba(236, 242, 255, 0.8);
    bottom: 20%;
    right: 30%;
    animation: twinkle 4.5s infinite ease-in-out;
}