*,
::after,
::before {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-normal);
    color: var(--text-primary);
    background-color: var(--bg-page);
    transition: background-color var(--transition-base), color var(--transition-base)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-heading);
    color: var(--heading-primary);
    margin-top: 0;
    margin-bottom: var(--space-4);
    line-height: var(--line-height-tight);
    font-weight: var(--font-weight-bold)
}

h1 {
    font-size: var(--font-size-4xl)
}

h2 {
    font-size: var(--font-size-3xl)
}

h3 {
    font-size: var(--font-size-2xl)
}

h4 {
    font-size: var(--font-size-xl)
}

h5 {
    font-size: var(--font-size-lg)
}

h6 {
    font-size: var(--font-size-base)
}

@media (max-width:768px) {
    h1 {
        font-size: var(--font-size-3xl)
    }
    h2 {
        font-size: var(--font-size-2xl)
    }
    h3 {
        font-size: var(--font-size-xl)
    }
}

p {
    margin-top: 0;
    margin-bottom: var(--space-4);
    color: var(--text-secondary)
}

a {
    color: var(--link-default);
    text-decoration: none;
    transition: color var(--transition-fast)
}

a:hover {
    color: var(--link-hover);
    text-shadow: var(--text-glow)
}

b,
strong {
    color: var(--heading-accent);
    font-weight: var(--font-weight-semibold)
}

.heading-gradient,
.text-gradient {
    background: var(--heading-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.text-gradient-alt {
    background: var(--heading-gradient-alt);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.text-gradient-gold {
    background: var(--heading-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.text-gradient-pink {
    background: var(--heading-gradient-pink);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.text-glow {
    text-shadow: var(--text-glow)
}

.text-glow-strong {
    text-shadow: var(--text-glow-strong)
}

.section-title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-black);
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: center;
    margin-bottom: var(--space-3);
    position: relative;
    display: inline-block
}

.section-title--gradient {
    background: var(--heading-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 20px var(--brand-primary-soft))
}

.section-title--glow {
    color: var(--heading-accent);
    text-shadow: var(--heading-shadow)
}

.section-header {
    text-align: center;
    margin-bottom: var(--space-8);
    position: relative
}

.section-header::after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: var(--accent-underline);
    margin: var(--space-4) auto 0;
    border-radius: var(--radius-full);
    box-shadow: var(--accent-border-glow)
}

.section-header .section-subtitle {
    color: var(--text-secondary);
    font-size: var(--font-size-lg);
    margin-top: var(--space-2);
    font-weight: var(--font-weight-normal)
}

.heading-accent {
    color: var(--heading-accent)
}

.heading-highlight {
    color: var(--heading-highlight);
    text-shadow: var(--text-glow)
}

.main-heading {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-black);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--heading-primary);
    margin-bottom: var(--space-6);
    position: relative;
    line-height: 1.3
}

.main-heading .text-accent,
.main-heading span.text-accent {
    background: var(--heading-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 8px var(--brand-primary-soft))
}

.main-heading--premium {
    text-shadow: var(--heading-shadow-sm)
}

.main-heading--premium .text-accent {
    text-shadow: none;
    filter: drop-shadow(var(--heading-shadow-sm))
}

.display-heading {
    font-size: var(--font-size-5xl);
    font-weight: var(--font-weight-black);
    letter-spacing: .02em;
    line-height: 1.1;
    background: var(--heading-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 4px 30px var(--brand-primary-soft));
    margin-bottom: var(--space-4)
}

.text-accent {
    color: var(--heading-accent) !important;
    -webkit-text-fill-color: var(--heading-accent)
}

.lead-text {
    font-size: var(--font-size-xl);
    color: var(--text-secondary);
    line-height: 1.7;
    font-weight: var(--font-weight-normal)
}

.lead-text strong {
    color: var(--heading-accent);
    font-weight: var(--font-weight-semibold)
}

.body-text {
    color: var(--text-secondary);
    line-height: 1.8;
    font-size: var(--font-size-base)
}

.body-text a {
    color: var(--heading-accent);
    font-weight: var(--font-weight-medium);
    border-bottom: 1px solid transparent;
    transition: all var(--transition-fast)
}

.body-text a:hover {
    color: var(--heading-highlight);
    border-bottom-color: var(--heading-highlight);
    text-shadow: var(--text-glow)
}

.divider-accent {
    width: 100%;
    height: 1px;
    background: var(--accent-underline);
    border: none;
    margin: var(--space-8) 0;
    box-shadow: var(--accent-border-glow)
}

.divider-accent--short {
    width: 120px;
    margin-left: auto;
    margin-right: auto
}

.card-title {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--heading-accent);
    margin-bottom: var(--space-2);
    letter-spacing: .01em
}

.card-title--glow {
    text-shadow: var(--heading-shadow-sm)
}

.feature-title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--heading-accent);
    margin-bottom: var(--space-2);
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

.feature-title svg {
    color: var(--heading-highlight);
    filter: drop-shadow(var(--text-glow))
}

.stat-number {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-black);
    background: var(--heading-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 2px 10px var(--brand-primary-soft));
    line-height: 1
}

.stat-label {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: var(--font-weight-medium)
}

.quote-text {
    font-size: var(--font-size-xl);
    font-style: italic;
    color: var(--text-secondary);
    line-height: 1.8;
    position: relative;
    padding-left: var(--space-6);
    border-left: 3px solid var(--heading-accent)
}

.quote-text::before {
    content: '"';
    position: absolute;
    left: var(--space-2);
    top: -10px;
    font-size: var(--font-size-4xl);
    color: var(--heading-accent);
    opacity: .5;
    font-family: Georgia, serif
}

.badge-text {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-black);
    text-transform: uppercase;
    letter-spacing: .1em
}

@media (max-width:768px) {
    .main-heading {
        font-size: var(--font-size-2xl);
        letter-spacing: .02em
    }
    .section-title {
        font-size: var(--font-size-2xl)
    }
    .display-heading {
        font-size: var(--font-size-3xl)
    }
    .lead-text {
        font-size: var(--font-size-lg)
    }
    .stat-number {
        font-size: var(--font-size-3xl)
    }
}

@media (max-width:480px) {
    .main-heading {
        font-size: var(--font-size-xl)
    }
    .section-title {
        font-size: var(--font-size-xl);
        letter-spacing: .02em
    }
    .display-heading {
        font-size: var(--font-size-2xl)
    }
}

.tgm-container {
    width: 100%;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding-left: var(--space-4);
    padding-right: var(--space-4)
}

.tgm-container-lg {
    max-width: var(--container-2xl)
}

.tgm-section {
    padding: var(--space-12) 0;
    background-color: var(--bg-section)
}

.tgm-section-alt {
    background-color: var(--bg-section-alt)
}

.tgm-section-dark {
    background-color: var(--bg-page)
}

.tgm-grid {
    display: grid;
    gap: var(--space-4)
}

.tgm-grid-2 {
    grid-template-columns: repeat(2, 1fr)
}

.tgm-grid-3 {
    grid-template-columns: repeat(3, 1fr)
}

.tgm-grid-4 {
    grid-template-columns: repeat(4, 1fr)
}

.tgm-grid-5 {
    grid-template-columns: repeat(5, 1fr)
}

.tgm-grid-6 {
    grid-template-columns: repeat(6, 1fr)
}

@media (max-width:1200px) {
    .tgm-grid-5,
    .tgm-grid-6 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width:1080px) {
    .tgm-grid-4,
    .tgm-grid-5,
    .tgm-grid-6 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:768px) {
    .tgm-grid-3,
    .tgm-grid-4,
    .tgm-grid-5,
    .tgm-grid-6 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:480px) {
    .tgm-grid-2,
    .tgm-grid-3,
    .tgm-grid-4,
    .tgm-grid-5,
    .tgm-grid-6 {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-2)
    }
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-fast);
    border: 2px solid transparent;
    white-space: nowrap
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 3px var(--brand-primary-soft)
}

.btn-primary {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    border-color: transparent
}

.btn-primary:hover {
    background: var(--btn-primary-hover-bg);
    color: var(--btn-primary-hover-text);
    transform: translateY(-1px);
    box-shadow: var(--shadow-medium)
}

.btn-secondary {
    background: var(--btn-secondary-bg);
    color: var(--btn-secondary-text);
    border-color: var(--btn-secondary-border)
}

.btn-secondary:hover {
    background: var(--btn-secondary-hover-bg);
    color: var(--btn-secondary-hover-text);
    border-color: var(--btn-secondary-hover-border)
}

.btn-ghost {
    background: var(--btn-ghost-bg);
    color: var(--btn-ghost-text);
    border-color: transparent
}

.btn-ghost:hover {
    background: var(--btn-ghost-hover-bg);
    color: var(--btn-ghost-hover-text)
}

.btn-cta {
    background: var(--btn-cta-bg);
    color: var(--btn-cta-text);
    border-color: transparent;
    font-weight: var(--font-weight-bold)
}

.btn-cta:hover {
    background: var(--btn-cta-hover-bg);
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow)
}

.btn-sm {
    padding: var(--space-2) var(--space-4);
    font-size: var(--font-size-sm)
}

.btn-lg {
    padding: var(--space-4) var(--space-8);
    font-size: var(--font-size-lg)
}

.btn-block {
    display: flex;
    width: 100%
}

.btn-icon {
    padding: var(--space-3);
    border-radius: var(--radius-full)
}

.card {
    background-color: var(--bg-card);
    border: 1px solid var(--card-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
    box-shadow: var(--card-shadow)
}

.card:hover {
    box-shadow: var(--card-hover-shadow);
    border-color: var(--border-accent);
    transform: translateY(-2px)
}

.card-body {
    padding: var(--space-4)
}

.card-header {
    padding: var(--space-4);
    border-bottom: 1px solid var(--border-subtle);
    background-color: var(--bg-card-alt);
    font-weight: var(--font-weight-semibold);
    color: var(--heading-accent)
}

.card-footer {
    padding: var(--space-4);
    border-top: 1px solid var(--border-subtle);
    background-color: var(--bg-card-alt)
}

.profile-card {
    position: relative;
    background-color: var(--bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
    box-shadow: var(--card-shadow)
}

.profile-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--card-hover-shadow)
}

.profile-card__image {
    position: relative;
    aspect-ratio: 2/3;
    overflow: hidden
}

.profile-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow)
}

.profile-card:hover .profile-card__image img {
    transform: scale(1.05)
}

.profile-card__overlay {
    position: absolute;
    inset: 0;
    background: var(--card-profile-overlay);
    opacity: 0;
    transition: opacity var(--transition-base)
}

.profile-card:hover .profile-card__overlay {
    opacity: 1
}

.profile-card__badge {
    position: absolute;
    top: var(--space-3);
    right: var(--space-3);
    z-index: 2
}

.profile-card__status {
    position: absolute;
    top: var(--space-3);
    left: var(--space-3);
    display: flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-2);
    background-color: rgba(0, 0, 0, .7);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    color: var(--text-primary)
}

.profile-card__info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--space-4);
    background: linear-gradient(transparent, rgba(0, 0, 0, .9));
    z-index: 1
}

.profile-card__name {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: #fff;
    margin-bottom: var(--space-1);
    text-transform: capitalize
}

.profile-card__meta {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, .7)
}

.profile-card__cta {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity var(--transition-base);
    z-index: 3
}

.profile-card:hover .profile-card__cta {
    opacity: 1
}

.category-card {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    aspect-ratio: 1/1;
    box-shadow: var(--card-shadow)
}

.category-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow)
}

.category-card:hover .category-card__image {
    transform: scale(1.1)
}

.category-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, .85) 100%)
}

.category-card__title {
    position: absolute;
    bottom: var(--space-4);
    left: var(--space-4);
    right: var(--space-4);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em
}

.location-card {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    aspect-ratio: 4/3;
    box-shadow: var(--card-shadow)
}

.location-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow)
}

.location-card:hover .location-card__image {
    transform: scale(1.1)
}

.location-card__content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--space-4);
    background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .9) 100%)
}

.location-card__title {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: #fff;
    margin-bottom: var(--space-1)
}

.location-card__count {
    font-size: var(--font-size-sm);
    color: var(--heading-accent)
}

.video-card {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    aspect-ratio: 9/16;
    background-color: var(--bg-card);
    box-shadow: var(--card-shadow)
}

.video-card video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.video-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, .6);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
    cursor: pointer
}

.video-card__play:hover {
    background: var(--brand-primary);
    transform: translate(-50%, -50%) scale(1.1)
}

.video-card__info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--space-4);
    background: linear-gradient(transparent, rgba(0, 0, 0, .9))
}

.video-card__title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--heading-accent);
    margin-bottom: var(--space-1)
}

.video-card__desc {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, .7);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.profile-card {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(145deg, #1a1a2e 0, #16213e 100%);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);
    transition: all .5s cubic-bezier(.23, 1, .32, 1)
}

.profile-card:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 107, 138, .3), 0 0 80px rgba(255, 107, 138, .15)
}

.profile-card__link {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative
}

.profile-card__figure {
    position: relative;
    margin: 0;
    aspect-ratio: 3/4.3;
    overflow: hidden
}

.profile-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.23, 1, .32, 1), filter .5s ease
}

.profile-card:hover .profile-card__img {
    transform: scale(1.1)
}

.profile-card__gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(15, 15, 35, .98) 0, rgba(15, 15, 35, .8) 20%, rgba(15, 15, 35, .4) 40%, rgba(200, 35, 51, .05) 70%, transparent 100%);
    pointer-events: none;
    transition: opacity .4s ease
}

.profile-card:hover .profile-card__gradient {
    background: linear-gradient(0deg, rgba(15, 15, 35, .95) 0, rgba(15, 15, 35, .7) 25%, rgba(200, 35, 51, .15) 50%, rgba(200, 35, 51, .05) 75%, transparent 100%)
}

.profile-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .1), transparent);
    transform: skewX(-25deg);
    transition: left .7s ease;
    z-index: 5;
    pointer-events: none
}

.profile-card:hover::before {
    left: 150%
}

.profile-card__tag {
    position: absolute;
    top: 12px;
    left: 0;
    padding: 6px 14px 6px 10px;
    border-radius: 0 20px 20px 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    z-index: 3;
    transition: transform .3s ease, box-shadow .3s ease
}

.profile-card:hover .profile-card__tag {
    transform: translateY(-2px)
}

.profile-card__tag--gold {
    background: linear-gradient(135deg, #d4a00a 0, #f5c842 50%, #d4a00a 100%);
    color: #1a1200;
    border: 1px solid rgba(212, 160, 10, .4);
    box-shadow: 0 2px 8px rgba(212, 160, 10, .3)
}

.profile-card:hover .profile-card__tag--gold {
    box-shadow: 0 4px 15px rgba(212, 160, 10, .4)
}

.profile-card__tag--pink {
    background: linear-gradient(135deg, #e63956 0, #ff6b8a 50%, #e63956 100%);
    color: #fff;
    border: 1px solid rgba(230, 57, 86, .4);
    box-shadow: 0 2px 8px rgba(230, 57, 86, .3)
}

.profile-card:hover .profile-card__tag--pink {
    box-shadow: 0 4px 15px rgba(230, 57, 86, .4)
}

.profile-card__tag--blue {
    background: linear-gradient(135deg, #00a8b5 0, #00d4e0 50%, #00a8b5 100%);
    color: #fff;
    border: 1px solid rgba(0, 168, 181, .4);
    box-shadow: 0 2px 8px rgba(0, 168, 181, .3)
}

.profile-card:hover .profile-card__tag--blue {
    box-shadow: 0 4px 15px rgba(0, 168, 181, .4)
}

.profile-card__views {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    background: rgba(15, 15, 35, .7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, .08);
    transition: all .3s ease
}

.profile-card:hover .profile-card__views {
    background: rgba(255, 107, 138, .2);
    border-color: rgba(255, 107, 138, .3)
}

.profile-card__views svg {
    opacity: .9;
    color: #ff6b8a
}

.profile-card__figure::after {
    content: '♥';
    position: absolute;
    bottom: 80px;
    right: 20px;
    font-size: 24px;
    color: #ff6b8a;
    opacity: 0;
    transform: translateY(20px) scale(.5);
    transition: all .4s cubic-bezier(.34, 1.56, .64, 1);
    z-index: 3;
    text-shadow: 0 0 20px rgba(255, 107, 138, .8);
    pointer-events: none
}

.profile-card:hover .profile-card__figure::after {
    opacity: 1;
    transform: translateY(0) scale(1);
    animation: float-heart 2s ease-in-out infinite
}

@keyframes float-heart {
    0%,
    100% {
        transform: translateY(0) scale(1)
    }
    50% {
        transform: translateY(-8px) scale(1.1)
    }
}

.profile-card__info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    z-index: 2;
    background: linear-gradient(0deg, rgba(15, 15, 35, .95) 0, rgba(15, 15, 35, .7) 60%, transparent 100%)
}

.profile-card__header {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.profile-card__name {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    text-shadow: 0 2px 15px rgba(0, 0, 0, .5);
    letter-spacing: -.01em
}

.profile-card__verified {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: linear-gradient(135deg, #22c55e 0, #16a34a 100%);
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 2px 10px rgba(34, 197, 94, .4), inset 0 1px 0 rgba(255, 255, 255, .2);
    animation: pulse-verified 2s ease-in-out infinite
}

@keyframes pulse-verified {
    0%,
    100% {
        box-shadow: 0 2px 10px rgba(34, 197, 94, .4)
    }
    50% {
        box-shadow: 0 2px 20px rgba(34, 197, 94, .6)
    }
}

.profile-card__verified svg {
    width: 14px;
    height: 14px;
    color: #fff
}

.profile-card__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: rgba(255, 255, 255, .9);
    margin: 0
}

.profile-card__age {
    font-weight: 700;
    color: #ff6b8a
}

.profile-card__dot {
    width: 6px;
    height: 6px;
    background: linear-gradient(135deg, #ff6b8a, #ff3d67);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(255, 107, 138, .5)
}

.profile-card__location {
    opacity: .85;
    font-weight: 500
}

.profile-card__avail {
    position: absolute;
    bottom: 85px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: linear-gradient(135deg, rgba(34, 197, 94, .95), rgba(16, 185, 129, .95));
    backdrop-filter: blur(10px);
    border-radius: 25px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .08em;
    z-index: 3;
    box-shadow: 0 4px 15px rgba(34, 197, 94, .4), inset 0 1px 0 rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .1)
}

.profile-card__avail::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    animation: pulse-avail 1.5s ease-in-out infinite;
    box-shadow: 0 0 8px rgba(255, 255, 255, .5)
}

@keyframes pulse-avail {
    0%,
    100% {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: .5;
        transform: scale(.7)
    }
}

.profile-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 2px;
    background: linear-gradient(135deg, transparent 0, transparent 40%, rgba(255, 107, 138, 0) 40%, rgba(255, 107, 138, 0) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    z-index: 4
}

.profile-card:hover::after {
    opacity: 1;
    background: linear-gradient(135deg, rgba(255, 107, 138, .8) 0, rgba(255, 61, 103, .6) 25%, rgba(255, 193, 7, .4) 50%, rgba(255, 107, 138, .8) 100%);
    animation: border-glow 3s linear infinite
}

@keyframes border-glow {
    0% {
        filter: hue-rotate(0deg)
    }
    100% {
        filter: hue-rotate(30deg)
    }
}

[data-mode=light] .profile-card {
    background: linear-gradient(145deg, #fff 0, #f8f9fa 100%);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05)
}

[data-mode=light] .profile-card:hover {
    box-shadow: 0 25px 60px rgba(0, 0, 0, .15), 0 0 0 1px rgba(200, 35, 51, .2), 0 0 60px rgba(200, 35, 51, .1)
}

[data-mode=light] .profile-card__gradient {
    background: linear-gradient(0deg, rgba(30, 30, 60, .95) 0, rgba(30, 30, 60, .75) 20%, rgba(30, 30, 60, .3) 45%, transparent 70%)
}

[data-mode=light] .profile-card:hover .profile-card__gradient {
    background: linear-gradient(0deg, rgba(30, 30, 60, .92) 0, rgba(30, 30, 60, .65) 25%, rgba(200, 35, 51, .1) 55%, transparent 80%)
}

[data-mode=light] .profile-card__views {
    background: rgba(255, 255, 255, .9);
    color: #1a1a2e;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
}

[data-mode=light] .profile-card__views svg {
    color: #c82333
}

[data-mode=light] .profile-card:hover .profile-card__views {
    background: rgba(255, 255, 255, .95);
    border-color: rgba(200, 35, 51, .2)
}

[data-mode=light] .profile-card__name {
    color: #fff;
    text-shadow: 0 2px 15px rgba(0, 0, 0, .7)
}

[data-mode=light] .profile-card__meta {
    color: rgba(255, 255, 255, .95)
}

[data-mode=light] .profile-card__age {
    color: #ff6b8a
}

[data-mode=light] .profile-card__location {
    color: rgba(255, 255, 255, .9)
}

[data-mode=light] .profile-card__info {
    background: linear-gradient(0deg, rgba(30, 30, 60, .92) 0, rgba(30, 30, 60, .6) 60%, transparent 100%)
}

[data-mode=light] .profile-card::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent)
}

[data-mode=light] .profile-card:hover::after {
    background: linear-gradient(135deg, rgba(200, 35, 51, .7) 0, rgba(255, 107, 138, .5) 25%, rgba(255, 170, 0, .4) 50%, rgba(200, 35, 51, .7) 100%)
}

@media (max-width:1200px) {
    .profile-card {
        border-radius: 22px
    }
    .profile-card::after {
        border-radius: 22px
    }
    .profile-card__name {
        font-size: 20px
    }
    .profile-card__meta {
        font-size: 13px
    }
}

@media (max-width:1080px) {
    .profile-card {
        border-radius: 20px
    }
    .profile-card::after {
        border-radius: 20px
    }
    .profile-card:hover {
        transform: translateY(-8px) scale(1.01)
    }
    .profile-card__tag {
        top: 12px;
        left: 0;
        padding: 6px 14px 6px 10px;
        font-size: 10px;
        border-radius: 0 20px 20px 0
    }
    .profile-card__tag--blue::before,
    .profile-card__tag--gold::before,
    .profile-card__tag--pink::before {
        display: none
    }
    .profile-card__views {
        top: 14px;
        right: 14px;
        padding: 8px 12px;
        font-size: 11px
    }
    .profile-card__info {
        padding: 20px
    }
    .profile-card__name {
        font-size: 18px;
        gap: 8px
    }
    .profile-card__verified {
        width: 22px;
        height: 22px
    }
    .profile-card__verified svg {
        width: 13px;
        height: 13px
    }
    .profile-card__figure::after {
        font-size: 20px;
        bottom: 70px;
        right: 16px
    }
}

@media (max-width:768px) {
    .profile-card {
        border-radius: 18px
    }
    .profile-card::after {
        border-radius: 18px
    }
    .profile-card:hover {
        transform: translateY(-6px)
    }
    .profile-card__tag {
        top: 10px;
        left: 0;
        padding: 5px 12px 5px 8px;
        font-size: 9px;
        border-radius: 0 18px 18px 0;
        border-width: 1px
    }
    .profile-card__views {
        top: 12px;
        right: 12px;
        padding: 7px 10px;
        font-size: 10px;
        border-radius: 20px;
        gap: 5px
    }
    .profile-card__views svg {
        width: 11px;
        height: 11px
    }
    .profile-card__info {
        padding: 18px
    }
    .profile-card__name {
        font-size: 16px;
        gap: 6px
    }
    .profile-card__verified {
        width: 20px;
        height: 20px
    }
    .profile-card__verified svg {
        width: 12px;
        height: 12px
    }
    .profile-card__meta {
        font-size: 12px;
        gap: 10px
    }
    .profile-card__dot {
        width: 5px;
        height: 5px
    }
    .profile-card__figure::after {
        font-size: 18px;
        bottom: 65px;
        right: 14px
    }
    .profile-card__avail {
        bottom: 75px;
        left: 12px;
        padding: 6px 12px;
        font-size: 10px
    }
}

@media (max-width:480px) {
    .profile-card {
        border-radius: 16px
    }
    .profile-card::after {
        border-radius: 16px
    }
    .profile-card:hover {
        transform: translateY(-4px)
    }
    .profile-card::before {
        display: none
    }
    .profile-card__tag {
        top: 8px;
        left: 0;
        padding: 4px 10px 4px 7px;
        font-size: 8px;
        border-radius: 0 16px 16px 0;
        border-width: 1px;
        letter-spacing: .08em
    }
    .profile-card__tag--blue,
    .profile-card__tag--gold,
    .profile-card__tag--pink {
        animation: none
    }
    .profile-card__views {
        top: 10px;
        right: 10px;
        padding: 6px 9px;
        font-size: 9px
    }
    .profile-card__views svg {
        width: 10px;
        height: 10px
    }
    .profile-card__info {
        padding: 14px
    }
    .profile-card__name {
        font-size: 15px;
        gap: 5px
    }
    .profile-card__verified {
        width: 18px;
        height: 18px
    }
    .profile-card__verified svg {
        width: 11px;
        height: 11px
    }
    .profile-card__meta {
        font-size: 11px;
        gap: 8px
    }
    .profile-card__dot {
        width: 4px;
        height: 4px
    }
    .profile-card__figure::after {
        font-size: 16px;
        bottom: 55px;
        right: 12px
    }
    .profile-card__avail {
        bottom: 65px;
        left: 10px;
        padding: 5px 10px;
        font-size: 9px;
        gap: 6px
    }
    .profile-card__avail::before {
        width: 6px;
        height: 6px
    }
}

.hotel-card {
    background-color: var(--bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    transition: all var(--transition-base)
}

.hotel-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--card-hover-shadow)
}

.hotel-card__image {
    aspect-ratio: 16/9;
    overflow: hidden
}

.hotel-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow)
}

.hotel-card:hover .hotel-card__image img {
    transform: scale(1.05)
}

.hotel-card__body {
    padding: var(--space-4)
}

.hotel-card__title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--heading-primary);
    margin-bottom: var(--space-2)
}

.hotel-card__location {
    font-size: var(--font-size-sm);
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: var(--space-1)
}

.badge {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: .05em;
    border-radius: var(--radius-full);
    white-space: nowrap
}

.badge-verified {
    background: var(--badge-verified-bg);
    color: var(--badge-verified-text)
}

.badge-featured {
    background: var(--badge-featured-bg);
    color: var(--badge-featured-text)
}

.badge-hot {
    background: var(--badge-hot-bg);
    color: var(--badge-hot-text)
}

.badge-new {
    background: var(--badge-new-bg);
    color: var(--badge-new-text)
}

.badge-premium {
    background: var(--badge-premium-bg);
    color: var(--badge-premium-text)
}

.badge-top {
    background: var(--gradient-accent);
    color: var(--text-inverse)
}

.form-group {
    margin-bottom: var(--space-4)
}

.form-label {
    display: block;
    margin-bottom: var(--space-2);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary)
}

.form-control {
    display: block;
    width: 100%;
    padding: var(--space-3) var(--space-4);
    font-size: var(--font-size-base);
    font-family: inherit;
    color: var(--input-text);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast)
}

.form-control::placeholder {
    color: var(--input-placeholder)
}

.form-control:focus {
    outline: 0;
    border-color: var(--input-border-focus);
    box-shadow: 0 0 0 3px var(--brand-primary-soft)
}

.form-control:disabled {
    background-color: var(--bg-section-alt);
    cursor: not-allowed;
    opacity: .6
}

textarea.form-control {
    min-height: 120px;
    resize: vertical
}

select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--space-3) center;
    padding-right: var(--space-10)
}

.input-group {
    display: flex
}

.input-group .form-control {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html:has(.tgm-header) .header,
html:has(.tgm-header) .header .radial,
html:has(.tgm-header) .mainlinks.redborder:not(.tgm-nav),
html:has(.tgm-header) nav.navbar {
    display: none !important
}

body.has-tgm-header .header,
body.has-tgm-header .header .radial,
body.has-tgm-header .mainlinks.redborder:not(.tgm-nav),
body.has-tgm-header nav.navbar {
    display: none !important
}

.hpContent.radial {
    display: block !important
}

.tgm-promo-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: linear-gradient(135deg, var(--brand-primary, #e91e63) 0, var(--brand-secondary, #9c27b0) 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    gap: 16px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .3)
}

.tgm-promo-banner.is-hidden {
    display: none
}

.tgm-promo-banner__content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center
}

.tgm-promo-banner__icon {
    font-size: 18px
}

.tgm-promo-banner__text {
    letter-spacing: .02em
}

.tgm-promo-banner__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #1a1a2e;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    text-decoration: none;
    transition: all .25s ease
}

.tgm-promo-banner__cta:hover {
    background: rgba(255, 255, 255, .9);
    color: #1a1a2e
}

.tgm-promo-banner__cta::after {
    content: none
}

.tgm-promo-banner__close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .1);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    transition: all .2s ease
}

.tgm-promo-banner__close:hover {
    background: rgba(255, 255, 255, .25);
    transform: translateY(-50%)
}

body {
    padding-top: 64px
}

@media (max-width:1080px) {
    body {
        padding-top: 58px
    }
}

@media (max-width:480px) {
    body {
        padding-top: 54px
    }
}

@media (max-width:360px) {
    body {
        padding-top: 50px
    }
}

@media (max-width:768px) {
    .tgm-promo-banner {
        padding: 6px 36px 6px 12px;
        font-size: 11px;
        height: 36px
    }
    .tgm-promo-banner__content {
        flex-wrap: nowrap;
        gap: 8px
    }
    .tgm-promo-banner__icon {
        font-size: 14px;
        flex-shrink: 0
    }
    .tgm-promo-banner__text {
        display: none
    }
    .tgm-promo-banner__link {
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 180px
    }
    .tgm-promo-banner__arrow {
        display: none
    }
    .tgm-promo-banner__cta {
        padding: 4px 10px;
        font-size: 9px;
        flex-shrink: 0;
        white-space: nowrap
    }
    .tgm-promo-banner__close {
        right: 8px;
        width: 24px;
        height: 24px
    }
}

@media (max-width:480px) {
    .tgm-promo-banner {
        padding: 6px 32px 6px 10px;
        min-height: 32px
    }
    .tgm-promo-banner__content {
        gap: 6px
    }
    .tgm-promo-banner__link {
        font-size: 10px;
        max-width: 140px
    }
    .tgm-promo-banner__cta {
        padding: 3px 8px;
        font-size: 8px
    }
    .tgm-promo-banner__cta::after {
        display: none
    }
}

.tgm-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: linear-gradient(180deg, #08080c 0, #0c0c12 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

[data-mode=light] .tgm-header {
    background: linear-gradient(180deg, #fff 0, #fafafa 100%);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 1px 12px rgba(0, 0, 0, .06)
}

[data-mode=light] .tgm-header::before {
    background: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .04) 20%, rgba(0, 0, 0, .04) 80%, transparent 100%)
}

[data-mode=light] .tgm-header::after {
    background: linear-gradient(90deg, transparent 0, #c82333 30%, #83010d 70%, transparent 100%);
    opacity: .35
}

[data-mode=light] .tgm-logo__text {
    color: #1a1a20
}

[data-mode=light] .tgm-logo__accent {
    background: linear-gradient(135deg, #c82333 0, #83010d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

[data-mode=light] .tgm-logo img {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .06)
}

[data-mode=light] .tgm-logo:hover img {
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15), 0 0 16px rgba(200, 35, 51, .15)
}

[data-mode=light] .tgm-nav__link {
    color: #3a3a42
}

[data-mode=light] .tgm-nav__link:hover {
    color: #c82333;
    background: rgba(200, 35, 51, .06)
}

[data-mode=light] .tgm-nav__link:hover::after {
    background: #c82333
}

[data-mode=light] .tgm-nav__link.active {
    color: #c82333;
    background: rgba(200, 35, 51, .07)
}

[data-mode=light] .tgm-nav__link.active::after {
    background: #c82333
}

[data-mode=light] .tgm-nav__dropdown {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04)
}

[data-mode=light] .tgm-nav__dropdown a {
    color: #3a3a42
}

[data-mode=light] .tgm-nav__dropdown a:hover {
    background: rgba(200, 35, 51, .06);
    color: #c82333
}

[data-mode=light] .tgm-header__icon-btn {
    color: #4a4a52
}

[data-mode=light] .tgm-header__icon-btn:hover {
    background: rgba(0, 0, 0, .06);
    color: #1a1a20
}

[data-mode=light] .tgm-header__cta {
    color: #c82333;
    font-weight: 600
}

[data-mode=light] .tgm-header__cta:hover {
    background: rgba(200, 35, 51, .06);
    color: #83010d
}

.tgm-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 20%, rgba(255, 255, 255, .1) 80%, transparent 100%)
}

.tgm-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0, var(--brand-primary, #f4a9c0) 30%, var(--heading-accent, #d4af37) 70%, transparent 100%);
    opacity: .5
}

.tgm-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
    height: 72px;
    max-width: 1440px;
    margin: 0 auto;
    gap: 24px
}

.tgm-logo {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    position: relative;
    z-index: 10;
    flex-shrink: 0
}

.tgm-logo img {
    height: 44px;
    width: 44px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .08);
    transition: all .3s ease
}

.tgm-logo:hover img {
    transform: scale(1.05);
    box-shadow: 0 6px 25px rgba(0, 0, 0, .5), 0 0 20px var(--brand-primary-soft, rgba(244, 169, 192, .2))
}

.tgm-logo__text {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    letter-spacing: .02em
}

.tgm-logo__accent {
    background: var(--heading-gradient, linear-gradient(135deg, #f4a9c0 0, #d4af37 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.tgm-menu-toggle {
    display: none
}

.tgm-nav__brand {
    display: none
}

.tgm-nav__close {
    display: none
}

.tgm-nav__cta {
    display: none
}

.tgm-nav__link-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.tgm-nav {
    background: 0 0;
    border: none;
    position: static;
    flex: 1;
    display: flex;
    justify-content: center;
    max-width: 700px
}

.tgm-nav::before {
    display: none
}

.tgm-nav__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.tgm-nav__list {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0
}

.tgm-nav__link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    color: rgba(255, 255, 255, .75);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    transition: all .2s ease;
    position: relative;
    border-radius: 8px;
    white-space: nowrap;
    border: none;
    background: 0 0;
    cursor: pointer
}

.tgm-nav__link svg {
    transition: transform .2s ease
}

.tgm-nav__link::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 20px;
    height: 2px;
    background: var(--heading-accent, #d4af37);
    border-radius: 2px;
    transition: transform .2s ease
}

.tgm-nav__link:hover {
    color: #fff;
    background: rgba(255, 255, 255, .06)
}

.tgm-nav__link:hover::after {
    transform: translateX(-50%) scaleX(1)
}

.tgm-nav__link.active {
    color: var(--heading-accent, #d4af37);
    background: rgba(212, 175, 55, .08)
}

.tgm-nav__link.active::after {
    transform: translateX(-50%) scaleX(1);
    background: var(--heading-accent, #d4af37)
}

.tgm-nav__more {
    position: relative
}

.tgm-nav__dropdown-toggle[aria-expanded=true] svg {
    transform: rotate(180deg)
}

.tgm-nav__dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 180px;
    background: linear-gradient(180deg, rgba(20, 20, 28, .98) 0, rgba(15, 15, 22, .99) 100%);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all .25s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);
    list-style: none;
    margin: 0;
    z-index: 100
}

.tgm-nav__dropdown-toggle[aria-expanded=true]+.tgm-nav__dropdown,
.tgm-nav__more:hover .tgm-nav__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.tgm-nav__dropdown li {
    margin: 0
}

.tgm-nav__dropdown a {
    display: block;
    padding: 12px 16px;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-radius: 8px;
    transition: all .2s ease;
    text-decoration: none
}

.tgm-nav__dropdown a:hover {
    background: rgba(255, 255, 255, .08);
    color: var(--heading-accent, #d4af37)
}

.tgm-header__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0
}

.tgm-header__icon-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: 0 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    color: rgba(255, 255, 255, .7);
    transition: all .2s ease
}

.tgm-header__icon-btn:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff
}

.tgm-header__icon-btn .icon-sun {
    display: none
}

.tgm-header__icon-btn .icon-moon {
    display: block
}

[data-mode=dark] .tgm-header__icon-btn .icon-sun {
    display: block
}

[data-mode=dark] .tgm-header__icon-btn .icon-moon {
    display: none
}

.tgm-header__cta {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    transition: all .2s ease
}

.tgm-header__cta:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff
}

.tgm-header__cta span {
    display: inline
}

.tgm-promo-banner__link {
    color: #fff;
    text-decoration: underline;
    font-weight: 500;
    transition: opacity .2s ease
}

.tgm-promo-banner__link:hover {
    opacity: .9
}

.tgm-promo-banner__arrow {
    color: #fff;
    margin: 0 8px;
    font-size: 14px
}

.tgm-nav__has-dropdown {
    position: relative
}

.tgm-nav__has-dropdown .tgm-nav__dropdown {
    left: 0;
    right: auto
}

.tgm-nav__has-dropdown:hover .tgm-nav__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.hide-mobile {
    display: flex
}

@media (max-width:1200px) {
    .tgm-header__inner {
        padding: 0 24px
    }
    .tgm-nav {
        max-width: 580px
    }
    .tgm-nav__link {
        padding: 10px 10px;
        font-size: 11px
    }
    .tgm-header__cta .btn {
        padding: 9px 14px;
        font-size: 10px
    }
    .tgm-logo__text {
        font-size: 16px
    }
}

@media (max-width:1080px) {
    .tgm-promo-banner {
        height: 36px
    }
    .tgm-header {
        top: 0
    }
    .tgm-header__inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        height: 58px;
        padding: 0 12px;
        margin: 0;
        box-sizing: border-box
    }
    .tgm-logo {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0
    }
    .tgm-logo img,
    .tgm-logo__icon svg {
        height: 30px;
        width: 30px
    }
    .tgm-logo__text {
        font-size: 15px;
        font-weight: 700
    }
    .tgm-header__actions {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-shrink: 0
    }
    .tgm-header__icon-btn {
        width: 38px;
        height: 38px;
        min-width: 38px;
        padding: 0;
        border-radius: 10px;
        flex-shrink: 0
    }
    .tgm-header__icon-btn svg {
        width: 18px;
        height: 18px
    }
    .tgm-header__cta {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        min-width: 40px;
        padding: 0;
        background: linear-gradient(135deg, #ec4899, #f472b6);
        border: none;
        border-radius: 10px;
        gap: 0;
        flex-shrink: 0
    }
    .tgm-header__cta span {
        display: none
    }
    .tgm-header__cta svg {
        width: 18px;
        height: 18px;
        color: #fff;
        stroke: #fff
    }
    .tgm-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 40px;
        height: 40px;
        min-width: 40px;
        padding: 0;
        border: none;
        background: linear-gradient(135deg, #c2185b, #e91e63);
        border-radius: 10px;
        cursor: pointer;
        flex-shrink: 0;
        z-index: 10;
        -webkit-tap-highlight-color: transparent;
        outline: 0;
        transition: transform .2s ease, opacity .2s ease
    }
    .tgm-menu-toggle:active {
        transform: scale(.93)
    }
    .tgm-menu-toggle span {
        display: block;
        width: 18px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        position: absolute;
        left: 50%;
        margin-left: -9px;
        transition: all .3s cubic-bezier(.4, 0, .2, 1)
    }
    .tgm-menu-toggle span:first-child {
        transform: translateY(-6px)
    }
    .tgm-menu-toggle span:nth-child(3) {
        transform: translateY(6px)
    }
    .tgm-menu-toggle.is-active span:first-child {
        transform: rotate(45deg)
    }
    .tgm-menu-toggle.is-active span:nth-child(2) {
        opacity: 0;
        transform: scaleX(0)
    }
    .tgm-menu-toggle.is-active span:nth-child(3) {
        transform: rotate(-45deg)
    }
    .tgm-nav {
        display: flex !important;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: auto;
        width: 300px;
        max-width: 85vw;
        background: linear-gradient(175deg, #0e0e0e 0, #0a0a0a 40%, #080808 100%);
        border-right: 1px solid rgba(233, 30, 99, .08);
        transform: translateX(-102%);
        transition: transform .4s cubic-bezier(.4, 0, .2, 1);
        z-index: 1100;
        overflow: hidden;
        box-shadow: 8px 0 40px rgba(0, 0, 0, .6)
    }
    .tgm-nav::before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, #e91e63 30%, #d4af37 50%, #e91e63 70%, transparent);
        opacity: .6;
        z-index: 1
    }
    .tgm-nav.is-open {
        transform: translateX(0)
    }
    .tgm-nav__brand {
        display: block;
        padding: 20px 22px 0;
        font-size: 16px;
        font-weight: 800;
        color: #fff;
        letter-spacing: .01em
    }
    .tgm-nav__close {
        display: flex;
        position: absolute;
        top: 16px;
        right: 16px;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, .08);
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        color: rgba(255, 255, 255, .6);
        cursor: pointer;
        z-index: 2;
        transition: all .2s ease;
        -webkit-tap-highlight-color: transparent;
        outline: 0
    }
    .tgm-nav__close:active {
        background: rgba(255, 255, 255, .14);
        color: #e91e63;
        border-color: rgba(233, 30, 99, .2)
    }
    .tgm-nav__inner {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding: 12px 0 0
    }
    .tgm-nav__inner::-webkit-scrollbar {
        width: 0
    }
    .tgm-nav__list {
        flex-direction: column;
        gap: 0;
        padding: 0
    }
    .tgm-nav__list>li {
        border-bottom: 1px solid rgba(255, 255, 255, .03)
    }
    .tgm-nav__link {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        padding: 13px 22px;
        color: rgba(255, 255, 255, .88);
        font-size: 14px;
        font-weight: 500;
        text-transform: none;
        letter-spacing: 0;
        border-radius: 0;
        border-left: 3px solid transparent;
        transition: color .2s ease, background .2s ease, border-color .2s ease
    }
    .tgm-nav__link::after {
        display: none
    }
    .tgm-nav__link:active,
    .tgm-nav__link:hover {
        color: #e91e63;
        background: rgba(233, 30, 99, .04);
        border-left-color: #e91e63
    }
    .tgm-nav__link.active {
        color: #e91e63;
        background: rgba(233, 30, 99, .06);
        border-left-color: #e91e63
    }
    .tgm-nav__link-icon {
        display: block;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        opacity: .7;
        transition: opacity .2s ease
    }
    .tgm-nav__link.active .tgm-nav__link-icon,
    .tgm-nav__link:hover .tgm-nav__link-icon {
        opacity: .85
    }
    .tgm-nav__chevron {
        margin-left: auto;
        transition: transform .25s ease
    }
    .tgm-nav__has-dropdown .tgm-nav__dropdown {
        position: static;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        background: rgba(0, 0, 0, .2);
        border: none;
        border-radius: 0;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        min-width: auto;
        padding: 4px 0;
        margin: 0
    }
    .tgm-nav__has-dropdown.is-open .tgm-nav__dropdown {
        display: block
    }
    .tgm-nav__has-dropdown.is-open .tgm-nav__chevron {
        transform: rotate(180deg)
    }
    .tgm-nav__dropdown li {
        border: none
    }
    .tgm-nav__dropdown a {
        padding: 10px 22px 10px 58px;
        display: block;
        color: rgba(255, 255, 255, .7);
        font-size: 13px;
        text-decoration: none;
        transition: color .2s ease, background .2s ease
    }
    .tgm-nav__dropdown a:hover {
        color: #e91e63;
        background: rgba(233, 30, 99, .04)
    }
    .tgm-nav__cta {
        display: flex;
        gap: 10px;
        padding: 16px 18px 24px;
        border-top: 1px solid rgba(255, 255, 255, .04);
        flex-shrink: 0;
        margin-top: auto
    }
    .tgm-nav__cta .btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 0;
        border-radius: 12px;
        font-size: 12.5px;
        font-weight: 600;
        text-decoration: none;
        transition: all .2s ease;
        -webkit-tap-highlight-color: transparent
    }
    .tgm-nav__cta .btn-primary {
        background: linear-gradient(135deg, #c2185b, #e91e63);
        color: #fff;
        border: none;
        box-shadow: 0 4px 16px rgba(233, 30, 99, .35)
    }
    .tgm-nav__cta .btn-primary:active {
        box-shadow: 0 2px 8px rgba(233, 30, 99, .4)
    }
    .tgm-nav__cta .btn-cta {
        background: linear-gradient(135deg, #1b8a4a, #25d366);
        color: #fff;
        border: none;
        box-shadow: 0 4px 16px rgba(37, 211, 102, .3)
    }
    .tgm-nav__cta .btn-cta:active {
        box-shadow: 0 2px 8px rgba(37, 211, 102, .35)
    }
    .tgm-nav__cta .btn-block {
        width: 100%
    }
    .tgm-nav.is-open .tgm-nav__link {
        animation: tgmDrawerSlideIn .3s ease forwards;
        opacity: 0;
        transform: translateX(16px)
    }
    .tgm-nav.is-open li:first-child .tgm-nav__link {
        animation-delay: 60ms
    }
    .tgm-nav.is-open li:nth-child(2) .tgm-nav__link {
        animation-delay: 90ms
    }
    .tgm-nav.is-open li:nth-child(3) .tgm-nav__link {
        animation-delay: .12s
    }
    .tgm-nav.is-open li:nth-child(4) .tgm-nav__link {
        animation-delay: .15s
    }
    .tgm-nav.is-open li:nth-child(5) .tgm-nav__link {
        animation-delay: .18s
    }
    .tgm-nav.is-open .tgm-nav__cta .btn {
        animation: tgmDrawerFadeUp .3s ease forwards;
        opacity: 0;
        transform: translateY(8px)
    }
    .tgm-nav.is-open .tgm-nav__cta .btn:first-child {
        animation-delay: .25s
    }
    .tgm-nav.is-open .tgm-nav__cta .btn:nth-child(2) {
        animation-delay: .3s
    }
}

@keyframes tgmDrawerSlideIn {
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes tgmDrawerFadeUp {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width:1080px) {
    [data-mode=light] .tgm-nav {
        background: linear-gradient(175deg, #fff 0, #f8f8fa 40%, #f5f5f7 100%);
        border-right: 1px solid rgba(0, 0, 0, .06);
        box-shadow: 8px 0 40px rgba(0, 0, 0, .1)
    }
    [data-mode=light] .tgm-nav::before {
        background: linear-gradient(90deg, transparent, #c82333 30%, #e91e63 50%, #c82333 70%, transparent);
        opacity: .7
    }
    [data-mode=light] .tgm-nav__brand {
        color: #1a1a20
    }
    [data-mode=light] .tgm-nav__close {
        background: rgba(0, 0, 0, .04);
        border: 1px solid rgba(0, 0, 0, .08);
        color: #666
    }
    [data-mode=light] .tgm-nav__close:active {
        background: rgba(200, 35, 51, .08);
        color: #c82333;
        border-color: rgba(200, 35, 51, .15)
    }
    [data-mode=light] .tgm-nav__list>li {
        border-bottom: 1px solid rgba(0, 0, 0, .04)
    }
    [data-mode=light] .tgm-nav__link {
        color: #3a3a42
    }
    [data-mode=light] .tgm-nav__link:active,
    [data-mode=light] .tgm-nav__link:hover {
        color: #c82333;
        background: rgba(200, 35, 51, .04);
        border-left-color: #c82333
    }
    [data-mode=light] .tgm-nav__link.active {
        color: #c82333;
        background: rgba(200, 35, 51, .05);
        border-left-color: #c82333
    }
    [data-mode=light] .tgm-nav__link-icon {
        opacity: .5
    }
    [data-mode=light] .tgm-nav__link.active .tgm-nav__link-icon,
    [data-mode=light] .tgm-nav__link:hover .tgm-nav__link-icon {
        opacity: .8
    }
    [data-mode=light] .tgm-nav__has-dropdown .tgm-nav__dropdown {
        background: rgba(0, 0, 0, .02)
    }
    [data-mode=light] .tgm-nav__dropdown a {
        color: #555
    }
    [data-mode=light] .tgm-nav__dropdown a:hover {
        color: #c82333;
        background: rgba(200, 35, 51, .04)
    }
    [data-mode=light] .tgm-nav__cta {
        border-top: 1px solid rgba(0, 0, 0, .06)
    }
    [data-mode=light] .tgm-header__icon-btn {
        color: #4a4a52
    }
    [data-mode=light] .tgm-header__icon-btn:hover {
        background: rgba(0, 0, 0, .05);
        color: #1a1a20
    }
    [data-mode=light] .tgm-header__cta {
        background: linear-gradient(135deg, #c82333, #e91e63);
        color: #fff
    }
    [data-mode=light] .tgm-header__cta svg {
        color: #fff;
        stroke: #fff
    }
}

.tgm-nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    background: rgba(0, 0, 0, 0);
    pointer-events: none;
    transition: background .4s ease
}

.tgm-nav-overlay.is-active {
    background: rgba(0, 0, 0, .5);
    pointer-events: auto
}

.tgm-bottom-nav {
    display: none
}

@media (max-width:1080px) {
    .tgm-bottom-nav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        height: 62px;
        background: linear-gradient(180deg, #0c0c12 0, #08080c 100%);
        border-top: 1px solid rgba(255, 255, 255, .05);
        align-items: center;
        justify-content: space-around;
        padding: 0 4px;
        transition: transform .3s ease;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, .3)
    }
    .tgm-bottom-nav__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        flex: 1;
        padding: 6px 0;
        color: rgba(255, 255, 255, .45);
        text-decoration: none;
        border: none;
        background: 0 0;
        cursor: pointer;
        transition: color .2s ease;
        -webkit-tap-highlight-color: transparent;
        outline: 0
    }
    .tgm-bottom-nav__item svg {
        width: 22px;
        height: 22px
    }
    .tgm-bottom-nav__label {
        font-size: 10px;
        font-weight: 500;
        letter-spacing: .02em
    }
    .tgm-bottom-nav__item.is-active {
        color: #e91e63
    }
    .tgm-bottom-nav__item--cta {
        color: #fff
    }
    .tgm-bottom-nav__cta-circle {
        width: 44px;
        height: 44px;
        background: linear-gradient(135deg, #c2185b, #e91e63);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -18px;
        box-shadow: 0 4px 15px rgba(233, 30, 99, .35)
    }
    .tgm-bottom-nav__cta-circle svg {
        width: 20px;
        height: 20px
    }
    body {
        padding-bottom: 62px
    }
}

@media (max-width:480px) {
    .tgm-promo-banner {
        height: 32px;
        font-size: 10px
    }
    .tgm-header {
        top: 0
    }
    .tgm-header__inner {
        height: 50px;
        padding: 0 8px
    }
    .tgm-logo {
        gap: 6px
    }
    .tgm-logo img,
    .tgm-logo__icon svg {
        height: 26px;
        width: 26px
    }
    .tgm-logo__text {
        font-size: 13px
    }
    .tgm-header__actions {
        gap: 5px
    }
    .tgm-header__icon-btn {
        width: 34px;
        height: 34px;
        min-width: 34px
    }
    .tgm-header__icon-btn svg {
        width: 16px;
        height: 16px
    }
    .tgm-header__cta {
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 9px
    }
    .tgm-header__cta svg {
        width: 15px;
        height: 15px
    }
    .tgm-menu-toggle {
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 9px
    }
    .tgm-menu-toggle span {
        width: 15px;
        margin-left: -7.5px
    }
    .tgm-menu-toggle span:first-child {
        transform: translateY(-5px)
    }
    .tgm-menu-toggle span:nth-child(3) {
        transform: translateY(5px)
    }
    .tgm-menu-toggle.is-active span:first-child {
        transform: rotate(45deg)
    }
    .tgm-menu-toggle.is-active span:nth-child(3) {
        transform: rotate(-45deg)
    }
    .tgm-bottom-nav {
        height: 56px
    }
    .tgm-bottom-nav__item svg {
        width: 20px;
        height: 20px
    }
    .tgm-bottom-nav__cta-circle {
        width: 40px;
        height: 40px;
        margin-top: -16px
    }
    .tgm-bottom-nav__cta-circle svg {
        width: 18px;
        height: 18px
    }
    body {
        padding-bottom: 56px
    }
}

.tgm-footer {
    background-color: var(--footer-bg);
    color: rgba(255, 255, 255, .75);
    padding: var(--space-12) 0 var(--space-6);
    border-top: 1px solid var(--footer-border)
}

.tgm-footer__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-8);
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: 0 var(--space-4)
}

@media (max-width:768px) {
    .tgm-footer__grid {
        grid-template-columns: 1fr;
        gap: var(--space-6)
    }
}

.tgm-footer__title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--heading-accent);
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: var(--space-4)
}

.tgm-footer__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.tgm-footer__list li {
    margin-bottom: var(--space-2)
}

.tgm-footer__list a {
    color: rgba(255, 255, 255, .75);
    font-size: var(--font-size-sm);
    transition: color var(--transition-fast)
}

.tgm-footer__list a:hover {
    color: #ff6b8a
}

.tgm-footer__text {
    color: rgba(255, 255, 255, .75);
    line-height: 1.7
}

.tgm-footer__text a {
    color: var(--heading-accent)
}

.tgm-footer__text a:hover {
    color: #ff6b8a
}

.tgm-footer__bottom {
    text-align: center;
    padding-top: var(--space-6);
    margin-top: var(--space-6);
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, .5)
}

.tgm-footer__bottom p {
    color: rgba(255, 255, 255, .5)
}

.tgm-footer__icons {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap
}

.tgm-footer__icon-btn {
    background: rgba(255, 255, 255, .1);
    padding: 10px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: background var(--transition-fast), transform var(--transition-fast), color var(--transition-fast)
}

.tgm-footer__icon-btn:hover {
    transform: translateY(-2px);
    color: #fff !important
}

.tgm-footer__icon-btn--call {
    background: rgba(200, 35, 51, .2)
}

.tgm-footer__icon-btn--call:hover {
    background: rgba(200, 35, 51, .35)
}

.tgm-footer__icon-btn--sms {
    background: rgba(33, 150, 243, .2)
}

.tgm-footer__icon-btn--sms:hover {
    background: rgba(33, 150, 243, .35)
}

.tgm-footer__icon-btn--wa {
    background: rgba(37, 211, 102, .2)
}

.tgm-footer__icon-btn--wa:hover {
    background: rgba(37, 211, 102, .35)
}

.tgm-footer__icon-btn svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.tgm-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 16px 0;
    font-size: .85rem;
    margin-bottom: 20px
}

.tgm-breadcrumb a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: color .2s ease
}

.tgm-breadcrumb a:hover {
    color: var(--accent-gold)
}

.tgm-breadcrumb svg {
    width: 16px;
    height: 16px;
    opacity: .4;
    flex-shrink: 0
}

.tgm-breadcrumb__current {
    background: var(--heading-gradient, linear-gradient(135deg, #e8ce88, #ffc107));
    color: var(--text-inverse, #1a1a1a);
    padding: 5px 14px;
    border-radius: var(--radius-full, 20px);
    font-weight: var(--font-weight-semibold, 600);
    font-size: var(--font-size-xs, .75rem);
    text-transform: uppercase;
    letter-spacing: .5px
}

[data-mode=light] .tgm-breadcrumb__current {
    background: linear-gradient(135deg, #c82333, #a71d2a);
    color: #fff
}

.tgm-hero {
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hero-bg);
    overflow: hidden
}

.tgm-hero--full {
    min-height: 100vh
}

.tgm-hero__background {
    position: absolute;
    inset: 0;
    z-index: 0
}

.tgm-hero__background img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tgm-hero__overlay {
    position: absolute;
    inset: 0;
    background: var(--hero-overlay);
    z-index: 1
}

.tgm-hero__content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    padding: var(--space-8)
}

.tgm-hero__title {
    font-size: var(--font-size-5xl);
    font-weight: var(--font-weight-black);
    color: #fff;
    margin-bottom: var(--space-4);
    text-shadow: 0 2px 20px rgba(0, 0, 0, .5)
}

.tgm-hero__subtitle {
    font-size: var(--font-size-xl);
    color: rgba(255, 255, 255, .9);
    margin-bottom: var(--space-6)
}

.tgm-hero__cta {
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .tgm-hero__title {
        font-size: var(--font-size-3xl)
    }
    .tgm-hero__subtitle {
        font-size: var(--font-size-lg)
    }
}

.tgm-trust-strip {
    background: var(--gradient-brand);
    padding: var(--space-6) 0
}

.tgm-trust-strip__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-8);
    flex-wrap: wrap;
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: 0 var(--space-4)
}

.tgm-trust-strip__item {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: #fff
}

.tgm-trust-strip__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .2);
    border-radius: var(--radius-full)
}

.tgm-trust-strip__text {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium)
}

.tgm-trust-strip__number {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-black);
    display: block
}

.tgm-cta-band {
    background: var(--gradient-accent);
    padding: var(--space-8) 0;
    text-align: center
}

.tgm-cta-band__title {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    color: var(--text-inverse);
    margin-bottom: var(--space-2)
}

.tgm-cta-band__text {
    font-size: var(--font-size-lg);
    color: var(--text-inverse);
    opacity: .9;
    margin-bottom: var(--space-4)
}

.tgm-accordion {
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    overflow: hidden
}

.tgm-accordion__item {
    border-bottom: 1px solid var(--border-default)
}

.tgm-accordion__item:last-child {
    border-bottom: none
}

.tgm-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--space-4) var(--space-5);
    background: var(--bg-card);
    border: none;
    cursor: pointer;
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    text-align: left;
    transition: all var(--transition-fast)
}

.tgm-accordion__header:hover {
    background: var(--bg-card-hover)
}

.tgm-accordion__icon {
    width: 20px;
    height: 20px;
    transition: transform var(--transition-fast)
}

.tgm-accordion__item.is-open .tgm-accordion__icon {
    transform: rotate(180deg)
}

.tgm-accordion__body {
    display: none;
    padding: var(--space-4) var(--space-5);
    background: var(--bg-section-alt);
    color: var(--text-secondary)
}

.tgm-accordion__item.is-open .tgm-accordion__body {
    display: block
}

.tgm-sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.tgm-widget {
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    overflow: hidden
}

.tgm-widget__header {
    padding: var(--space-4);
    background: var(--brand-secondary);
    border-bottom: 1px solid var(--border-subtle)
}

.tgm-widget__title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--heading-accent);
    margin: 0
}

.tgm-widget__body {
    padding: var(--space-4)
}

.tgm-widget__list {
    list-style: decimal;
    padding-left: var(--space-5);
    margin: 0
}

.tgm-widget__list li {
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--border-subtle)
}

.tgm-widget__list li:last-child {
    border-bottom: none
}

.tgm-widget__list a {
    color: var(--text-secondary);
    text-transform: capitalize
}

.tgm-widget__list a:hover {
    color: var(--heading-accent)
}

.tgm-floating-buttons {
    position: fixed;
    bottom: var(--space-6);
    right: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    z-index: var(--z-fixed)
}

.tgm-floating-btn {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-strong);
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer
}

.tgm-floating-btn:hover {
    transform: scale(1.1)
}

.tgm-floating-btn--call {
    background: var(--brand-primary)
}

.tgm-floating-btn--whatsapp {
    background: #25d366
}

.tgm-floating-btn--top {
    background: var(--bg-card);
    color: var(--text-primary);
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition-base)
}

.tgm-floating-btn--top.is-visible {
    opacity: 1;
    visibility: visible
}

.tgm-floating-btn img {
    width: 28px;
    height: 28px
}

.tgm-skeleton {
    background: linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: var(--radius-md)
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0
    }
    100% {
        background-position: -200% 0
    }
}

.tgm-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-default);
    border-top-color: var(--brand-primary);
    border-radius: 50%;
    animation: spin .8s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.tgm-theme-toggle {
    position: relative;
    width: 60px;
    height: 32px;
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: all var(--transition-fast)
}

.tgm-theme-toggle__track {
    position: absolute;
    inset: 2px;
    border-radius: var(--radius-full);
    background: var(--bg-section-alt)
}

.tgm-theme-toggle__thumb {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    background: var(--brand-primary);
    border-radius: var(--radius-full);
    transition: transform var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px
}

[data-mode=dark] .tgm-theme-toggle__thumb {
    transform: translateX(28px)
}

.text-accent {
    color: var(--heading-accent) !important
}

.text-highlight {
    color: var(--heading-highlight) !important
}

.text-muted {
    color: var(--text-muted) !important
}

.text-primary {
    color: var(--text-primary) !important
}

.text-brand {
    color: var(--brand-primary) !important
}

.bg-page {
    background-color: var(--bg-page) !important
}

.bg-section {
    background-color: var(--bg-section) !important
}

.bg-section-alt {
    background-color: var(--bg-section-alt) !important
}

.bg-card {
    background-color: var(--bg-card) !important
}

.bg-brand {
    background-color: var(--brand-secondary) !important
}

.border-accent {
    border-color: var(--border-accent) !important
}

.border-subtle {
    border-color: var(--border-subtle) !important
}

.shadow-soft {
    box-shadow: var(--shadow-soft) !important
}

.shadow-medium {
    box-shadow: var(--shadow-medium) !important
}

.shadow-glow {
    box-shadow: var(--shadow-glow) !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-4 {
    margin-top: var(--space-4) !important
}

.mt-6 {
    margin-top: var(--space-6) !important
}

.mt-8 {
    margin-top: var(--space-8) !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-4 {
    margin-bottom: var(--space-4) !important
}

.mb-6 {
    margin-bottom: var(--space-6) !important
}

.mb-8 {
    margin-bottom: var(--space-8) !important
}

.py-4 {
    padding-top: var(--space-4) !important;
    padding-bottom: var(--space-4) !important
}

.py-6 {
    padding-top: var(--space-6) !important;
    padding-bottom: var(--space-6) !important
}

.py-8 {
    padding-top: var(--space-8) !important;
    padding-bottom: var(--space-8) !important
}

.py-12 {
    padding-top: var(--space-12) !important;
    padding-bottom: var(--space-12) !important
}

@media (max-width:768px) {
    .hide-mobile {
        display: none !important
    }
}

@media (min-width:769px) {
    .hide-desktop {
        display: none !important
    }
}

[data-mode=light] .tgm-section {
    background: #fafafa
}

[data-mode=light] .tgm-section-alt {
    background: #fff
}

[data-mode=light] .page-hero {
    background: linear-gradient(180deg, #fff5f7 0, #fff0f3 100%)
}

[data-mode=light] .page-hero__gradient {
    background: linear-gradient(135deg, rgba(200, 35, 51, .08) 0, rgba(255, 107, 138, .04) 100%)
}

[data-mode=light] .page-hero__title {
    color: #2d1f24
}

[data-mode=light] .page-hero__subtitle {
    color: #5a4248
}

[data-mode=light] .page-hero__icon {
    color: #c82333
}

[data-mode=light] .tgm-breadcrumb a {
    color: #6b4a52
}

[data-mode=light] .tgm-breadcrumb a:hover {
    color: #c82333
}

[data-mode=light] .tgm-breadcrumb svg {
    color: #a88a92;
    stroke: #a88a92
}

[data-mode=light] .tgm-card {
    background: #fff;
    border: 1px solid rgba(200, 35, 51, .08);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06)
}

[data-mode=light] .tgm-card:hover {
    box-shadow: 0 10px 40px rgba(200, 35, 51, .1)
}

[data-mode=light] .tgm-widget {
    background: #fff;
    border: 1px solid rgba(200, 35, 51, .08);
    box-shadow: 0 2px 15px rgba(0, 0, 0, .05)
}

[data-mode=light] .tgm-widget h3 {
    color: #2d1f24
}

[data-mode=light] .tgm-widget a {
    color: #5a4248
}

[data-mode=light] .tgm-widget a:hover {
    color: #c82333
}

[data-mode=light] .tgm-cta-band {
    background: linear-gradient(135deg, #c82333 0, #e63956 100%)
}

[data-mode=light] .tgm-cta-band__title {
    color: #fff
}

[data-mode=light] .tgm-cta-band__text {
    color: rgba(255, 255, 255, .9)
}

[data-mode=light] .tgm-cta-band .btn-secondary {
    background: #fff;
    color: #c82333 !important;
    border-color: #fff
}

[data-mode=light] .tgm-cta-band .btn-secondary:hover {
    background: 0 0;
    color: #fff !important;
    border-color: #fff
}

[data-mode=light] .section-header h2 {
    color: #2d1f24
}

[data-mode=light] .main-heading {
    color: #2d1f24
}

[data-mode=light] .text-accent {
    color: #c82333
}

[data-mode=light] .listing-card {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06)
}

[data-mode=light] .listing-card:hover {
    box-shadow: 0 10px 40px rgba(200, 35, 51, .12)
}

[data-mode=light] input[type=email],
[data-mode=light] input[type=number],
[data-mode=light] input[type=tel],
[data-mode=light] input[type=text],
[data-mode=light] select,
[data-mode=light] textarea {
    background: #fff;
    color: #2d1f24;
    border: 1px solid rgba(200, 35, 51, .15)
}

[data-mode=light] input::placeholder,
[data-mode=light] textarea::placeholder {
    color: rgba(45, 31, 36, .5)
}

[data-mode=light] .btn-primary {
    background: linear-gradient(135deg, #c82333 0, #e63956 100%);
    color: #fff !important
}

[data-mode=light] .btn-secondary {
    background: 0 0;
    color: #c82333 !important;
    border: 2px solid #c82333
}

[data-mode=light] .btn-secondary:hover {
    background: #c82333;
    color: #fff !important
}

[data-mode=light] .btn-cta {
    background: linear-gradient(135deg, #c82333 0, #e63956 100%);
    color: #fff !important
}

[data-mode=light] .btn-ghost {
    color: #5a4248
}

[data-mode=light] .btn-ghost:hover {
    background: rgba(200, 35, 51, .05);
    color: #c82333
}

[data-mode=light] .tgm-footer {
    background: #fff;
    color: #2d1f2d;
    border-top: none
}

[data-mode=light] .tgm-footer__title {
    color: #c2185b
}

[data-mode=light] .tgm-footer__list a {
    color: #4a3f4a
}

[data-mode=light] .tgm-footer__list a:hover {
    color: #c2185b
}

[data-mode=light] .tgm-footer__bottom {
    color: rgba(0, 0, 0, .45);
    border-top-color: rgba(0, 0, 0, .08)
}

[data-mode=light] .tgm-footer__bottom p {
    color: rgba(0, 0, 0, .45)
}

[data-mode=light] .tgm-footer__icon-btn {
    color: #fff !important
}

[data-mode=light] .tgm-footer__icon-btn--call {
    background: rgba(200, 35, 51, .85) !important
}

[data-mode=light] .tgm-footer__icon-btn--call:hover {
    background: #c82333 !important
}

[data-mode=light] .tgm-footer__icon-btn--sms {
    background: rgba(33, 150, 243, .85) !important
}

[data-mode=light] .tgm-footer__icon-btn--sms:hover {
    background: #2196f3 !important
}

[data-mode=light] .tgm-footer__icon-btn--wa {
    background: rgba(37, 211, 102, .85) !important
}

[data-mode=light] .tgm-footer__icon-btn--wa:hover {
    background: #25d366 !important
}

[data-mode=light] .tgm-footer p,
[data-mode=light] .tgm-footer__contact,
[data-mode=light] .tgm-footer__contact p {
    color: #4a3f4a !important
}

[data-mode=light] .tgm-footer a {
    color: #4a3f4a
}

[data-mode=light] .tgm-footer a:hover {
    color: #c2185b
}

[data-mode=light] .tgm-footer a[style*="color: var(--heading-accent)"],
[data-mode=light] .tgm-footer a[style*="color: var(--text-secondary)"] {
    color: #c2185b !important
}

[data-mode=light] .tgm-promo-banner {
    background: linear-gradient(135deg, #c82333 0, #880e4f 100%)
}

[data-mode=light] .tgm-promo-banner__text {
    color: #fff
}

[data-mode=light] .tgm-promo-banner__link {
    color: gold;
    text-decoration: underline
}

[data-mode=light] .tgm-promo-banner__arrow {
    color: gold
}

[data-mode=light] .tgm-promo-banner__cta {
    background: rgba(255, 255, 255, .2);
    color: #fff;
    border-color: rgba(255, 255, 255, .4)
}

[data-mode=light] .tgm-promo-banner__cta:hover {
    background: rgba(255, 255, 255, .3)
}

[data-mode=light] .tgm-promo-banner__close {
    color: #fff
}

[data-mode=light] footer {
    background: #1a1015 !important;
    color: #fff !important
}

[data-mode=light] footer .container {
    background: 0 0 !important
}

[data-mode=light] footer h2 {
    color: #ff6b8a !important
}

[data-mode=light] footer .footer-column {
    color: rgba(255, 255, 255, .9) !important
}

[data-mode=light] footer .footer-column ul li {
    color: rgba(255, 255, 255, .8) !important
}

[data-mode=light] footer .footer-column ul li a {
    color: rgba(255, 255, 255, .8) !important
}

[data-mode=light] footer .footer-column ul li a:hover {
    color: #ff6b8a !important
}

[data-mode=light] footer .rates-right h2,
[data-mode=light] footer .textwidget,
[data-mode=light] footer .textwidget p {
    color: rgba(255, 255, 255, .9) !important
}

[data-mode=light] footer .textwidget a {
    color: #ff6b8a !important
}

[data-mode=light] footer .footer-phone a {
    color: #ff6b8a !important
}

[data-mode=light] footer .text-center,
[data-mode=light] footer p.text-center {
    color: rgba(255, 255, 255, .7) !important
}

[data-mode=light] .hpContent {
    background: #fff !important
}

[data-mode=light] .hpContent.radial {
    background: linear-gradient(180deg, #fff5f7 0, #fff 100%) !important
}

[data-mode=light] .bd-cum,
[data-mode=light] .bd-cum a {
    color: #5a4248 !important
}

[data-mode=light] .bd-cum a:hover {
    color: #c82333 !important
}

[data-mode=light] .profileContainer {
    color: #2d1f24 !important
}

[data-mode=light] .profileContainer h1,
[data-mode=light] .profileContainer h2,
[data-mode=light] .profileContainer h3 {
    color: #c82333 !important
}

[data-mode=light] .profileContainer .ratesa,
[data-mode=light] .profileContainer .ratesq,
[data-mode=light] .profileContainer .statsa,
[data-mode=light] .profileContainer .statsq {
    color: #2d1f24 !important
}

[data-mode=light] .profileContainer p {
    color: #5a4248 !important
}

[data-mode=light] .profileContainer .table {
    background: #fff !important
}

[data-mode=light] .profileContainer .table td,
[data-mode=light] .profileContainer .table th {
    color: #2d1f24 !important;
    border-color: rgba(200, 35, 51, .15) !important
}

[data-mode=light] .profileContainer .table th {
    background: rgba(200, 35, 51, .08) !important;
    color: #c82333 !important
}

[data-mode=light] .scrollToStats h1 {
    color: #c82333 !important
}

[data-mode=light] .scrollToStats .button {
    border-color: #c82333 !important
}

[data-mode=light] .scrollToStats .button a {
    color: #c82333 !important
}

[data-mode=light] .btn-outline-warning {
    color: #c82333 !important;
    border-color: #c82333 !important;
    background: 0 0 !important
}

[data-mode=light] .btn-outline-warning:hover {
    background: #c82333 !important;
    color: #fff !important
}

[data-mode=light] .btn-outline-warning img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(3246%) hue-rotate(343deg) brightness(85%) contrast(95%)
}

[data-mode=light] .btn-outline-warning:hover img {
    filter: brightness(0) invert(1)
}

[data-mode=light] .goldBorder {
    border-color: #c82333 !important
}

[data-mode=light] .redContent {
    color: #c82333 !important
}

[data-mode=light] .loc_head,
[data-mode=light] .only-loc-det h1 {
    color: #c82333 !important
}

[data-mode=light] .content .itemContainer .item {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .content .itemContainer .item:hover {
    box-shadow: 0 10px 40px rgba(200, 35, 51, .15) !important
}

[data-mode=light] .content .itemContainer .item div.itemLink .itemInfoRight h3 {
    color: #c82333 !important
}

[data-mode=light] .content .itemContainer .item div.itemLink .itemInfoRight p,
[data-mode=light] .content .itemContainer .item div.itemLink .itemInfoRight span {
    color: #5a4248 !important
}

[data-mode=light] .mainlinks {
    background: #1a1015 !important
}

[data-mode=light] .mainlinks a {
    color: rgba(255, 255, 255, .9) !important
}

[data-mode=light] .mainlinks a:hover {
    color: #ff6b8a !important
}

[data-mode=light] .header,
[data-mode=light] .new_top {
    background: linear-gradient(135deg, #c82333 0, #880e4f 100%) !important
}

[data-mode=light] .card-body ol li {
    color: #5a4248 !important
}

[data-mode=light] .w-details {
    background: linear-gradient(135deg, #c82333 0, #a91d2e 100%) !important
}

[data-mode=light] .w-details * {
    color: #fff !important
}

[data-mode=light] .cat-img-new {
    background: #f8f9fa !important
}

[data-mode=light] .text-gold {
    color: #c82333 !important
}

[data-mode=light] .container h1,
[data-mode=light] .container h2:not(.section-title) {
    color: #2d1f24
}

[data-mode=light] .container p {
    color: #5a4248
}

[data-mode=light] .row>[class*=col-] .card {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .whatsapp-link li a {
    background: #25d366 !important;
    color: #fff !important
}

[data-mode=light] #review_box,
[data-mode=light] #review_box2 {
    background: #fff !important;
    color: #2d1f24 !important
}

[data-mode=light] #review_box div,
[data-mode=light] #review_box2 div {
    color: #2d1f24 !important
}

[data-mode=light] .faq-section {
    background: #fff !important
}

[data-mode=light] .faq-section h2,
[data-mode=light] .faq-section h3 {
    color: #c82333 !important
}

[data-mode=light] .faq-section p {
    color: #5a4248 !important
}

[data-mode=light] .blog-card {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .blog-card h2,
[data-mode=light] .blog-card h3 {
    color: #2d1f24 !important
}

[data-mode=light] .blog-card p {
    color: #5a4248 !important
}

[data-mode=light] .contact-form {
    background: #fff !important
}

[data-mode=light] .contact-form label {
    color: #2d1f24 !important
}

[data-mode=light] .employment-section {
    background: #fff !important
}

[data-mode=light] .employment-section h1,
[data-mode=light] .employment-section h2 {
    color: #c82333 !important
}

[data-mode=light] .employment-section li,
[data-mode=light] .employment-section p {
    color: #5a4248 !important
}

[data-mode=light] .hotel-card {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .hotel-card h3 {
    color: #2d1f24 !important
}

[data-mode=light] .hotel-card p {
    color: #5a4248 !important
}

[data-mode=light] .price-table {
    background: #fff !important
}

[data-mode=light] .price-table th {
    background: rgba(200, 35, 51, .08) !important;
    color: #c82333 !important
}

[data-mode=light] .price-table td {
    color: #2d1f24 !important;
    border-color: rgba(200, 35, 51, .1) !important
}

[data-mode=light] .video-container {
    background: #f8f9fa !important
}

[data-mode=light] .text-white {
    color: #2d1f24 !important
}

[data-mode=light] .bg-dark {
    background: #1a1015 !important
}

[data-mode=light] .radial {
    background: linear-gradient(180deg, #fff5f7 0, #fff 100%) !important
}

[data-mode=light] .related-profiles h2,
[data-mode=light] .related-profiles h3 {
    color: #c82333 !important
}

[data-mode=light] .related-profiles .card {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .related-profiles .card h4,
[data-mode=light] .related-profiles .card h5 {
    color: #2d1f24 !important
}

[data-mode=light] .related-profiles .card p {
    color: #5a4248 !important
}

[data-mode=light] .mainlinks.redborder {
    background: #1a1015 !important
}

[data-mode=light] .redContent {
    background: 0 0 !important
}

[data-mode=light] .mobileExpand {
    background: rgba(200, 35, 51, .9) !important
}

[data-mode=light] .keylist li {
    color: #5a4248 !important
}

[data-mode=light] .keylist li h3 {
    color: #c82333 !important
}

[data-mode=light] .header {
    background: linear-gradient(135deg, #c82333 0, #a91d2e 100%) !important
}

[data-mode=light] .header .radial {
    background: 0 0 !important;
    border-color: rgba(255, 255, 255, .2) !important
}

[data-mode=light] .redborder {
    background: #c82333 !important
}

[data-mode=light] .redContent {
    background: linear-gradient(135deg, #a91d2e 0, #880e4f 100%) !important
}

[data-mode=light] .redContent a {
    color: #fff !important
}

[data-mode=light] .redContent a:hover {
    color: gold !important
}

[data-mode=light] .mainlinks {
    background: #1a1015 !important
}

[data-mode=light] .mainlinks>div>div {
    background: 0 0 !important
}

[data-mode=light] .mainlinks>div>div a {
    color: rgba(255, 255, 255, .9) !important
}

[data-mode=light] .mainlinks>div>div a:hover {
    color: #ff6b8a !important
}

[data-mode=light] .float {
    background: 0 0 !important
}

[data-mode=light] .float a {
    background: #fff !important;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .15) !important
}

[data-mode=light] .bodyoverlay {
    background-color: rgba(0, 0, 0, .6) !important
}

[data-mode=light] .overlay:after {
    background: rgba(0, 0, 0, .7) !important
}

[data-mode=light] .discal {
    background: #fff !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .3) !important
}

[data-mode=light] #myBtn {
    background-color: #c82333 !important;
    color: #fff !important;
    border-color: #c82333 !important
}

[data-mode=light] #myBtn:hover {
    background-color: #a91d2e !important
}

[data-mode=light] .blink_me {
    color: #c82333 !important
}

[data-mode=light] .blink {
    color: #c82333 !important
}

[data-mode=light] .availability-badge .blink,
[data-mode=light] .availability-badge .blink_me,
[data-mode=light] .tgm-catdet-profile-card__badge .blink,
[data-mode=light] .tgm-catdet-profile-card__badge .blink_me {
    color: #fff !important
}

[data-mode=light] .user {
    background-color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .15) !important
}

[data-mode=light] body {
    background: #fafafa !important
}

[data-mode=light] .container {
    background: 0 0
}

[data-mode=light] .hpContent h1,
[data-mode=light] .hpContent h2 {
    color: #c82333 !important
}

[data-mode=light] .hpContent h3,
[data-mode=light] .hpContent h4,
[data-mode=light] .hpContent h5,
[data-mode=light] .hpContent h6 {
    color: #2d1f24 !important
}

[data-mode=light] .hpContent li,
[data-mode=light] .hpContent p,
[data-mode=light] .hpContent span {
    color: #5a4248 !important
}

[data-mode=light] .hpContent a {
    color: #c82333 !important
}

[data-mode=light] .hpContent a:hover {
    color: #a91d2e !important
}

[data-mode=light] .about-section {
    background: #fff !important
}

[data-mode=light] .about-section h1,
[data-mode=light] .about-section h2 {
    color: #c82333 !important
}

[data-mode=light] .about-section p {
    color: #5a4248 !important
}

[data-mode=light] .location-details {
    background: #fff !important
}

[data-mode=light] .location-details h1,
[data-mode=light] .location-details h2 {
    color: #c82333 !important
}

[data-mode=light] .location-details p {
    color: #5a4248 !important
}

[data-mode=light] .category-details {
    background: #fff !important
}

[data-mode=light] .category-details h1,
[data-mode=light] .category-details h2 {
    color: #c82333 !important
}

[data-mode=light] .category-details p {
    color: #5a4248 !important
}

[data-mode=light] .grid-1280 {
    background: 0 0 !important
}

[data-mode=light] .moreprofile .card {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .moreprofile .card h3,
[data-mode=light] .moreprofile .card h4 {
    color: #2d1f24 !important
}

[data-mode=light] .moreprofile .card p {
    color: #5a4248 !important
}

[data-mode=light] #spinner {
    color: #c82333 !important
}

[data-mode=light] #view_morebtn {
    background: linear-gradient(135deg, #c82333 0, #e63956 100%) !important;
    color: #fff !important;
    border: none !important
}

[data-mode=light] #view_morebtn:hover {
    background: linear-gradient(135deg, #a91d2e 0, #c82333 100%) !important
}

[data-mode=light] .only-loc-det h1 {
    color: #c82333 !important
}

[data-mode=light] .only-loc-det h2 {
    color: #a91d2e !important
}

[data-mode=light] .location-gap {
    color: #5a4248 !important
}

[data-mode=light] .featured {
    color: #5a4248 !important
}

[data-mode=light] strong {
    color: #c82333 !important
}

[data-mode=light] .bg-red {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .bg-red .card-header {
    background: rgba(200, 35, 51, .08) !important;
    color: #c82333 !important;
    border-color: rgba(200, 35, 51, .15) !important
}

[data-mode=light] .bg-red .card-body {
    background: #fff !important
}

[data-mode=light] .bg-red .card-body ol li,
[data-mode=light] .bg-red .card-body ul li {
    color: #5a4248 !important
}

[data-mode=light] .bg-red .card-body ol li a,
[data-mode=light] .bg-red .card-body ul li a {
    color: #5a4248 !important
}

[data-mode=light] .bg-red .card-body ol li a:hover,
[data-mode=light] .bg-red .card-body ul li a:hover {
    color: #c82333 !important
}

[data-mode=light] .text-warning {
    color: #c82333 !important
}

[data-mode=light] .border-mum {
    border-color: rgba(200, 35, 51, .15) !important
}

[data-mode=light] .partners-item__thumb {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .lc-name {
    background: #c82333 !important;
    color: #fff !important
}

[data-mode=light] .gredient {
    background: linear-gradient(180deg, rgba(0, 0, 0, .16), rgba(0, 0, 0, .48)) !important
}

[data-mode=light] .card.bg-red {
    border: 1px solid rgba(200, 35, 51, .1) !important
}

[data-mode=light] .card.my-4 {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .text-light {
    color: #5a4248 !important
}

[data-mode=light] .text-light:hover {
    color: #c82333 !important
}

[data-mode=light] .text-dark {
    color: #2d1f24 !important
}

[data-mode=light] .btn-warning {
    background: #c82333 !important;
    color: #fff !important;
    border-color: #c82333 !important
}

[data-mode=light] .btn-warning:hover {
    background: #a91d2e !important;
    color: #fff !important
}

[data-mode=light] .card {
    background: #fff !important;
    border-color: rgba(200, 35, 51, .1) !important
}

[data-mode=light] .card-header {
    background: rgba(200, 35, 51, .05) !important;
    border-color: rgba(200, 35, 51, .1) !important;
    color: #2d1f24 !important
}

[data-mode=light] .card-body {
    background: #fff !important;
    color: #5a4248 !important
}

[data-mode=light] .card-footer {
    background: rgba(200, 35, 51, .03) !important;
    border-color: rgba(200, 35, 51, .1) !important
}

[data-mode=light] .form-control {
    background: #fff !important;
    color: #2d1f24 !important;
    border-color: rgba(200, 35, 51, .2) !important
}

[data-mode=light] .form-control:focus {
    border-color: #c82333 !important;
    box-shadow: 0 0 0 .2rem rgba(200, 35, 51, .15) !important
}

[data-mode=light] .form-control::placeholder {
    color: rgba(45, 31, 36, .5) !important
}

[data-mode=light] .input-group-append .btn,
[data-mode=light] .input-group-prepend .btn {
    background: #c82333 !important;
    color: #fff !important;
    border-color: #c82333 !important
}

[data-mode=light] .badge-primary {
    background: #c82333 !important;
    color: #fff !important
}

[data-mode=light] .badge-warning {
    background: #c82333 !important;
    color: #fff !important
}

[data-mode=light] .badge-danger {
    background: #a91d2e !important;
    color: #fff !important
}

[data-mode=light] .alert-warning {
    background: rgba(200, 35, 51, .1) !important;
    color: #c82333 !important;
    border-color: rgba(200, 35, 51, .2) !important
}

[data-mode=light] .table {
    color: #2d1f24 !important
}

[data-mode=light] .table th {
    background: rgba(200, 35, 51, .08) !important;
    color: #c82333 !important;
    border-color: rgba(200, 35, 51, .15) !important
}

[data-mode=light] .table td {
    color: #2d1f24 !important;
    border-color: rgba(200, 35, 51, .1) !important
}

[data-mode=light] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(200, 35, 51, .03) !important
}

[data-mode=light] .table-hover tbody tr:hover {
    background: rgba(200, 35, 51, .06) !important
}

[data-mode=light] .list-group-item {
    background: #fff !important;
    color: #5a4248 !important;
    border-color: rgba(200, 35, 51, .1) !important
}

[data-mode=light] .list-group-item:hover {
    background: rgba(200, 35, 51, .03) !important
}

[data-mode=light] #readMoreBtn {
    background: #c82333 !important;
    color: #fff !important;
    border-color: #c82333 !important
}

[data-mode=light] #readMoreBtn:hover {
    background: #a91d2e !important
}

[data-mode=light] .main-head {
    background: linear-gradient(135deg, #c82333 0, #a91d2e 100%) !important;
    color: #fff !important
}

[data-mode=light] .pricing-table {
    background: #fff !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1) !important
}

[data-mode=light] .pricing-table h2 {
    color: #c82333 !important
}

[data-mode=light] .pricing-table li,
[data-mode=light] .pricing-table p {
    color: #5a4248 !important
}

[data-mode=light] .pricing-table .pricing-label {
    background: rgba(200, 35, 51, .1) !important;
    color: #c82333 !important
}

[data-mode=light] .pricing-table .btn {
    background: #c82333 !important;
    color: #fff !important
}

[data-mode=light] .tgm-benifits {
    background: #fff !important;
    color: #2d1f24 !important;
    box-shadow: 0 0 10px 5px rgba(200, 35, 51, .1) !important
}

[data-mode=light] .about-content {
    background: #fff !important
}

[data-mode=light] .about-content h1,
[data-mode=light] .about-content h2 {
    color: #c82333 !important
}

[data-mode=light] .about-content p {
    color: #5a4248 !important
}

[data-mode=light] .faq-container {
    background: #fff !important
}

[data-mode=light] .accordion-header,
[data-mode=light] .faq-question {
    background: rgba(200, 35, 51, .05) !important;
    color: #2d1f24 !important
}

[data-mode=light] .accordion-body,
[data-mode=light] .faq-answer {
    background: #fff !important;
    color: #5a4248 !important
}

[data-mode=light] .contact-container {
    background: #fff !important
}

[data-mode=light] .contact-container h1,
[data-mode=light] .contact-container h2 {
    color: #c82333 !important
}

[data-mode=light] .contact-container label,
[data-mode=light] .contact-container p {
    color: #5a4248 !important
}

[data-mode=light] .contact-info {
    background: #fff !important
}

[data-mode=light] .contact-info h3 {
    color: #c82333 !important
}

[data-mode=light] .contact-info a,
[data-mode=light] .contact-info p {
    color: #5a4248 !important
}

[data-mode=light] .contact-info a:hover {
    color: #c82333 !important
}

[data-mode=light] .video-section {
    background: #fafafa !important
}

[data-mode=light] .video-card {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .video-card h3 {
    color: #2d1f24 !important
}

[data-mode=light] .video-card p {
    color: #5a4248 !important
}

[data-mode=light] .playbtn {
    background: rgba(200, 35, 51, .9) !important
}

[data-mode=light] .gallery-container {
    background: #fafafa !important
}

[data-mode=light] .gallery-item {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .available-section {
    background: #fff !important
}

[data-mode=light] .available-section h1,
[data-mode=light] .available-section h2 {
    color: #c82333 !important
}

[data-mode=light] .available-section p {
    color: #5a4248 !important
}

[data-mode=light] .employment-container {
    background: #fff !important
}

[data-mode=light] .employment-container h1,
[data-mode=light] .employment-container h2 {
    color: #c82333 !important
}

[data-mode=light] .employment-container li,
[data-mode=light] .employment-container p {
    color: #5a4248 !important
}

[data-mode=light] .hotel-section {
    background: #fafafa !important
}

[data-mode=light] .hotel-item {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .hotel-item h3 {
    color: #2d1f24 !important
}

[data-mode=light] .hotel-item p {
    color: #5a4248 !important
}

[data-mode=light] .blog-container {
    background: #fff !important
}

[data-mode=light] .blog-item {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .blog-item h2,
[data-mode=light] .blog-item h3 {
    color: #2d1f24 !important
}

[data-mode=light] .blog-item p {
    color: #5a4248 !important
}

[data-mode=light] .blog-item a {
    color: #c82333 !important
}

[data-mode=light] .legal-content {
    background: #fff !important
}

[data-mode=light] .legal-content h1,
[data-mode=light] .legal-content h2 {
    color: #c82333 !important
}

[data-mode=light] .legal-content li,
[data-mode=light] .legal-content p {
    color: #5a4248 !important
}

[data-mode=light] .ambiente-section {
    background: #fafafa !important
}

[data-mode=light] .ambiente-card {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important
}

[data-mode=light] .ambiente-card h3 {
    color: #2d1f24 !important
}

[data-mode=light] .ambiente-card p {
    color: #5a4248 !important
}

[data-mode=light] .swiper-slide {
    background: #fff !important
}

[data-mode=light] .swiper-pagination-bullet {
    background: #c82333 !important
}

[data-mode=light] .swiper-button-next,
[data-mode=light] .swiper-button-prev {
    color: #c82333 !important
}

@media (max-width:1080px) {
    [data-mode=light] .tgm-bottom-nav {
        background: linear-gradient(180deg, #fff 0, #fef8f9 100%);
        border-top: 1px solid rgba(200, 35, 51, .1);
        box-shadow: 0 -4px 20px rgba(0, 0, 0, .05)
    }
    [data-mode=light] .tgm-bottom-nav__item {
        color: rgba(45, 31, 36, .45)
    }
    [data-mode=light] .tgm-bottom-nav__item.is-active {
        color: #c82333
    }
    [data-mode=light] .tgm-bottom-nav__item--cta {
        color: #fff
    }
    [data-mode=light] .tgm-bottom-nav__cta-circle {
        box-shadow: 0 4px 15px rgba(200, 35, 51, .25)
    }
}

[data-mode=light] .tgm-floating-btn {
    background: #fff !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1), 0 0 0 1px rgba(200, 35, 51, .06) !important
}

[data-mode=light] .tgm-floating-btn:hover {
    box-shadow: 0 6px 24px rgba(200, 35, 51, .15), 0 0 0 1px rgba(200, 35, 51, .12) !important
}

[data-mode=light] .tgm-floating-btn--call {
    box-shadow: 0 4px 16px rgba(200, 35, 51, .12), 0 0 0 1px rgba(200, 35, 51, .08) !important
}

[data-mode=light] .tgm-floating-btn--whatsapp {
    box-shadow: 0 4px 16px rgba(37, 211, 102, .12), 0 0 0 1px rgba(37, 211, 102, .08) !important
}

[data-mode=light] .tgm-footer {
    background: #fff !important;
    color: #2d1f2d;
    border-top: none !important;
    position: relative
}

[data-mode=light] .tgm-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0, rgba(194, 24, 91, .2) 20%, #e91e63 50%, rgba(194, 24, 91, .2) 80%, transparent 100%)
}

[data-mode=light] .tgm-footer__title {
    color: #c2185b !important;
    font-weight: 800 !important;
    text-shadow: none;
    position: relative;
    padding-bottom: 12px
}

[data-mode=light] .tgm-footer__title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #c2185b, rgba(194, 24, 91, .3));
    border-radius: 1px
}

[data-mode=light] .tgm-footer__list a {
    color: #4a3f4a !important;
    position: relative;
    transition: color .2s ease, padding-left .2s ease
}

[data-mode=light] .tgm-footer__list a:hover {
    color: #c2185b !important;
    padding-left: 4px
}

[data-mode=light] .tgm-footer p,
[data-mode=light] .tgm-footer__contact p,
[data-mode=light] .tgm-footer__text {
    color: #4a3f4a !important
}

[data-mode=light] .tgm-footer a {
    color: #4a3f4a
}

[data-mode=light] .tgm-footer a:hover {
    color: #c2185b !important
}

[data-mode=light] .tgm-footer__bottom {
    color: rgba(0, 0, 0, .45);
    border-top: 1px solid rgba(0, 0, 0, .08) !important
}

[data-mode=light] .tgm-footer__bottom p {
    color: rgba(0, 0, 0, .45)
}

[data-mode=light] .tgm-footer__contact a[style*="background: rgba(255,255,255,0.1)"] {
    background: rgba(194, 24, 91, .06) !important;
    border: 1px solid rgba(194, 24, 91, .1) !important;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease
}

[data-mode=light] .tgm-footer__contact a[style*="background: rgba(255,255,255,0.1)"]:hover {
    background: rgba(194, 24, 91, .1) !important;
    border-color: rgba(194, 24, 91, .18) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(194, 24, 91, .08)
}

[data-mode=light] .tgm-footer__text a {
    color: #c2185b !important;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(194, 24, 91, 0.3);
    text-underline-offset: 2px
}

[data-mode=light] .tgm-footer__text a:hover {
    color: #880e4f !important;
    text-decoration-color: rgba(136, 14, 79, 0.6)
}

[data-mode=light] .tgm-footer a[style*="font-size: var(--font-size-xl)"] {
    color: #c2185b !important;
    font-weight: 800
}

@media (max-width:768px) {
    .tgm-footer {
        padding: var(--space-8) 0 var(--space-8)
    }
    .tgm-footer__grid {
        gap: var(--space-8);
        padding: 0 var(--space-5)
    }
    .tgm-footer__title {
        font-size: var(--font-size-base);
        margin-bottom: var(--space-3)
    }
    .tgm-footer__list li {
        margin-bottom: var(--space-3)
    }
    .tgm-footer__list a {
        font-size: var(--font-size-sm);
        padding: 2px 0;
        display: inline-block
    }
    .tgm-footer__bottom {
        padding-bottom: 16px !important;
        margin-top: var(--space-6)
    }
}