:root {
    --eucalyptusGreen: #7FB069;
    --sandYellow: #F4E285;
    --oceanBlue: #4A90A4;
    --deepEucalyptus: #5A8B47;
    --lightSand: #FAF0B8;
    --darkOcean: #2E5A68;
    --neutralWhite: #FEFEFE;
    --softGray: #F5F5F5;
    --textDark: #2C3E50;
    --textLight: #6B7280;
    --accentCoral: #E07A5F;
    --backgroundTexture: linear-gradient(135deg, #FAF0B8 0%, #F4E285 25%, #7FB069 50%, #4A90A4 100%);
    --sandTexture: linear-gradient(45deg, #F4E285 0%, #FAF0B8 50%, #F4E285 100%);
    --oceanTexture: linear-gradient(135deg, #4A90A4 0%, #2E5A68 100%);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: var(--textDark);
    background: var(--neutralWhite);
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
}

.siteHeaderContainer {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(127, 176, 105, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}

.headerContentWrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brandLogoSection {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.brandLogoImage {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.brandLogoImage:hover {
    transform: scale(1.1);
}

.brandNameLink {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--deepEucalyptus);
    text-decoration: none;
    transition: color 0.3s ease;
}

.brandNameLink:hover {
    color: var(--eucalyptusGreen);
}

.mainNavigationMenu {
    flex: 1;
    display: flex;
    justify-content: center;
}

.navMenuList {
    display: flex;
    list-style: none;
    gap: 2rem;
    align-items: center;
}

.navMenuLink {
    color: var(--textDark);
    text-decoration: none;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    transition: all 0.3s ease;
    position: relative;
}

.navMenuLink:hover,
.activeNavLink {
    background: var(--lightSand);
    color: var(--deepEucalyptus);
    transform: translateY(-2px);
}

.navDropdownContainer {
    position: relative;
}

.dropdownMenuList {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--neutralWhite);
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    min-width: 200px;
    list-style: none;
    padding: 1rem 0;
    border: 1px solid var(--lightSand);
}

.navDropdownContainer:hover .dropdownMenuList {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdownMenuLink {
    display: block;
    padding: 0.75rem 1.5rem;
    color: var(--textDark);
    text-decoration: none;
    transition: all 0.3s ease;
}

.dropdownMenuLink:hover,
.activeDropdownLink {
    background: var(--lightSand);
    color: var(--deepEucalyptus);
}

.findCasinoButton {
    background: var(--backgroundTexture);
    color: var(--neutralWhite);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(127, 176, 105, 0.3);
}

.findCasinoButton:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(127, 176, 105, 0.4);
}

.mainContentArea {
    padding-top: 80px;
}

.contentContainerWrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.welcomeBannerSection {
    background: 
        /* Градиент поверх изображения */
        linear-gradient(135deg, rgba(250, 240, 184, 0.9) 0%, rgba(244, 226, 133, 0.8) 25%, rgba(127, 176, 105, 0.8) 50%, rgba(74, 144, 164, 0.8) 100%),
        /* Изображение как подложка */
        url(../images/13.jpg) no-repeat center/cover;
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.welcomeBannerSection::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="white" opacity="0.1"/><circle cx="80" cy="80" r="1.5" fill="white" opacity="0.1"/><circle cx="60" cy="30" r="1" fill="white" opacity="0.1"/></svg>');
    animation: floatPattern 20s linear infinite;
}

@keyframes floatPattern {
    0% { transform: translateY(0); }
    100% { transform: translateY(-100px); }
}

.bannerContentWrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    text-align: center;
    position: relative;
    z-index: 1;
}

.bannerTextContent {
    margin-bottom: 3rem;
}

.quickAdvantagesPreview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.quickAdvantageItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background: rgba(255, 255, 255, 0.1);
    padding: 2rem 1rem;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.quickAdvantageItem:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
}

.quickAdvantageIcon {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.quickAdvantageIcon i {
    font-size: 1.5rem;
    color: var(--neutralWhite);
}

.quickAdvantageText {
    color: var(--neutralWhite);
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
}

.bannerMainHeading {
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--neutralWhite);
    margin-bottom: 1.5rem;
    line-height: 1.2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.bannerSubheadingText {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    line-height: 1.6;
}

.advantagesShowcaseSection {
    padding: 5rem 0;
    background: var(--softGray);
}

.advantagesGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.advantageCard {
    background: var(--neutralWhite);
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--lightSand);
}

.advantageCard:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.advantageIconBox {
    width: 80px;
    height: 80px;
    background: var(--backgroundTexture);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: transform 0.3s ease;
}

.advantageCard:hover .advantageIconBox {
    transform: scale(1.1);
}

.advantageIconBox i {
    font-size: 2rem;
    color: var(--neutralWhite);
}

.advantageCardTitle {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 1rem;
}

.advantageCardDescription {
    color: var(--textLight);
    line-height: 1.6;
}

.casinoReviewsSection {
    padding: 5rem 0;
    background: var(--neutralWhite);
}

.sectionMainHeading {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    color: var(--deepEucalyptus);
    margin-bottom: 1rem;
}

.sectionSubheadingText {
    font-size: 1.2rem;
    text-align: center;
    color: var(--textLight);
    margin-bottom: 3rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.casinoCardsGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.casinoReviewCard {
    background: var(--neutralWhite);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 1px solid rgba(127, 176, 105, 0.1);
}

.casinoReviewCard:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.casinoImageWrapper {
    position: relative;
    overflow: hidden;
}

.casinoCardImage {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.casinoReviewCard:hover .casinoCardImage {
    transform: scale(1.1);
}

.casinoLocationBadge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(0, 0, 0, 0.7);
    color: var(--neutralWhite);
    padding: 0.5rem 1rem;
    border-radius: 15px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.casinoCardContent {
    padding: 2rem;
}

.casinoCardTitle {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 1rem;
}

.casinoRatingDisplay {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.ratingStars {
    color: var(--sandYellow);
}

.ratingNumber {
    font-weight: 600;
    color: var(--textDark);
}

.casinoCardDescription {
    color: var(--textLight);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.casinoFeaturesList {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.featureTag {
    background: var(--lightSand);
    color: var(--deepEucalyptus);
    padding: 0.3rem 0.8rem;
    border-radius: 15px;
    font-size: 0.85rem;
    font-weight: 500;
}

.casinoViewButton {
    display: inline-block;
    background: var(--oceanTexture);
    color: var(--neutralWhite);
    padding: 0.75rem 1.5rem;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.casinoViewButton:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(74, 144, 164, 0.4);
}

.gamingGuideSection {
    padding: 5rem 0;
    background: var(--softGray);
}

.guideContentGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.guideParagraphText {
    color: var(--textLight);
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.secondaryActionButton {
    display: inline-block;
    background: transparent;
    color: var(--deepEucalyptus);
    padding: 0.75rem 1.5rem;
    border: 2px solid var(--eucalyptusGreen);
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.secondaryActionButton:hover {
    background: var(--eucalyptusGreen);
    color: var(--neutralWhite);
    transform: translateY(-2px);
}

.guideFeatureImage {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.guideFeatureImage:hover {
    transform: scale(1.05);
}

.destinationHighlightsSection {
    padding: 5rem 0;
    background: var(--neutralWhite);
}

.destinationCardsGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.destinationCard {
    background: var(--neutralWhite);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    text-decoration: none;
    color: inherit;
}

.destinationCard:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.destinationImageContainer {
    overflow: hidden;
}

.destinationCardImage {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.destinationCard:hover .destinationCardImage {
    transform: scale(1.1);
}

.destinationCardContent {
    padding: 1.5rem;
}

.destinationCardTitle {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 0.5rem;
}

.destinationCardText {
    color: var(--textLight);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.destinationExploreLink {
    color: var(--oceanBlue);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.destinationExploreLink:hover {
    color: var(--darkOcean);
}

.localInsightsSection {
    padding: 5rem 0;
    background: var(--lightSand);
}

.insightsContentWrapper {
    text-align: center;
}

.insightsHeaderArea {
    margin-bottom: 3rem;
}

.insightsTipsGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.insightTipCard {
    background: var(--neutralWhite);
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.insightTipCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.tipIconWrapper {
    width: 70px;
    height: 70px;
    background: var(--oceanTexture);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.tipIconWrapper i {
    font-size: 1.8rem;
    color: var(--neutralWhite);
}

.tipCardTitle {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 1rem;
}

.tipCardDescription {
    color: var(--textLight);
    line-height: 1.6;
}

.australianGamingCultureSection {
    padding: 3rem 0;
    background: var(--darkOcean);
}

.gamingCultureContent {
    display: flex;
    align-items: center;
    gap: 2rem;
    text-align: center;
}

.cultureIconWrapper {
    flex-shrink: 0;
}

.cultureIconWrapper i {
    font-size: 3rem;
    color: var(--sandYellow);
}

.cultureTitle {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--neutralWhite);
    margin-bottom: 1rem;
}

.cultureDescription {
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.cultureHighlights {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.cultureHighlightItem {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--sandYellow);
    font-weight: 500;
    background: rgba(244, 226, 133, 0.1);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    border: 1px solid rgba(244, 226, 133, 0.3);
}

.cultureHighlightItem i {
    font-size: 1rem;
}

.casinoLocationsSection {
    padding: 4rem 0;
    background: var(--eucalyptusGreen);
}

.locationsContentWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.locationsTitle {
    font-size: 2rem;
    font-weight: 600;
    color: var(--neutralWhite);
    margin-bottom: 1rem;
}

.locationsDescription {
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

.locationRegionGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.regionItem {
    background: rgba(255, 255, 255, 0.1);
    padding: 1.5rem;
    border-radius: 15px;
    text-align: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.regionItem:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-3px);
}

.regionIcon {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.regionIcon i {
    font-size: 1.3rem;
    color: var(--neutralWhite);
}

.regionName {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutralWhite);
    margin-bottom: 0.5rem;
}

.regionDescription {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    line-height: 1.4;
}

.quickAccessSection {
    padding: 4rem 0;
    background: var(--softGray);
}

.quickAccessGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 3rem;
}

.quickAccessCard {
    background: var(--neutralWhite);
    padding: 2rem 1rem;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
    color: var(--textDark);
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.quickAccessCard:hover {
    transform: translateY(-5px);
    background: var(--lightSand);
    color: var(--deepEucalyptus);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.quickAccessCard i {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--eucalyptusGreen);
    transition: color 0.3s ease;
}

.quickAccessCard:hover i {
    color: var(--deepEucalyptus);
}

.quickAccessCard span {
    font-weight: 600;
}

.gamingTipsInsightsSection {
    padding: 4rem 0;
    background: var(--oceanTexture);
}

.tipsInsightsContent {
    text-align: center;
    color: var(--neutralWhite);
}

.tipsInsightsTitle {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.tipsInsightsDescription {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.tipsInsightsGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.tipInsightCard {
    background: rgba(255, 255, 255, 0.1);
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.tipInsightCard:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
}

.tipIcon {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.tipIcon i {
    font-size: 1.8rem;
    color: var(--neutralWhite);
}

.tipTitle {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--neutralWhite);
    margin-bottom: 1rem;
}

.tipDescription {
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

.socialProofSection {
    padding: 4rem 0;
    background: var(--neutralWhite);
}

.socialProofContent {
    text-align: center;
}

.socialProofTitle {
    font-size: 2rem;
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 2rem;
}

.socialProofStats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.statItem {
    text-align: center;
}

.statNumber {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--eucalyptusGreen);
    margin-bottom: 0.5rem;
}

.statLabel {
    color: var(--textLight);
    font-weight: 500;
}

.socialProofSubtext {
    color: var(--textLight);
    font-size: 1.1rem;
    margin-top: 2rem;
}

.finalCallToActionSection {
    padding: 5rem 0;
    background: var(--backgroundTexture);
}

.finalCtaContent {
    text-align: center;
    color: var(--neutralWhite);
}

.finalCtaTitle {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.finalCtaDescription {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.finalCtaButton {
    display: inline-block;
    background: var(--neutralWhite);
    color: var(--deepEucalyptus);
    padding: 1.2rem 2.5rem;
    border-radius: 35px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.finalCtaButton:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
}

.aboutHeroBanner {
    background: var(--backgroundTexture);
    padding: 4rem 0;
    text-align: center;
    color: var(--neutralWhite);
}

.aboutMainTitle {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.aboutHeroSubtitle {
    font-size: 1.3rem;
    opacity: 0.9;
}

.ourStorySection {
    padding: 5rem 0;
    background: var(--neutralWhite);
}

.storyContentGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.storyParagraphText {
    color: var(--textLight);
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.storyFeatureImage {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.missionVisionSection {
    padding: 5rem 0;
    background: var(--softGray);
}

.missionContentGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.missionCard {
    background: var(--neutralWhite);
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.missionCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.missionIconWrapper {
    width: 80px;
    height: 80px;
    background: var(--eucalyptusGreen);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.missionIconWrapper i {
    font-size: 2rem;
    color: var(--neutralWhite);
}

.missionCardTitle {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 1rem;
}

.missionCardText {
    color: var(--textLight);
    line-height: 1.6;
}

.testimonialsDisplaySection {
    padding: 5rem 0;
    background: var(--lightSand);
}

.testimonialSectionTitle {
    text-align: center;
    margin-bottom: 3rem;
}

.testimonialsGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.testimonialCard {
    background: var(--neutralWhite);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.testimonialCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.testimonialContent {
    padding: 2rem;
}

.testimonialStars {
    color: var(--sandYellow);
    margin-bottom: 1rem;
}

.testimonialQuote {
    color: var(--textLight);
    line-height: 1.6;
    margin-bottom: 1.5rem;
    font-style: italic;
}

.testimonialAuthor {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.authorProfileImage {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--lightSand);
}

.authorNameText {
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 0.3rem;
}

.authorLocationText {
    color: var(--textLight);
    font-size: 0.9rem;
}

.policyHeroBanner {
    background: var(--oceanTexture);
    padding: 4rem 0;
    text-align: center;
    color: var(--neutralWhite);
}

.policyMainTitle {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.policyHeroSubtitle {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 2rem;
}

.lastUpdatedLabel {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
}

.policyContentSection {
    padding: 5rem 0;
    background: var(--neutralWhite);
}

.policyDocumentWrapper {
    max-width: 800px;
    margin: 0 auto;
}

.policyTextBlock {
    margin-bottom: 3rem;
}

.policySubheading {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--lightSand);
}

.policyParagraphText {
    color: var(--textLight);
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.cookieTypeCard,
.informationTypeCard,
.usageRulesSection,
.contentPolicyCard,
.disclaimerSection,
.liabilityItem {
    background: var(--softGray);
    padding: 2rem;
    border-radius: 15px;
    margin-bottom: 2rem;
    border-left: 4px solid var(--eucalyptusGreen);
}

.cookieTypeTitle,
.informationTypeTitle,
.usageSubtitle,
.contentPolicyTitle,
.disclaimerTitle,
.liabilityItemTitle {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 1rem;
}

.cookieTypeDescription,
.informationTypeDescription,
.usageDescription,
.contentPolicyDescription,
.disclaimerText,
.liabilityItemText {
    color: var(--textLight);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.cookieDetailsList,
.informationDetailsList,
.usagePermissionsList,
.prohibitedActivitiesList,
.contentPolicyDetailsList {
    list-style: none;
    padding-left: 0;
}

.cookieDetailsList li,
.informationDetailsList li,
.usagePermissionsList li,
.prohibitedActivitiesList li,
.contentPolicyDetailsList li {
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    position: relative;
    color: var(--textLight);
}

.cookieDetailsList li::before,
.informationDetailsList li::before,
.usagePermissionsList li::before,
.prohibitedActivitiesList li::before,
.contentPolicyDetailsList li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--eucalyptusGreen);
    font-weight: bold;
}

.cookieManagementOptions,
.usagePurposesList {
    display: grid;
    gap: 1.5rem;
    margin-top: 2rem;
}

.managementOptionCard,
.usagePurposeCard {
    background: var(--neutralWhite);
    padding: 1.5rem;
    border-radius: 15px;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.optionIconWrapper,
.purposeIconWrapper {
    width: 50px;
    height: 50px;
    background: var(--lightSand);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.optionIconWrapper i,
.purposeIconWrapper i {
    color: var(--deepEucalyptus);
    font-size: 1.2rem;
}

.optionTitle,
.purposeTitle {
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 0.5rem;
}

.optionDescription,
.purposeDescription {
    color: var(--textLight);
    line-height: 1.5;
}

.thirdPartyServicesList,
.securityMeasuresList,
.retentionPeriodsList,
.notificationMethodsList,
.indemnificationList,
.terminationEffectsList,
.modificationNotificationList {
    list-style: none;
    padding-left: 0;
}

.thirdPartyServicesList li,
.securityMeasuresList li,
.retentionPeriodsList li,
.notificationMethodsList li,
.indemnificationList li,
.terminationEffectsList li,
.modificationNotificationList li {
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    position: relative;
    color: var(--textLight);
}

.thirdPartyServicesList li::before,
.securityMeasuresList li::before,
.retentionPeriodsList li::before,
.notificationMethodsList li::before,
.indemnificationList li::before,
.terminationEffectsList li::before,
.modificationNotificationList li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--oceanBlue);
    font-weight: bold;
}

.privacyRightsList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.privacyRightCard {
    background: var(--lightSand);
    padding: 1.5rem;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
}

.privacyRightCard:hover {
    background: var(--sandYellow);
    transform: translateY(-3px);
}

.privacyRightCard i {
    font-size: 2rem;
    color: var(--deepEucalyptus);
    margin-bottom: 1rem;
}

.rightTitle {
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 0.5rem;
}

.rightDescription {
    color: var(--textLight);
    font-size: 0.9rem;
    line-height: 1.5;
}

.sharingScenariosList {
    margin-top: 2rem;
}

.sharingScenarioItem {
    background: var(--softGray);
    padding: 1.5rem;
    border-radius: 15px;
    margin-bottom: 1.5rem;
    border-left: 4px solid var(--oceanBlue);
}

.scenarioTitle {
    font-weight: 600;
    color: var(--deepEucalyptus);
    margin-bottom: 0.5rem;
}

.scenarioDescription {
    color: var(--textLight);
    line-height: 1.6;
}

.contactMethodsList {
    margin-top: 2rem;
}

.contactMethodItem {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--lightSand);
}

.contactMethodItem:last-child {
    border-bottom: none;
}

.contactMethodItem i {
    color: var(--eucalyptusGreen);
    font-size: 1.2rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.contactMethodDetails {
    flex: 1;
}

.contactMethodDetails strong {
    color: var(--deepEucalyptus);
    display: block;
    margin-bottom: 0.3rem;
}

.contactMethodDetails span {
    color: var(--textLight);
    line-height: 1.5;
}

.rightsExerciseText,
.contactResponseText {
    background: var(--lightSand);
    padding: 1rem;
    border-radius: 10px;
    margin-top: 1.5rem;
    color: var(--textDark);
    font-size: 0.95rem;
}

.siteFooterContainer {
    background: var(--textDark);
    color: var(--neutralWhite);
    padding: 3rem 0 1rem;
}

.footerContentWrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.footerMainGrid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 3rem;
    margin-bottom: 2rem;
}

.footerBrandInfo {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.footerBrandLogo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.footerBrandName {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--sandYellow);
}

.footerBrandDescription {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
}

.footerColumnTitle {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--sandYellow);
    margin-bottom: 1rem;
}

.footerLinksList {
    list-style: none;
}

.footerLinksList li {
    margin-bottom: 0.5rem;
}

.footerNavigationLink {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footerNavigationLink:hover {
    color: var(--sandYellow);
}

.contactInfoList {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.contactInfoItem {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    line-height: 1.5;
}

.contactInfoItem i {
    color: var(--sandYellow);
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.footerBottomBar {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 2rem;
    text-align: center;
}

.copyrightNotice {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
}

.cookiePopupWrapper {
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    background: var(--neutralWhite);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.5s ease;
    max-width: 500px;
    margin: 0 auto;
    border: 2px solid var(--lightSand);
}

.cookiePopupWrapper.cookieVisible {
    transform: translateY(0);
    opacity: 1;
}

.cookiePopupContent {
    padding: 2rem;
}

.cookieTextArea {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.cookieTextArea i {
    font-size: 2rem;
    color: var(--eucalyptusGreen);
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.cookieTextArea p {
    color: var(--textLight);
    line-height: 1.6;
    margin: 0;
}

.cookieButtonsArea {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.acceptCookieBtn,
.declineCookieBtn {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.acceptCookieBtn {
    background: var(--eucalyptusGreen);
    color: var(--neutralWhite);
}

.acceptCookieBtn:hover {
    background: var(--deepEucalyptus);
    transform: translateY(-2px);
}

.declineCookieBtn {
    background: transparent;
    color: var(--textLight);
    border: 1px solid var(--textLight);
}

.declineCookieBtn:hover {
    background: var(--textLight);
    color: var(--neutralWhite);
}

@media (max-width: 768px) {
    .headerContentWrapper {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }
    
    .navMenuList {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .navDropdownContainer .dropdownMenuList {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background: var(--lightSand);
        margin-top: 0.5rem;
    }
    
    .bannerContentWrapper {
        text-align: center;
    }
    
    .quickAdvantagesPreview {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    .guideContentGrid,
    .storyContentGrid,
    .locationsContentWrapper {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .locationRegionGrid {
        grid-template-columns: 1fr;
    }
    
    .footerMainGrid {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .contactMethodItem {
        justify-content: center;
        text-align: center;
    }
    
    .gamingCultureContent {
        flex-direction: column;
        text-align: center;
    }
    
    .cultureHighlights {
        flex-direction: column;
        align-items: center;
    }
    
    .tipsInsightsGrid {
        grid-template-columns: 1fr;
    }
    
    .cookiePopupWrapper {
        left: 1rem;
        right: 1rem;
        bottom: 1rem;
    }
    
    .cookieButtonsArea {
        flex-direction: column;
    }
    
    .casinoCardsGrid {
        grid-template-columns: 1fr;
    }
    
    .destinationCardsGrid {
        grid-template-columns: 1fr;
    }
    
    .sectionMainHeading {
        font-size: 2rem;
    }
    
    .aboutMainTitle {
        font-size: 2.2rem;
    }
    
    .policyMainTitle {
        font-size: 2rem;
    }
    
    .finalCtaTitle {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .contentContainerWrapper {
        padding: 0 1rem;
    }
    
    .bannerMainHeading {
        font-size: 2rem;
    }
    
    .sectionMainHeading {
        font-size: 1.8rem;
    }
    
    .casinoCardsGrid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .advantagesGrid {
        grid-template-columns: 1fr;
    }
    
    .insightsTipsGrid {
        grid-template-columns: 1fr;
    }
    
    .quickAccessGrid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .socialProofStats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .quickAdvantagesPreview {
        grid-template-columns: 1fr;
    }
    
    .tipsInsightsGrid {
        grid-template-columns: 1fr;
    }
    
    .locationRegionGrid {
        grid-template-columns: 1fr;
    }
}