:root {
--bg-dark: #070709;
--bg-card: rgba(18, 18, 24, 0.8);
--bg-card-hover: rgba(28, 28, 38, 0.92);
--gold-primary: #d4af37;
--gold-light: #f9e58b;
--gold-dark: #997819;
--gold-gradient: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%);
--gold-gradient-hover: linear-gradient(135deg, #d4af37 0%, #fff2a8 50%, #aa771c 100%);
--gold-border: rgba(212, 175, 55, 0.35);
--gold-glow: 0 0 25px rgba(212, 175, 55, 0.25);
--gold-glow-intense: 0 0 45px rgba(212, 175, 55, 0.5);
--text-main: #e8e8e8;
--text-muted: #a3a3b0;
--font-heading: 'Cinzel', serif;
--font-body: 'Montserrat', sans-serif;
--font-accent: 'Playfair Display', serif;
--radius-sm: 8px;
--radius-md: 14px;
--radius-lg: 20px;
--radius-full: 9999px;
--transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
font-size: 16px;
background-color: var(--bg-dark);
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
body.dark-gold-theme {
font-family: var(--font-body);
background-color: var(--bg-dark);
color: var(--text-main);
line-height: 1.65;
width: 100%;
max-width: 100%;
overflow-x: hidden;
position: relative;
min-height: 100vh;
}
:where(a, a:visited) {
color: var(--gold-light);
text-decoration-color: rgba(212, 175, 55, 0.45);
transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}
:where(a:hover, a:focus-visible) {
color: #ffffff;
}
img, picture, video, canvas, svg, figure, iframe, embed, object {
max-width: 100%;
height: auto;
}
.ambient-glow {
position: fixed;
border-radius: 50%;
filter: blur(140px);
pointer-events: none;
z-index: 0;
opacity: 0.16;
}
.glow-1 {
top: -10%;
left: 20%;
width: 600px;
height: 600px;
background: radial-gradient(circle, #d4af37, transparent 70%);
}
.glow-2 {
top: 40%;
right: -10%;
width: 500px;
height: 500px;
background: radial-gradient(circle, #aa771c, transparent 70%);
}
.glow-3 {
bottom: -10%;
left: 10%;
width: 550px;
height: 550px;
background: radial-gradient(circle, #bf953f, transparent 70%);
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
letter-spacing: 1px;
color: #ffffff;
}
.gold-text-shimmer {
background: var(--gold-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
font-weight: 700;
}
.gold-subtitle {
display: inline-block;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--gold-primary);
margin-bottom: 10px;
}
.container {
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1;
box-sizing: border-box;
}
.glass-card {
background: var(--bg-card);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid var(--gold-border);
border-radius: var(--radius-md);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
transition: var(--transition);
}
.glass-card:hover {
border-color: rgba(212, 175, 55, 0.6);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7), var(--gold-glow);
}
.site-header {
background: rgba(7, 7, 9, 0.92);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(212, 175, 55, 0.2);
position: sticky;
top: 0;
z-index: 100;
padding: 12px 0;
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.brand-logo {
text-decoration: none;
display: flex;
flex-direction: column;
}
.brand-logo .gold-text-shimmer {
font-size: 1.35rem;
letter-spacing: 2px;
}
.sub-brand {
font-size: 0.62rem;
letter-spacing: 1.5px;
color: var(--gold-light);
font-weight: 600;
}
.language-switcher-box {
display: flex;
align-items: center;
gap: 4px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid var(--gold-border);
padding: 3px 6px;
border-radius: var(--radius-full);
}
.lang-btn {
display: inline-flex;
align-items: center;
gap: 4px;
background: transparent;
border: none;
color: var(--text-muted);
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 700;
padding: 4px 8px;
border-radius: var(--radius-full);
cursor: pointer;
transition: var(--transition);
}
.lang-btn:hover {
color: #ffffff;
}
.lang-btn.active {
background: var(--gold-gradient);
color: #070709;
box-shadow: 0 2px 10px rgba(212, 175, 55, 0.4);
}
.header-status-badge {
display: flex;
align-items: center;
gap: 8px;
background: rgba(20, 30, 20, 0.7);
border: 1px solid rgba(46, 204, 113, 0.4);
padding: 6px 14px;
border-radius: var(--radius-full);
font-size: 0.75rem;
font-weight: 600;
color: #4ade80;
letter-spacing: 0.5px;
}
.pulse-dot {
width: 8px;
height: 8px;
background-color: #2ecc71;
border-radius: 50%;
box-shadow: 0 0 10px #2ecc71;
animation: pulseGlow 1.8s infinite;
}
@keyframes pulseGlow {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(1.3); }
}
.header-quick-actions {
display: flex;
align-items: center;
gap: 8px;
}
.btn-quick {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 14px;
border-radius: var(--radius-full);
font-size: 0.8rem;
font-weight: 600;
text-decoration: none;
transition: var(--transition);
}
.btn-whatsapp {
background: #25d366;
color: #ffffff;
box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
}
.btn-whatsapp:hover {
background: #20ba59;
transform: scale(1.05);
}
.btn-telegram {
background: #229ed9;
color: #ffffff;
box-shadow: 0 4px 15px rgba(34, 158, 217, 0.3);
}
.btn-telegram:hover {
background: #1c88bd;
transform: scale(1.05);
}
.hero-section.hero-jessica-layout {
padding: 45px 0 30px;
}
.hero-jessica-grid {
display: grid;
grid-template-columns: 0.95fr 1.25fr;
gap: 40px;
align-items: center;
}
.hero-jessica-figure-box {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.jessica-glow-aura {
display: none;
}
@keyframes floatGlow {
0% { transform: scale(0.95); opacity: 0.7; }
100% { transform: scale(1.05); opacity: 1; }
}
.hero-jessica-img {
position: relative;
z-index: 1;
max-height: 540px;
width: auto;
object-fit: contain;
filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.94));
transition: transform 0.4s ease;
}
.hero-jessica-img:hover {
transform: scale(1.02);
}
.hero-jessica-showcase {
padding: 8px 0 38px;
overflow: visible;
}
.hero-jessica-portrait-fade {
-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, rgba(0, 0, 0, 0.45) 88%, transparent 100%);
mask-image: linear-gradient(to bottom, #000 0%, #000 72%, rgba(0, 0, 0, 0.45) 88%, transparent 100%);
filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.95));
}
.hero-jessica-ring {
position: absolute;
width: min(340px, 78vw);
height: min(340px, 78vw);
border-radius: 50%;
border: 1px solid rgba(212, 175, 55, 0.14);
box-shadow: 0 0 28px rgba(212, 175, 55, 0.06), inset 0 0 18px rgba(212, 175, 55, 0.03);
top: 10%;
left: 50%;
transform: translateX(-50%);
z-index: 0;
pointer-events: none;
animation: heroRingPulse 6s ease-in-out infinite alternate;
}
.hero-jessica-ring-outer {
width: min(410px, 90vw);
height: min(410px, 90vw);
top: 4%;
border: 1px dashed rgba(212, 175, 55, 0.1);
box-shadow: none;
animation: heroRingSpin 36s linear infinite;
}
@keyframes heroRingPulse {
0%   { transform: translateX(-50%) scale(0.96); opacity: 0.7; }
100% { transform: translateX(-50%) scale(1.04); opacity: 1; }
}
@keyframes heroRingSpin {
0%   { transform: translateX(-50%) rotate(0deg); }
100% { transform: translateX(-50%) rotate(360deg); }
}
.hero-jessica-signature {
position: absolute;
left: 10px;
right: 10px;
bottom: 6px;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
pointer-events: none;
}
.hero-sig-name {
font-family: var(--font-display, 'Cinzel', serif);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: clamp(1.45rem, 3.1vw, 2.15rem);
line-height: 1.15;
letter-spacing: 5px;
background: linear-gradient(180deg, #fffbe6 0%, #f3e5ab 38%, #d4af37 74%, #9a7116 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.98)) drop-shadow(0 0 12px rgba(212, 175, 55, 0.28));
}
.hero-sig-rule {
margin-top: 7px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 4px 16px;
border-radius: 999px;
background: rgba(7, 7, 9, 0.82);
border: 1px solid rgba(212, 175, 55, 0.52);
font-family: var(--font-display, 'Cinzel', serif);
font-size: 0.68rem;
letter-spacing: 3.2px;
color: #f3e5ab;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.8), 0 0 14px rgba(212, 175, 55, 0.18);
}
.hero-sig-rule i {
color: #d4af37;
font-size: 0.65rem;
}
.hero-jessica-info-box {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
gap: 15px;
}
.hero-crest-badge-row {
display: flex;
align-items: center;
gap: 15px;
}
.hero-mini-crest {
width: 68px;
height: 68px;
border-radius: 50%;
padding: 2px;
background: var(--gold-gradient);
box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.mini-crest-img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
display: block;
}
.gold-badge-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(212, 175, 55, 0.12);
border: 1px solid var(--gold-border);
padding: 6px 16px;
border-radius: var(--radius-full);
font-size: 0.78rem;
font-weight: 700;
color: var(--gold-light);
letter-spacing: 2px;
}
.hero-title {
font-size: 3.2rem;
letter-spacing: 3px;
line-height: 1.1;
margin: 0;
}
.hero-subtitle {
font-size: 1.05rem;
color: #c4c4d4;
line-height: 1.65;
margin: 0;
}
.official-announcement-card {
background: rgba(25, 20, 10, 0.75);
border: 1px solid rgba(212, 175, 55, 0.5);
border-left: 4px solid var(--gold-primary);
padding: 18px 22px;
border-radius: var(--radius-sm);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
margin: 4px 0;
}
.announcement-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
color: var(--gold-light);
font-size: 0.85rem;
letter-spacing: 1px;
}
.announcement-header .gold-icon {
font-size: 1rem;
}
.official-announcement-card p {
font-size: 0.88rem;
color: #e0e0ec;
line-height: 1.6;
margin: 0;
}
.hero-contact-strip {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 4px;
}
.contact-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 20px;
border-radius: var(--radius-full);
text-decoration: none;
font-size: 0.9rem;
font-weight: 600;
transition: var(--transition);
}
.schedule-pill {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.15);
color: #ffffff;
}
.hero-location-pills {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 4px;
}
.loc-pill {
font-size: 0.8rem;
color: var(--gold-light);
background: rgba(212, 175, 55, 0.08);
border: 1px solid rgba(212, 175, 55, 0.2);
padding: 5px 12px;
border-radius: var(--radius-sm);
}
.tabs-nav-section {
position: sticky;
top: 65px;
z-index: 90;
padding: 15px 0;
background: rgba(7, 7, 9, 0.96);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(212, 175, 55, 0.18);
margin-bottom: 14px;
padding: 0;
}
.luxury-tabs-bar {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
gap: 2px;
padding: 0;
overflow-x: auto;
scrollbar-width: none;
}
.luxury-tabs-bar::-webkit-scrollbar {
display: none;
}
.tab-btn {
background: transparent;
border: none;
border-bottom: 2px solid transparent;
color: var(--text-muted);
padding: 10px 12px;
border-radius: 0;
cursor: pointer;
font-family: var(--font-body);
font-size: 0.79rem;
font-weight: 600;
letter-spacing: 0.35px;
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap;
transition: var(--transition);
flex: 0 0 auto;
}
.tab-btn:hover {
color: #ffffff;
background: rgba(212, 175, 55, 0.06);
}
.tab-btn.active {
background: linear-gradient(180deg, transparent 0%, rgba(212, 175, 55, 0.12) 100%);
color: var(--gold-light);
border-bottom-color: var(--gold-primary);
font-weight: 700;
box-shadow: none;
}
.tab-btn.vip-tab-btn.active {
background: linear-gradient(135deg, #ffd700, #ff8c00);
}
.tabs-content-container {
min-height: 500px;
margin-bottom: 80px;
perspective: 1400px;
position: relative;
overflow-x: hidden;
}
.tab-pane {
display: none;
position: relative;
transform-origin: center top;
will-change: transform, opacity, filter;
}
.tab-pane.is-leaving {
display: block;
animation: tabLeave 0.18s cubic-bezier(0.4, 0, 1, 1) forwards;
pointer-events: none;
}
.tab-pane.active {
display: block;
animation: tabEnterRight 0.58s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.tab-pane.active.from-left {
animation: tabEnterLeft 0.58s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.tab-pane.active::before {
content: '';
position: absolute;
inset: -10px 0 auto 0;
height: 3px;
background: linear-gradient(90deg, transparent 0%, #ffd700 35%, #ffffff 50%, #ffd700 65%, transparent 100%);
box-shadow: 0 0 24px 4px rgba(212, 175, 55, 0.85);
pointer-events: none;
z-index: 20;
animation: tabGoldSweep 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.tab-pane.active::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(110deg, transparent 20%, rgba(255, 223, 128, 0.14) 48%, rgba(255, 255, 255, 0.22) 50%, rgba(212, 175, 55, 0.12) 52%, transparent 80%);
pointer-events: none;
z-index: 19;
animation: tabLightWipe 0.68s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes tabLeave {
0% {
opacity: 1;
transform: scale(1) translateY(0);
filter: blur(0);
}
100% {
opacity: 0;
transform: scale(0.94) translateY(-10px);
filter: blur(6px);
}
}
@keyframes tabEnterRight {
0% {
opacity: 0;
transform: translateX(70px) scale(0.93) rotateY(-9deg);
filter: blur(8px) brightness(1.3);
}
60% {
opacity: 1;
filter: blur(0) brightness(1.06);
}
100% {
opacity: 1;
transform: translateX(0) scale(1) rotateY(0deg);
filter: blur(0) brightness(1);
}
}
@keyframes tabEnterLeft {
0% {
opacity: 0;
transform: translateX(-70px) scale(0.93) rotateY(9deg);
filter: blur(8px) brightness(1.3);
}
60% {
opacity: 1;
filter: blur(0) brightness(1.06);
}
100% {
opacity: 1;
transform: translateX(0) scale(1) rotateY(0deg);
filter: blur(0) brightness(1);
}
}
@keyframes tabGoldSweep {
0% {
transform: scaleX(0);
opacity: 0;
}
35% {
transform: scaleX(1);
opacity: 1;
}
100% {
transform: scaleX(1.15);
opacity: 0;
}
}
@keyframes tabLightWipe {
0% {
transform: translateX(-100%);
opacity: 0.9;
}
100% {
transform: translateX(120%);
opacity: 0;
}
}
.section-heading {
margin-bottom: 40px;
}
.section-title {
font-size: 2.2rem;
margin-bottom: 12px;
}
.section-desc {
color: var(--text-muted);
max-width: 650px;
margin: 0 auto;
font-size: 0.95rem;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 25px;
}
.service-card {
overflow: hidden;
display: flex;
flex-direction: column;
}
.service-image-box {
position: relative;
height: 230px;
overflow: hidden;
}
.service-image-box img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.service-card:hover .service-image-box img {
transform: scale(1.08);
}
.service-badge {
position: absolute;
top: 15px;
right: 15px;
background: rgba(7, 7, 9, 0.85);
border: 1px solid var(--gold-primary);
color: var(--gold-light);
font-size: 0.75rem;
font-weight: 700;
padding: 4px 12px;
border-radius: var(--radius-full);
backdrop-filter: blur(8px);
}
.service-badge.gold-badge {
background: var(--gold-gradient);
color: #070709;
border-color: transparent;
}
.service-body {
padding: 24px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.service-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
font-size: 0.85rem;
}
.service-duration {
color: var(--text-muted);
}
.service-price {
font-family: var(--font-heading);
font-size: 1.15rem;
font-weight: 700;
color: var(--gold-light);
}
.service-name {
font-size: 1.3rem;
margin-bottom: 12px;
color: #ffffff;
}
.service-description {
font-size: 0.88rem;
color: var(--text-muted);
margin-bottom: 20px;
}
.service-features {
list-style: none;
margin-bottom: 25px;
display: flex;
flex-direction: column;
gap: 8px;
font-size: 0.82rem;
color: #d1d1db;
}
.service-features li {
display: flex;
align-items: center;
gap: 8px;
}
.service-features li i {
color: var(--gold-primary);
}
.btn-gold-action,
.btn-gold-action:visited {
background: var(--gold-gradient);
color: #070709;
border: none;
font-family: var(--font-body);
font-weight: 700;
font-size: 0.9rem;
padding: 12px 24px;
border-radius: var(--radius-full);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
transition: var(--transition);
box-shadow: 0 4px 20px rgba(212, 175, 55, 0.35);
}
.btn-gold-action:hover {
background: var(--gold-gradient-hover);
color: #070709;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5);
}
.btn-silver-action,
.btn-silver-action:visited {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(212, 175, 55, 0.45);
color: #f3efe4;
font-family: var(--font-body);
font-weight: 600;
font-size: 0.88rem;
padding: 11px 22px;
border-radius: var(--radius-full);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
transition: var(--transition);
backdrop-filter: blur(8px);
}
.btn-silver-action:hover {
background: rgba(212, 175, 55, 0.16);
border-color: var(--gold-primary);
color: var(--gold-light);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(212, 175, 55, 0.25);
}
.btn-gold-outline {
background: transparent;
border: 1px solid var(--gold-primary);
color: var(--gold-light);
font-family: var(--font-body);
font-weight: 600;
font-size: 0.88rem;
padding: 10px 20px;
border-radius: var(--radius-full);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
transition: var(--transition);
margin-top: auto;
}
.btn-gold-outline:hover {
background: rgba(212, 175, 55, 0.15);
border-color: #ffffff;
color: #ffffff;
transform: translateY(-2px);
}
.btn-block {
width: 100%;
}
.schedule-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
gap: 25px;
}
.schedule-card {
padding: 30px;
}
.card-icon-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 25px;
}
.gold-icon {
font-size: 1.6rem;
color: var(--gold-primary);
}
.gold-icon-glow {
font-size: 3rem;
color: var(--gold-primary);
text-shadow: 0 0 20px rgba(212, 175, 55, 0.5);
}
.hours-table {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 20px;
}
.hour-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
font-size: 0.9rem;
}
.time-badge {
background: rgba(212, 175, 55, 0.1);
color: var(--gold-light);
padding: 4px 12px;
border-radius: var(--radius-full);
font-weight: 600;
font-size: 0.85rem;
}
.highlight-row {
color: var(--gold-light);
border-bottom: none;
}
.schedule-notice {
font-size: 0.85rem;
color: var(--text-muted);
background: rgba(255, 255, 255, 0.03);
padding: 12px 16px;
border-radius: var(--radius-sm);
border-left: 3px solid var(--gold-primary);
}
.tour-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.tour-item {
display: flex;
gap: 15px;
align-items: flex-start;
}
.tour-badge {
background: rgba(212, 175, 55, 0.15);
border: 1px solid var(--gold-border);
color: var(--gold-light);
font-size: 0.75rem;
font-weight: 700;
padding: 6px 12px;
border-radius: var(--radius-sm);
white-space: nowrap;
}
.tour-details strong {
color: #ffffff;
display: block;
margin-bottom: 4px;
font-size: 0.95rem;
}
.tour-details p {
font-size: 0.85rem;
color: var(--text-muted);
}
.luxury-gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 20px;
}
.gallery-item {
position: relative;
height: 320px;
overflow: hidden;
cursor: pointer;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.gallery-overlay {
position: absolute;
inset: 0;
background: rgba(7, 7, 9, 0.75);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
opacity: 0;
transition: var(--transition);
color: #ffffff;
}
.gallery-overlay i {
font-size: 2rem;
color: var(--gold-primary);
}
.gallery-item:hover img {
transform: scale(1.08);
}
.gallery-item:hover .gallery-overlay {
opacity: 1;
}
.rules-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.rule-card {
padding: 25px;
text-align: center;
}
.rule-icon {
width: 60px;
height: 60px;
margin: 0 auto 18px;
border-radius: 50%;
background: rgba(212, 175, 55, 0.1);
border: 1px solid var(--gold-border);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: var(--gold-primary);
}
.rule-card h3 {
font-size: 1.15rem;
margin-bottom: 10px;
}
.rule-card p {
font-size: 0.85rem;
color: var(--text-muted);
}
.links-layout {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 25px;
}
.linktree-box {
padding: 25px;
display: flex;
flex-direction: column;
gap: 15px;
}
.link-item {
display: flex;
align-items: center;
gap: 15px;
padding: 14px 20px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(212, 175, 55, 0.2);
border-radius: var(--radius-md);
text-decoration: none;
color: #ffffff;
transition: var(--transition);
}
.link-item:hover {
background: rgba(212, 175, 55, 0.12);
border-color: var(--gold-primary);
transform: translateX(6px);
}
.link-icon {
font-size: 1.6rem;
width: 35px;
text-align: center;
}
.whatsapp-link .link-icon { color: #25d366; }
.telegram-link .link-icon { color: #229ed9; }
.phone-link .link-icon { color: var(--gold-primary); }
.email-link .link-icon { color: #f39c12; }
.link-text {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.link-text strong {
font-size: 0.95rem;
}
.link-text span {
font-size: 0.75rem;
color: var(--text-muted);
}
.link-arrow {
font-size: 0.85rem;
color: var(--gold-primary);
transition: var(--transition);
}
.link-item:hover .link-arrow {
transform: translateX(4px);
}
.quick-contact-card {
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
gap: 15px;
}
.quick-contact-card h3 {
font-size: 1.3rem;
color: var(--gold-light);
}
.quick-contact-card p {
font-size: 0.9rem;
color: var(--text-muted);
}
.vip-vault-container {
max-width: 750px;
margin: 0 auto;
padding: 40px 30px;
text-align: center;
}
.vip-lock-icon {
margin-bottom: 20px;
}
.vip-state h3 {
font-size: 1.6rem;
margin-bottom: 10px;
}
.vip-state p {
color: var(--text-muted);
font-size: 0.95rem;
margin-bottom: 25px;
}
.vip-auth-form {
max-width: 440px;
margin: 0 auto 30px;
}
.vip-input-group {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.vip-input-group input {
flex: 1 1 200px;
min-width: 0;
background: rgba(0, 0, 0, 0.4);
border: 1px solid var(--gold-border);
border-radius: var(--radius-full);
padding: 12px 20px;
color: #ffffff;
font-family: var(--font-body);
font-size: 0.95rem;
outline: none;
transition: var(--transition);
}
@media (max-width: 600px) {
.vip-input-group {
flex-direction: column;
}
.vip-input-group input,
.vip-input-group .btn-gold-action {
width: 100%;
justify-content: center;
}
}
.vip-input-group input:focus {
border-color: var(--gold-primary);
box-shadow: 0 0 15px rgba(212, 175, 55, 0.3);
}
.vip-error-msg {
color: #ff5e57;
font-size: 0.85rem;
margin-top: 10px;
font-weight: 500;
}
.vip-request-access {
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 25px;
}
.vip-content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
text-align: left;
margin-top: 25px;
}
.vip-feature-box {
background: rgba(255, 255, 255, 0.03);
border: 1px solid var(--gold-border);
padding: 20px;
border-radius: var(--radius-md);
}
.vip-feature-box h4 {
font-size: 1.05rem;
margin: 10px 0 6px;
color: var(--gold-light);
}
.vip-feature-box p {
font-size: 0.82rem;
color: var(--text-muted);
margin-bottom: 0;
}
.site-footer {
background: #040405;
border-top: 1px solid rgba(212, 175, 55, 0.2);
padding: 50px 0 30px;
text-align: center;
position: relative;
z-index: 10;
}
.footer-gold-crest {
width: 90px;
height: 90px;
margin: 0 auto 15px;
border-radius: 50%;
padding: 3px;
background: var(--gold-gradient);
box-shadow: var(--gold-glow);
}
.footer-crest-img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.footer-brand {
font-size: 1.5rem;
letter-spacing: 2px;
margin-bottom: 6px;
}
.footer-tagline {
font-size: 0.85rem;
color: var(--text-muted);
margin-bottom: 20px;
}
.footer-divider {
color: var(--gold-primary);
margin-bottom: 20px;
opacity: 0.5;
}
.footer-legal p {
font-size: 0.78rem;
color: #6c6c7d;
margin-bottom: 6px;
}
.discrete-notice {
color: var(--gold-dark) !important;
}
.welcome-lang-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-width: 100vw;
height: 100%;
height: 100dvh;
z-index: 99999;
display: none;
align-items: center;
justify-content: center;
padding: 16px;
box-sizing: border-box;
opacity: 0;
pointer-events: none;
transition: opacity 0.35s ease;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.welcome-lang-modal.active {
display: flex;
opacity: 1;
pointer-events: auto;
}
.welcome-lang-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at center, rgba(15, 12, 6, 0.94) 0%, rgba(5, 5, 7, 0.98) 100%);
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
}
.welcome-lang-dialog {
position: relative;
z-index: 1;
max-width: min(480px, 94vw);
width: 100%;
box-sizing: border-box;
margin: auto;
padding: 36px 24px;
text-align: center;
border: 2px solid var(--gold-primary);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.9), var(--gold-glow-intense);
animation: popModal 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes popModal {
from { opacity: 0; transform: scale(0.92) translateY(20px); }
to { opacity: 1; transform: scale(1) translateY(0); }
}
.welcome-crest-frame {
width: 110px;
height: 110px;
margin: 0 auto 15px;
border-radius: 50%;
padding: 4px;
background: var(--gold-gradient);
box-shadow: var(--gold-glow-intense);
}
.welcome-crest-img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.welcome-title {
font-size: 1.8rem;
letter-spacing: 3px;
margin-bottom: 4px;
}
.welcome-tagline {
font-size: 0.75rem;
letter-spacing: 2px;
color: var(--gold-light);
font-weight: 600;
}
.welcome-divider {
color: var(--gold-primary);
margin: 15px 0;
opacity: 0.6;
}
.welcome-prompt {
font-size: 0.95rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 25px;
line-height: 1.4;
}
.welcome-prompt small {
font-size: 0.75rem;
color: var(--text-muted);
font-weight: 500;
}
.welcome-lang-buttons {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 25px;
}
.welcome-lang-btn {
display: flex;
align-items: center;
gap: 15px;
padding: 14px 20px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid var(--gold-border);
border-radius: var(--radius-md);
cursor: pointer;
color: #ffffff;
font-family: var(--font-body);
transition: var(--transition);
}
.welcome-lang-btn:hover {
background: rgba(212, 175, 55, 0.15);
border-color: var(--gold-primary);
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3);
}
.btn-flag {
font-size: 1.8rem;
}
.btn-info {
flex-grow: 1;
text-align: left;
display: flex;
flex-direction: column;
}
.btn-info strong {
font-size: 1.05rem;
color: #ffffff;
}
.btn-info span {
font-size: 0.78rem;
color: var(--gold-light);
}
.welcome-lang-btn i {
font-size: 1rem;
color: var(--gold-primary);
transition: var(--transition);
}
.welcome-lang-btn:hover i {
transform: translateX(4px);
}
.welcome-disclaimer {
font-size: 0.72rem;
color: #888899;
margin: 0;
}
.luxury-modal, .lightbox-modal {
position: fixed;
inset: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.luxury-modal.active, .lightbox-modal.active {
opacity: 1;
pointer-events: auto;
}
.modal-overlay, .lightbox-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.85);
backdrop-filter: blur(10px);
}
.modal-content {
position: relative;
z-index: 1;
max-width: 500px;
width: 100%;
padding: 35px;
max-height: 90vh;
overflow-y: auto;
}
.modal-close, .lightbox-close {
position: absolute;
top: 12px;
right: 15px;
z-index: 25;
background: rgba(0, 0, 0, 0.45);
border: 1px solid rgba(212, 175, 55, 0.35);
border-radius: 50%;
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
color: var(--gold-light);
font-size: 1.4rem;
cursor: pointer;
line-height: 1;
transition: var(--transition);
}
.modal-close:hover, .lightbox-close:hover {
color: #ffffff;
background: rgba(212, 175, 55, 0.3);
border-color: var(--gold-primary);
transform: scale(1.1);
}
.btn-secondary-gold {
background: rgba(212, 175, 55, 0.08) !important;
border: 1px solid rgba(212, 175, 55, 0.4) !important;
color: var(--gold-light) !important;
border-radius: var(--radius-sm);
transition: all 0.25s ease;
}
.btn-secondary-gold:hover {
background: rgba(212, 175, 55, 0.18) !important;
border-color: var(--gold-primary) !important;
color: #fff !important;
box-shadow: 0 4px 15px rgba(212, 175, 55, 0.25);
}
.mini-chip {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(212, 175, 55, 0.35);
color: var(--gold-light);
border-radius: var(--radius-sm);
padding: 6px 12px;
font-size: 0.78rem;
font-weight: 600;
transition: all 0.2s ease;
}
.mini-chip:hover {
background: rgba(212, 175, 55, 0.15);
border-color: var(--gold-primary);
color: #fff;
}
.modal-header {
text-align: center;
margin-bottom: 25px;
}
.gold-title {
font-size: 1.4rem;
color: #ffffff;
}
.luxury-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
text-align: left;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.form-group label {
font-size: 0.8rem;
font-weight: 600;
color: var(--gold-light);
}
.form-group input, .form-group select, .form-group textarea {
background: rgba(0, 0, 0, 0.5);
border: 1px solid var(--gold-border);
border-radius: var(--radius-sm);
padding: 10px 14px;
color: #ffffff;
font-family: var(--font-body);
font-size: 0.9rem;
outline: none;
transition: var(--transition);
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
border-color: var(--gold-primary);
box-shadow: 0 0 12px rgba(212, 175, 55, 0.3);
}
.form-group select option {
background: #121218;
color: #ffffff;
}
.form-actions {
margin-top: 10px;
}
.form-actions button {
width: 100%;
}
.form-disclaimer {
font-size: 0.75rem;
color: var(--text-muted);
text-align: center;
margin-top: 6px;
}
.lightbox-dialog {
position: relative;
z-index: 1;
max-width: 900px;
max-height: 85vh;
display: flex;
flex-direction: column;
align-items: center;
}
.lightbox-dialog img {
max-width: 100%;
max-height: 75vh;
border-radius: var(--radius-sm);
border: 1px solid var(--gold-border);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.8), var(--gold-glow);
object-fit: contain;
}
.lightbox-caption {
margin-top: 12px;
font-family: var(--font-heading);
color: var(--gold-light);
font-size: 1rem;
letter-spacing: 1px;
}
@media (max-width: 992px) {
.hero-jessica-grid {
grid-template-columns: 1fr;
text-align: center;
}
.hero-jessica-info-box {
align-items: center;
text-align: center;
}
.hero-crest-badge-row {
justify-content: center;
}
.hero-jessica-img {
max-height: 420px;
}
.links-layout {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.hero-title {
font-size: 2.3rem;
}
.header-status-badge {
display: none;
}
.btn-text {
display: none;
}
.hero-jessica-img {
max-height: 360px;
}
.form-row {
grid-template-columns: 1fr;
}
.tabs-nav-section {
top: 55px;
}
.tab-btn {
padding: 8px 14px;
font-size: 0.8rem;
}
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 25px;
margin-bottom: 40px;
}
.testi-card {
padding: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease, border-color 0.3s ease;
}
.testi-card:hover {
transform: translateY(-4px);
border-color: rgba(212, 175, 55, 0.45);
}
.testi-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.testi-avatar {
width: 46px;
height: 46px;
border-radius: 50%;
background: rgba(212, 175, 55, 0.15);
border: 1px solid rgba(212, 175, 55, 0.4);
display: flex;
align-items: center;
justify-content: center;
color: var(--gold-primary);
font-size: 1.2rem;
}
.testi-meta {
flex: 1;
display: flex;
flex-direction: column;
gap: 2px;
}
.testi-meta strong {
color: #fff;
font-size: 0.95rem;
}
.testi-location {
font-size: 0.78rem;
color: #a0a0a8;
}
.testi-level-badge {
font-size: 0.72rem;
padding: 2px 8px;
border-radius: 20px;
display: inline-block;
width: fit-content;
margin-top: 3px;
font-weight: 600;
}
.testi-level-badge.badge-beginner {
background: rgba(52, 152, 219, 0.15);
color: #5dade2;
border: 1px solid rgba(52, 152, 219, 0.3);
}
.testi-level-badge.badge-intermediate {
background: rgba(212, 175, 55, 0.15);
color: var(--gold-primary);
border: 1px solid rgba(212, 175, 55, 0.4);
}
.testi-level-badge.badge-extreme {
background: rgba(231, 76, 60, 0.15);
color: #f1948a;
border: 1px solid rgba(231, 76, 60, 0.4);
}
.testi-stars {
color: var(--gold-primary);
font-size: 1rem;
letter-spacing: 2px;
}
.testi-quote-title {
font-family: var(--font-heading);
color: var(--gold-light);
font-size: 1.05rem;
margin-bottom: 10px;
line-height: 1.4;
}
.testi-text {
font-size: 0.88rem;
color: #ccc;
line-height: 1.6;
margin-bottom: 18px;
font-style: italic;
}
.testi-footer {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.78rem;
color: #888;
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 12px;
}
.testi-verified {
color: var(--gold-primary);
font-weight: 500;
}
.submit-story-box {
padding: 30px;
border-radius: 12px;
max-width: 800px;
margin: 0 auto;
}
.submit-story-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 25px;
}
.submit-story-header h3 {
font-family: var(--font-heading);
color: var(--gold-light);
font-size: 1.3rem;
margin-bottom: 4px;
}
.submit-story-header p {
font-size: 0.85rem;
color: #a0a0a8;
}
.client-story-form .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
margin-bottom: 18px;
}
.client-story-form .form-group {
margin-bottom: 18px;
display: flex;
flex-direction: column;
gap: 6px;
}
.client-story-form label,
.fetish-custom-form label {
font-size: 0.82rem;
font-weight: 600;
color: var(--gold-light);
letter-spacing: 0.5px;
text-transform: uppercase;
}
.client-story-form input,
.client-story-form select,
.client-story-form textarea,
.fetish-custom-form select,
.fetish-custom-form textarea {
background: rgba(10, 10, 15, 0.85);
border: 1px solid rgba(212, 175, 55, 0.3);
color: #fff;
padding: 12px 14px;
border-radius: 6px;
font-family: inherit;
font-size: 0.9rem;
transition: border-color 0.3s ease;
}
.client-story-form input:focus,
.client-story-form select:focus,
.client-story-form textarea:focus,
.fetish-custom-form select:focus,
.fetish-custom-form textarea:focus {
outline: none;
border-color: var(--gold-primary);
box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
}
.story-success-alert {
margin-top: 15px;
padding: 12px 16px;
background: rgba(46, 204, 113, 0.15);
border: 1px solid rgba(46, 204, 113, 0.4);
color: #2ecc71;
border-radius: 6px;
font-size: 0.88rem;
display: flex;
align-items: center;
gap: 10px;
}
.blog-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
gap: 25px;
}
.blog-card {
padding: 28px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease, border-color 0.3s ease;
}
.blog-card:hover {
transform: translateY(-4px);
border-color: rgba(212, 175, 55, 0.5);
}
.blog-meta-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 14px;
}
.blog-tag {
background: rgba(212, 175, 55, 0.15);
color: var(--gold-primary);
border: 1px solid rgba(212, 175, 55, 0.35);
font-size: 0.72rem;
padding: 3px 10px;
border-radius: 20px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.blog-date {
font-size: 0.78rem;
color: #888;
}
.blog-article-title {
font-family: var(--font-heading);
color: #fff;
font-size: 1.2rem;
line-height: 1.4;
margin-bottom: 12px;
}
.blog-excerpt {
font-size: 0.88rem;
color: #bbb;
line-height: 1.6;
margin-bottom: 15px;
}
.blog-full-content {
font-size: 0.88rem;
color: #ddd;
line-height: 1.7;
margin-bottom: 15px;
padding-top: 12px;
border-top: 1px dashed rgba(212, 175, 55, 0.25);
}
.btn-toggle-blog {
align-self: flex-start;
padding: 8px 16px;
font-size: 0.82rem;
}
.requests-container {
padding: 35px;
max-width: 1000px;
margin: 0 auto;
}
.requests-grid-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 35px;
align-items: start;
}
.req-highlight-card {
background: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(212, 175, 55, 0.25);
border-radius: 8px;
padding: 22px;
margin-bottom: 25px;
}
.req-highlight-card h3 {
font-family: var(--font-heading);
color: var(--gold-light);
font-size: 1.15rem;
margin: 10px 0 8px;
}
.req-highlight-card p {
font-size: 0.85rem;
color: #aaa;
line-height: 1.6;
}
.req-options-showcase h4 {
font-family: var(--font-heading);
color: var(--gold-light);
font-size: 0.95rem;
margin-bottom: 14px;
}
.req-popular-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.req-popular-list li {
font-size: 0.82rem;
color: #ccc;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
padding: 8px 12px;
border-radius: 6px;
display: flex;
align-items: center;
gap: 10px;
}
.req-popular-list li i {
color: var(--gold-primary);
width: 16px;
}
.discrete-small-text {
font-size: 0.75rem;
color: #888;
margin-top: 10px;
text-align: center;
}
.glossary-controls {
padding: 22px;
margin-bottom: 30px;
display: flex;
flex-direction: column;
gap: 18px;
}
.glossary-search-box {
position: relative;
}
.glossary-search-box i {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--gold-primary);
font-size: 1rem;
}
.glossary-search-box input {
width: 100%;
padding: 12px 14px 12px 44px;
background: rgba(10, 10, 15, 0.85);
border: 1px solid rgba(212, 175, 55, 0.35);
border-radius: 30px;
color: #fff;
font-size: 0.9rem;
transition: all 0.3s ease;
}
.glossary-search-box input:focus {
outline: none;
border-color: var(--gold-primary);
box-shadow: 0 0 15px rgba(212, 175, 55, 0.25);
}
.glossary-category-pills {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.gloss-cat-btn {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(212, 175, 55, 0.25);
color: #ccc;
padding: 6px 14px;
border-radius: 20px;
font-size: 0.78rem;
cursor: pointer;
transition: all 0.25s ease;
}
.gloss-cat-btn:hover,
.gloss-cat-btn.active {
background: var(--gold-gradient);
color: #000;
font-weight: 600;
border-color: transparent;
box-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
}
.glossary-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
gap: 22px;
}
.glossary-card {
padding: 22px;
display: flex;
flex-direction: column;
justify-content: flex-start;
transition: transform 0.25s ease, border-color 0.25s ease;
}
.glossary-card:hover {
transform: translateY(-3px);
border-color: rgba(212, 175, 55, 0.45);
}
.gloss-card-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.gloss-cat-tag {
font-size: 0.7rem;
padding: 2px 8px;
border-radius: 4px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
}
.tag-security {
background: rgba(46, 204, 113, 0.15);
color: #2ecc71;
border: 1px solid rgba(46, 204, 113, 0.3);
}
.tag-roles {
background: rgba(155, 89, 182, 0.15);
color: #bb86fc;
border: 1px solid rgba(155, 89, 182, 0.3);
}
.tag-practices {
background: rgba(230, 126, 34, 0.15);
color: #f39c12;
border: 1px solid rgba(230, 126, 34, 0.3);
}
.tag-fetish {
background: rgba(231, 76, 60, 0.15);
color: #e74c3c;
border: 1px solid rgba(231, 76, 60, 0.3);
}
.tag-extreme {
background: rgba(155, 89, 182, 0.16);
color: #d29bfd;
border: 1px solid rgba(155, 89, 182, 0.38);
}
.gloss-code {
font-family: monospace;
font-weight: 700;
color: var(--gold-primary);
font-size: 0.9rem;
}
.gloss-icon {
color: var(--gold-primary);
font-size: 1rem;
}
.gloss-term {
font-family: var(--font-heading);
color: #fff;
font-size: 1.05rem;
margin-bottom: 10px;
line-height: 1.3;
}
.gloss-def {
font-size: 0.85rem;
color: #bbb;
line-height: 1.6;
}
@media (max-width: 768px) {
.requests-grid-layout,
.client-story-form .form-row {
grid-template-columns: 1fr;
}
.submit-story-box,
.requests-container {
padding: 20px 15px;
}
}
@media (max-width: 768px) {
html, body, body.dark-gold-theme {
width: 100% !important;
max-width: 100vw !important;
overflow-x: hidden !important;
position: relative !important;
}
.site-wrapper {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
.container {
width: 100% !important;
max-width: 100% !important;
padding: 0 14px !important;
box-sizing: border-box !important;
}
.ambient-glow {
display: none !important;
}
.site-header {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 8px 0;
}
.header-inner {
padding: 0 12px;
gap: 8px;
}
.brand-logo .gold-text-shimmer {
font-size: 1.1rem;
letter-spacing: 1px;
}
.brand-logo .sub-brand {
display: none;
}
.language-switcher-box {
gap: 4px;
background: rgba(0, 0, 0, 0.4);
padding: 2px 4px;
}
.lang-btn {
padding: 4px 6px;
font-size: 0.72rem;
}
.lang-btn .lang-code {
font-size: 0.68rem;
}
.header-quick-actions {
gap: 6px;
}
.btn-quick {
padding: 6px 10px;
border-radius: 20px;
font-size: 0.8rem;
}
.btn-quick .btn-text {
display: none;
}
.btn-quick i {
margin: 0;
font-size: 1rem;
}
.tabs-nav-section {
position: sticky;
top: 52px;
z-index: 99;
background: rgba(10, 10, 12, 0.96);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
padding: 8px 0;
border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}
.luxury-tabs-bar {
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow-x: visible;
gap: 6px;
padding: 4px 6px;
}
.luxury-tabs-bar::-webkit-scrollbar {
display: none;
}
.tab-btn {
flex: 0 1 auto;
padding: 6px 11px;
font-size: 0.74rem;
border-radius: 20px;
white-space: nowrap;
}
.tab-btn i {
font-size: 0.85rem;
margin-right: 4px;
}
.hero-jessica-section {
padding: 20px 0 30px;
}
.hero-jessica-grid {
grid-template-columns: 1fr;
gap: 20px;
text-align: center;
}
.hero-jessica-photo-box {
order: 1;
margin: 0 auto;
max-width: 290px;
}
.hero-jessica-img {
max-height: 340px;
width: auto;
filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.94));
}
.hero-jessica-info-box {
order: 2;
align-items: center;
text-align: center;
}
.hero-mini-crest {
width: 58px;
height: 58px;
padding: 2px;
flex-shrink: 0;
border-radius: 50%;
background: var(--gold-gradient);
box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
}
.hero-mini-crest .mini-crest-img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
display: block;
}
.gold-badge-pill {
font-size: 0.72rem;
padding: 4px 10px;
}
.hero-title {
font-size: 2rem;
letter-spacing: 2px;
}
.hero-subtitle {
font-size: 0.88rem;
line-height: 1.5;
padding: 0 5px;
}
.announcement-card {
padding: 16px 14px;
text-align: left;
margin: 15px 0;
border-radius: 10px;
}
.announcement-card-header h3 {
font-size: 0.95rem;
}
.announcement-body {
font-size: 0.84rem;
line-height: 1.55;
}
.hero-action-buttons {
flex-direction: column;
width: 100%;
gap: 10px;
}
.hero-action-buttons .contact-pill {
width: 100%;
justify-content: center;
padding: 12px 18px;
font-size: 0.9rem;
}
.hero-hours-pill {
width: 100%;
justify-content: center;
}
.hero-location-pills {
flex-direction: column;
width: 100%;
gap: 6px;
}
.loc-pill {
width: 100%;
justify-content: center;
font-size: 0.78rem;
padding: 6px 10px;
}
.section-title {
font-size: 1.6rem;
}
.section-desc {
font-size: 0.85rem;
padding: 0 10px;
}
.services-grid,
.schedule-grid,
.rules-grid,
.links-layout,
.testimonials-grid,
.blog-grid,
.glossary-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.gallery-item {
height: 150px;
border-radius: 8px;
}
.requests-container,
.submit-story-box {
padding: 18px 12px;
}
.requests-grid-layout {
grid-template-columns: 1fr;
gap: 20px;
}
.glossary-controls {
padding: 14px 10px;
}
.glossary-category-pills {
gap: 6px;
}
.gloss-cat-btn {
padding: 5px 10px;
font-size: 0.72rem;
}
.welcome-lang-dialog {
max-width: 92vw;
max-height: 90vh;
overflow-y: auto;
padding: 24px 16px;
}
.welcome-crest-frame {
width: 85px;
height: 85px;
margin: 0 auto 12px;
}
.welcome-title {
font-size: 1.4rem;
letter-spacing: 2px;
}
.welcome-tagline {
font-size: 0.75rem;
}
.welcome-btn-grid {
gap: 10px;
}
.btn-choose-lang {
padding: 12px 14px;
font-size: 0.88rem;
}
.btn-choose-lang .flag {
font-size: 1.3rem;
}
.booking-modal-dialog {
max-width: 94vw;
max-height: 92vh;
overflow-y: auto;
padding: 20px 14px;
}
.footer-crest-img {
width: 55px;
height: 55px;
}
.footer-brand {
font-size: 1.2rem;
}
}
@media (max-width: 480px) {
.hero-title {
font-size: 1.75rem;
}
.hero-jessica-img {
max-height: 290px;
}
.gallery-grid {
grid-template-columns: 1fr;
}
.gallery-item {
height: 220px;
}
}
.silo-page-wrapper {
padding: 30px 0 80px;
}
.breadcrumb-nav {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.85rem;
color: var(--text-muted);
margin-bottom: 25px;
flex-wrap: wrap;
}
.breadcrumb-nav a {
color: var(--gold-primary);
text-decoration: none;
transition: var(--transition);
}
.breadcrumb-nav a:hover {
color: var(--gold-light);
text-decoration: underline;
}
.breadcrumb-sep {
color: rgba(212, 175, 55, 0.4);
font-size: 0.75rem;
}
.breadcrumb-current {
color: var(--text-main);
font-weight: 500;
}
.silo-hero {
position: relative;
padding: 40px 35px;
margin-bottom: 40px;
border-radius: var(--radius-lg);
background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.12), transparent 70%), var(--bg-card);
border: 1px solid var(--gold-border);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), var(--gold-glow);
}
.silo-hero-content {
max-width: 850px;
}
.silo-h1 {
font-size: 2.3rem;
line-height: 1.25;
margin-bottom: 16px;
font-weight: 700;
}
.silo-lead {
font-size: 1.1rem;
color: #e0e0e0;
line-height: 1.8;
margin-bottom: 25px;
}
.silo-meta-pills {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 25px;
}
.silo-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(212, 175, 55, 0.12);
border: 1px solid rgba(212, 175, 55, 0.3);
padding: 6px 14px;
border-radius: var(--radius-full);
font-size: 0.85rem;
color: var(--gold-light);
}
.silo-action-strip {
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center;
}
.silo-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 25px;
margin-bottom: 45px;
}
.silo-card {
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: var(--transition);
}
.silo-card-header {
margin-bottom: 18px;
}
.silo-card-icon {
width: 50px;
height: 50px;
border-radius: 50%;
background: rgba(212, 175, 55, 0.15);
border: 1px solid var(--gold-primary);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
color: var(--gold-light);
margin-bottom: 15px;
}
.silo-card-title {
font-size: 1.35rem;
margin-bottom: 10px;
color: #ffffff;
}
.silo-card-body {
font-size: 0.95rem;
color: var(--text-muted);
line-height: 1.7;
margin-bottom: 22px;
flex-grow: 1;
}
.silo-card-features {
list-style: none;
margin-bottom: 25px;
padding-left: 0;
}
.silo-card-features li {
position: relative;
padding-left: 22px;
margin-bottom: 8px;
font-size: 0.9rem;
color: #ddd;
}
.silo-card-features li::before {
content: "❖";
position: absolute;
left: 0;
color: var(--gold-primary);
font-size: 0.8rem;
}
.silo-rich-section {
padding: 35px;
margin-bottom: 40px;
}
.silo-rich-section h2 {
font-size: 1.8rem;
margin-bottom: 20px;
}
.silo-rich-section h3 {
font-size: 1.3rem;
margin: 25px 0 12px;
color: var(--gold-light);
}
.silo-rich-section p {
font-size: 1rem;
color: #d6d6df;
line-height: 1.8;
margin-bottom: 18px;
}
.silo-rich-section ul {
list-style: none;
margin-bottom: 25px;
padding-left: 0;
}
.silo-rich-section ul li {
position: relative;
padding-left: 24px;
margin-bottom: 10px;
color: #e0e0e0;
line-height: 1.7;
}
.silo-rich-section ul li::before {
content: "✔";
position: absolute;
left: 0;
color: var(--gold-primary);
}
.silo-quote-box {
background: rgba(212, 175, 55, 0.08);
border-left: 4px solid var(--gold-primary);
padding: 20px 25px;
margin: 30px 0;
border-radius: 0 var(--radius-md) var(--radius-md) 0;
font-style: italic;
color: #f1f1f1;
}
.silo-internal-links {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 25px;
padding-top: 20px;
border-top: 1px solid rgba(212, 175, 55, 0.2);
}
.silo-link-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(212, 175, 55, 0.25);
border-radius: var(--radius-full);
color: var(--gold-light);
text-decoration: none;
font-size: 0.85rem;
transition: var(--transition);
}
.silo-link-chip:hover {
background: rgba(212, 175, 55, 0.18);
border-color: var(--gold-primary);
transform: translateY(-2px);
}
.footer-directory {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 30px;
padding: 35px 0 25px;
border-top: 1px solid rgba(212, 175, 55, 0.15);
border-bottom: 1px solid rgba(212, 175, 55, 0.15);
margin: 25px 0 20px;
text-align: left;
}
.footer-col h4 {
font-size: 1rem;
color: var(--gold-primary);
margin-bottom: 14px;
letter-spacing: 1.5px;
display: flex;
align-items: center;
gap: 8px;
}
.footer-col ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-col ul li {
margin-bottom: 9px;
}
.footer-col ul li a {
color: #a8a8b8;
text-decoration: none;
font-size: 0.88rem;
transition: var(--transition);
display: inline-flex;
align-items: center;
gap: 6px;
}
.footer-col ul li a:hover {
color: var(--gold-light);
transform: translateX(3px);
}
@media (max-width: 768px) {
.silo-hero {
padding: 25px 20px;
}
.silo-h1 {
font-size: 1.8rem;
}
.silo-rich-section {
padding: 22px 18px;
}
.footer-directory {
grid-template-columns: 1fr;
gap: 20px;
}
}
.page-entry-content img,
.page-entry-content video,
.page-entry-content iframe,
.page-entry-content figure {
max-width: 100%;
height: auto;
}
.page-entry-content {
color: #d6d6df;
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.8;
word-wrap: break-word;
overflow-wrap: break-word;
}
.page-entry-content > *:first-child {
margin-top: 0;
}
.page-entry-content h1,
.page-entry-content h2,
.page-entry-content .wp-block-heading:is(h1, h2) {
font-family: var(--font-heading);
font-size: 1.85rem;
line-height: 1.3;
margin: 32px 0 18px;
background: var(--gold-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
.page-entry-content h3,
.page-entry-content h4,
.page-entry-content .wp-block-heading:is(h3, h4) {
font-family: var(--font-heading);
font-size: 1.3rem;
line-height: 1.4;
margin: 26px 0 14px;
color: var(--gold-light);
font-weight: 700;
}
.page-entry-content p {
margin-bottom: 18px;
color: #d6d6df;
line-height: 1.8;
}
.page-entry-content p.gold-subtitle {
color: var(--gold-primary);
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 10px;
}
.page-entry-content p.silo-lead {
font-size: 1.1rem;
color: #e0e0e0;
line-height: 1.8;
margin-bottom: 25px;
}
.page-entry-content p.silo-pill {
margin-bottom: 0;
color: var(--gold-light);
font-size: 0.85rem;
}
.page-entry-content .silo-hero h1.silo-h1 {
font-size: 2.3rem;
line-height: 1.25;
margin: 0 0 16px;
}
.page-entry-content .silo-card h2.silo-card-title {
font-size: 1.35rem;
margin: 4px 0 10px;
}
.page-entry-content .silo-card p.silo-card-body {
font-size: 0.95rem;
color: var(--text-muted);
line-height: 1.7;
margin-bottom: 20px;
}
.page-entry-content a:not(.wp-block-button__link):not(.btn-gold-action):not(.btn-silver-action):not(.btn-gold-outline):not(.silo-link-chip) {
color: var(--gold-primary);
text-decoration: underline;
text-underline-offset: 3px;
transition: var(--transition);
}
.page-entry-content a:not(.wp-block-button__link):not(.btn-gold-action):not(.btn-silver-action):not(.btn-gold-outline):not(.silo-link-chip):hover {
color: var(--gold-light);
}
.page-entry-content strong {
color: #ffffff;
font-weight: 600;
}
.page-entry-content ul:not(.silo-card-features):not(.blocks-gallery-grid) {
list-style: none;
padding-left: 0;
margin: 0 0 24px;
}
.page-entry-content ul:not(.silo-card-features):not(.blocks-gallery-grid) li {
position: relative;
padding-left: 26px;
margin-bottom: 10px;
color: #e0e0e0;
line-height: 1.75;
}
.page-entry-content ul:not(.silo-card-features):not(.blocks-gallery-grid) li::before {
content: "✔";
position: absolute;
left: 0;
color: var(--gold-primary);
font-weight: 700;
}
.page-entry-content ol {
padding-left: 24px;
margin: 0 0 24px;
color: #e0e0e0;
}
.page-entry-content ol li {
margin-bottom: 10px;
padding-left: 6px;
}
.page-entry-content ol li::marker {
color: var(--gold-primary);
font-weight: 700;
font-family: var(--font-heading);
}
.page-entry-content blockquote,
.page-entry-content .wp-block-quote,
.page-entry-content .wp-block-pullquote {
background: rgba(212, 175, 55, 0.08);
border-left: 4px solid var(--gold-primary);
padding: 20px 25px;
margin: 28px 0;
border-radius: 0 var(--radius-md) var(--radius-md) 0;
font-style: italic;
color: #f5f5f7;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
}
.page-entry-content blockquote p:last-child,
.page-entry-content .wp-block-quote p:last-child {
margin-bottom: 0;
}
.page-entry-content blockquote cite,
.page-entry-content .wp-block-quote cite,
.page-entry-content .wp-block-pullquote cite {
display: block;
margin-top: 10px;
font-family: var(--font-heading);
font-style: normal;
font-size: 0.85rem;
color: var(--gold-light);
letter-spacing: 1px;
}
.page-entry-content .wp-block-image {
margin: 26px 0;
}
.page-entry-content .wp-block-image img,
.featured-img-luxury {
border-radius: var(--radius-md);
border: 1px solid var(--gold-border);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.7), var(--gold-glow);
display: block;
max-width: 100%;
height: auto;
}
.page-entry-content .wp-block-image figcaption,
.page-entry-content .wp-block-gallery figcaption {
margin-top: 10px;
font-size: 0.82rem;
color: var(--gold-light);
text-align: center;
font-style: italic;
}
.page-entry-content .wp-block-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 18px;
margin: 28px 0;
}
.page-entry-content .wp-block-gallery .wp-block-image {
margin: 0;
overflow: hidden;
border-radius: var(--radius-md);
border: 1px solid var(--gold-border);
background: #0a0a0e;
}
.page-entry-content .wp-block-gallery .wp-block-image img {
width: 100%;
height: 280px;
object-fit: cover;
border: none;
transition: transform 0.45s ease;
cursor: pointer;
}
.page-entry-content .wp-block-gallery .wp-block-image:hover img {
transform: scale(1.06);
}
.page-entry-content .wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
margin: 24px 0;
}
.page-entry-content .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background: var(--gold-gradient);
color: #070709 !important;
font-family: var(--font-body);
font-weight: 700;
font-size: 0.9rem;
padding: 12px 26px;
border-radius: var(--radius-full);
border: none;
text-decoration: none !important;
box-shadow: 0 6px 20px rgba(212, 175, 55, 0.35);
transition: var(--transition);
cursor: pointer;
}
.page-entry-content .wp-block-button__link:hover {
background: var(--gold-gradient-hover);
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(212, 175, 55, 0.55);
color: #000000 !important;
}
.page-entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.page-entry-content .wp-block-button.is-style-silver-luxury .wp-block-button__link {
background: rgba(255, 255, 255, 0.05);
color: var(--gold-light) !important;
border: 1px solid var(--gold-border);
box-shadow: none;
}
.page-entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover,
.page-entry-content .wp-block-button.is-style-silver-luxury .wp-block-button__link:hover {
background: rgba(212, 175, 55, 0.16);
border-color: var(--gold-primary);
color: #ffffff !important;
box-shadow: var(--gold-glow);
}
.page-entry-content .wp-block-button.is-style-whatsapp-luxury .wp-block-button__link {
background: linear-gradient(135deg, #25d366 0%, #1da851 100%);
color: #ffffff !important;
box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);
}
.page-entry-content .wp-block-button.is-style-telegram-luxury .wp-block-button__link {
background: linear-gradient(135deg, #229ed9 0%, #1779a8 100%);
color: #ffffff !important;
box-shadow: 0 6px 20px rgba(34, 158, 217, 0.35);
}
.page-entry-content .wp-block-button__link[href*="wa.me"]::before,
.page-entry-content .wp-block-button__link[href*="whatsapp.com"]::before {
content: "\f232";
font-family: "Font Awesome 6 Brands";
font-weight: 400;
font-size: 1.1rem;
}
.page-entry-content .wp-block-button__link[href*="telegram.me"]::before,
.page-entry-content .wp-block-button__link[href*="t.me"]::before {
content: "\f2c6";
font-family: "Font Awesome 6 Brands";
font-weight: 400;
font-size: 1.05rem;
}
.page-entry-content .wp-block-columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
margin: 30px 0;
}
.page-entry-content .wp-block-column.glass-card,
.page-entry-content .wp-block-column.is-style-glass-card,
.page-entry-content .wp-block-group.glass-card,
.page-entry-content .wp-block-group.is-style-glass-card {
background: var(--bg-card);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid var(--gold-border);
border-radius: var(--radius-md);
padding: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
transition: var(--transition);
}
.page-entry-content .wp-block-column.silo-card {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.wp-block-column.silo-card[class*="silo-icon-"]::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
width: 50px;
height: 50px;
border-radius: 50%;
background: rgba(212, 175, 55, 0.15);
border: 1px solid var(--gold-primary);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
color: var(--gold-light);
margin-bottom: 15px;
flex-shrink: 0;
}
.wp-block-column.silo-card.silo-icon-feather::before { content: "\f52d"; }
.wp-block-column.silo-card.silo-icon-link::before { content: "\f0c1"; }
.wp-block-column.silo-card.silo-icon-fire::before { content: "\f7e4"; }
.wp-block-column.silo-card.silo-icon-snow::before { content: "\f2dc"; }
.wp-block-column.silo-card.silo-icon-mountain::before { content: "\f6fc"; }
.wp-block-column.silo-card.silo-icon-dungeon::before { content: "\f6d9"; }
.wp-block-column.silo-card.silo-icon-queen::before { content: "\f445"; }
.wp-block-column.silo-card.silo-icon-map::before { content: "\f5a0"; }
.wp-block-column.silo-card.silo-icon-gem::before { content: "\f3a5"; }
.wp-block-column.silo-card.silo-icon-heart::before { content: "\f004"; }
.wp-block-column.silo-card.silo-icon-handshake::before { content: "\f2b5"; }
.wp-block-column.silo-card.silo-icon-shoe::before { content: "\f54b"; }
.wp-block-column.silo-card.silo-icon-shield::before { content: "\f3ed"; }
.wp-block-column.silo-card.silo-icon-hotel::before { content: "\f594"; }
.wp-block-column.silo-card.silo-icon-clock::before { content: "\f017"; }
.wp-block-column.silo-card.silo-icon-brain::before { content: "\f5dc"; }
.wp-block-column.silo-card.silo-icon-car::before { content: "\f1b9"; }
.wp-block-column.silo-card.silo-icon-compass::before { content: "\f14e"; }
.wp-block-column.silo-card.silo-icon-mask::before { content: "\f6fa"; }
.wp-block-column.silo-card.silo-icon-secret::before { content: "\f21b"; }
.page-entry-content .silo-meta-pills {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 25px;
}
.page-entry-content .wp-block-column.silo-card .wp-block-buttons {
margin-top: auto;
margin-bottom: 0;
padding-top: 15px;
}
.page-entry-content .wp-block-column.silo-card .wp-block-button,
.page-entry-content .wp-block-column.silo-card .wp-block-button__link {
width: 100%;
}
.page-entry-content hr,
.page-entry-content .wp-block-separator {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.6), transparent);
margin: 35px 0;
}
.page-entry-content .wp-block-table {
margin: 25px 0;
overflow-x: auto;
}
.page-entry-content table {
width: 100%;
border-collapse: collapse;
background: rgba(14, 14, 20, 0.85);
border: 1px solid var(--gold-border);
border-radius: var(--radius-sm);
overflow: hidden;
}
.page-entry-content th,
.page-entry-content td {
padding: 12px 16px;
border-bottom: 1px solid rgba(212, 175, 55, 0.18);
text-align: left;
}
.page-entry-content th {
font-family: var(--font-heading);
color: var(--gold-light);
background: rgba(212, 175, 55, 0.12);
}
.page-entry-content .wp-block-media-text {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
align-items: center;
background: rgba(18, 18, 24, 0.65);
border: 1px solid var(--gold-border);
border-radius: var(--radius-md);
padding: 24px;
margin: 28px 0;
}
.blog-card-thumb-link {
display: block;
margin: -28px -28px 18px -28px;
overflow: hidden;
border-radius: var(--radius-md) var(--radius-md) 0 0;
border-bottom: 1px solid rgba(212, 175, 55, 0.25);
max-height: 310px;
background: radial-gradient(circle at center, rgba(212, 175, 55, 0.14), rgba(8, 8, 12, 0.96));
}
.blog-card-thumb-img {
width: 100%;
height: 300px;
object-fit: contain;
display: block;
transition: transform 0.45s ease;
}
.blog-card:hover .blog-card-thumb-img {
transform: scale(1.05);
}
.blog-title-link {
color: #ffffff;
text-decoration: none;
transition: var(--transition);
}
.blog-title-link:hover {
color: var(--gold-light);
}
.blog-card-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 12px;
padding-top: 14px;
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.btn-blog-permalink {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--gold-light);
font-size: 0.8rem;
font-weight: 600;
text-decoration: none;
padding: 6px 12px;
border-radius: var(--radius-full);
background: rgba(212, 175, 55, 0.1);
border: 1px solid rgba(212, 175, 55, 0.25);
transition: var(--transition);
}
.btn-blog-permalink:hover {
background: rgba(212, 175, 55, 0.22);
border-color: var(--gold-primary);
color: #ffffff;
}
.single-post-header {
margin-bottom: 28px;
padding-bottom: 22px;
border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}
.single-post-meta-top {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
margin-bottom: 16px;
}
.blog-author {
font-size: 0.82rem;
color: var(--gold-light);
font-weight: 500;
}
.single-post-featured-img {
margin-top: 22px;
text-align: center;
}
.single-post-featured-img img {
display: block;
max-width: 100%;
width: auto;
max-height: 760px;
height: auto;
margin: 0 auto;
object-fit: contain;
border-radius: var(--radius-md);
border: 1px solid rgba(212, 175, 55, 0.45);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.7);
cursor: zoom-in;
}
.single-post-tags {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid rgba(212, 175, 55, 0.2);
}
.tags-label {
font-size: 0.85rem;
color: var(--text-muted);
}
.post-cta-box {
margin-top: 35px;
padding: 30px;
background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.14), rgba(12, 12, 16, 0.92));
border: 1px solid rgba(212, 175, 55, 0.45);
}
.post-cta-box h3 {
margin: 6px 0 10px;
font-size: 1.45rem;
}
.post-navigation-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-top: 25px;
}
.post-nav-card {
padding: 20px 24px;
text-decoration: none;
display: flex;
flex-direction: column;
gap: 6px;
}
.post-nav-card.text-right {
text-align: right;
align-items: flex-end;
}
.post-nav-label {
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--gold-primary);
font-weight: 600;
}
.post-nav-title {
font-family: var(--font-heading);
color: #ffffff;
font-size: 1.05rem;
}
@media (max-width: 768px) {
.page-entry-content .wp-block-media-text {
grid-template-columns: 1fr;
}
.page-entry-content h1,
.page-entry-content h2 {
font-size: 1.45rem;
}
}
.footer-visit-counter {
margin-top: 14px;
display: flex;
justify-content: center;
}
.fvc-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(18, 17, 24, 0.85);
border: 1px solid rgba(212, 175, 55, 0.3);
padding: 5px 14px;
border-radius: 99px;
font-size: 0.78rem;
color: var(--text-muted);
}
.fvc-pill i,
.fvc-pill strong {
color: var(--gold-light);
}
.fvc-sep {
opacity: 0.45;
}
.hero-calendar-showcase {
margin-top: 28px;
}
.divine-public-calendar-box {
margin-top: 20px;
padding: 28px 30px;
border: 1px solid rgba(212, 175, 55, 0.45);
border-radius: var(--radius-md);
background: linear-gradient(145deg, rgba(20, 18, 27, 0.94) 0%, rgba(11, 10, 15, 0.96) 100%);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75), 0 0 25px rgba(212, 175, 55, 0.10);
}
.dcal-header-top {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 22px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(212, 175, 55, 0.22);
}
.dcal-main-title {
font-family: var(--font-heading);
font-size: 1.5rem;
margin: 4px 0 6px;
}
.dcal-sub-desc {
color: var(--text-muted);
font-size: 0.9rem;
margin: 0;
}
.dcal-legend {
display: flex;
flex-wrap: wrap;
gap: 14px;
font-size: 0.8rem;
color: var(--text-main);
background: rgba(0, 0, 0, 0.5);
padding: 8px 15px;
border-radius: 99px;
border: 1px solid rgba(212, 175, 55, 0.28);
}
.dcal-leg-item {
display: inline-flex;
align-items: center;
gap: 6px;
}
.dcal-events-filter-bar {
background: rgba(18, 16, 24, 0.7);
border: 1px solid rgba(212, 175, 55, 0.3);
border-radius: 12px;
padding: 12px 14px;
margin-bottom: 18px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
}
.dcal-filter-top-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.dcal-search-input-wrap {
position: relative;
flex: 1;
min-width: 240px;
display: flex;
align-items: center;
}
.dcal-search-input-wrap i.fa-search {
position: absolute;
left: 12px;
color: var(--gold-primary);
font-size: 0.85rem;
pointer-events: none;
}
.dcal-events-search {
width: 100%;
padding: 8px 32px 8px 34px;
background: rgba(10, 10, 15, 0.85);
border: 1px solid rgba(212, 175, 55, 0.4);
border-radius: 99px;
color: #fff;
font-family: inherit;
font-size: 0.82rem;
outline: none;
transition: all 0.2s ease;
}
.dcal-events-search:focus {
border-color: var(--gold-light);
box-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
}
.dcal-clear-search-btn {
position: absolute;
right: 10px;
background: transparent;
border: none;
color: var(--text-muted);
cursor: pointer;
font-size: 0.85rem;
padding: 4px;
}
.dcal-clear-search-btn:hover {
color: #fff;
}
.dcal-filter-pills {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.dcal-filter-pill {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 99px;
color: #ddd;
font-family: inherit;
font-size: 0.76rem;
font-weight: 600;
padding: 6px 12px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.15s ease;
}
.dcal-filter-pill:hover {
border-color: var(--gold-primary);
color: #fff;
}
.dcal-filter-pill.active {
background: var(--gold-gradient);
color: #111;
border-color: transparent;
font-weight: 800;
box-shadow: 0 2px 10px rgba(212, 175, 55, 0.35);
}
.dcal-featured-events-row {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 8px;
padding-bottom: 4px;
width: 100%;
overflow: visible;
}
.dcal-featured-events-row::-webkit-scrollbar {
display: none;
}
.dcal-event-chip {
background: rgba(10, 10, 15, 0.9);
border: 1px solid rgba(212, 175, 55, 0.35);
border-radius: 8px;
padding: 8px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.15s ease;
box-sizing: border-box;
width: 100%;
}
.dcal-event-chip:hover {
border-color: var(--gold-light);
transform: translateY(-1px);
box-shadow: 0 3px 12px rgba(212, 175, 55, 0.25);
}
.dcal-event-chip.chip-party {
border-color: rgba(243, 156, 18, 0.55);
background: rgba(243, 156, 18, 0.08);
}
.dcal-event-chip.chip-party:hover {
border-color: #f39c12;
}
.dcal-body-grid {
display: grid;
grid-template-columns: 1.12fr 1fr;
gap: 24px;
align-items: stretch;
}
.dcal-month-col {
background: rgba(10, 10, 15, 0.82);
border: 1px solid rgba(212, 175, 55, 0.26);
border-radius: var(--radius-sm);
padding: 18px;
}
.dcal-month-nav {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
background: rgba(255, 255, 255, 0.03);
padding: 8px 12px;
border-radius: 8px;
border: 1px solid rgba(212, 175, 55, 0.18);
}
.dcal-month-label {
font-family: var(--font-heading);
color: var(--gold-light);
font-size: 1.1rem;
letter-spacing: 0.5px;
}
.dcal-nav-btn {
background: rgba(212, 175, 55, 0.12);
border: 1px solid rgba(212, 175, 55, 0.35);
color: var(--gold-light);
width: 34px;
height: 34px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition);
}
.dcal-nav-btn:hover {
background: var(--gold-primary);
color: #111;
}
.dcal-weekdays {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
text-align: center;
font-size: 0.73rem;
font-weight: 700;
color: var(--gold-primary);
text-transform: uppercase;
margin-bottom: 8px;
width: 100%;
box-sizing: border-box;
}
.dcal-days-grid {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 6px;
width: 100%;
box-sizing: border-box;
}
.dcal-day,
.dcal-day-cell {
min-height: 54px;
min-width: 0;
width: 100%;
box-sizing: border-box;
background: rgba(22, 21, 30, 0.85);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
padding: 6px 4px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
cursor: pointer;
transition: all 0.18s ease;
position: relative;
overflow: hidden;
}
.dcal-day-head {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3px;
max-width: 100%;
line-height: 1;
}
.dcal-flag-corner {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
pointer-events: none;
flex-shrink: 0;
}
.dcal-flag-corner svg {
display: block;
width: 15px;
height: 10px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 2px;
}
@media (max-width: 768px) {
.dcal-flag-corner svg {
width: 13px;
height: 9px;
}
}
.dcal-day.is-empty,
.dcal-day-cell.empty {
background: transparent;
border-color: transparent;
cursor: default;
}
.dcal-day.is-past,
.dcal-day-cell.past {
opacity: 0.35;
cursor: not-allowed;
}
.dcal-day:not(.is-empty):not(.is-past):hover,
.dcal-day-cell:not(.empty):hover {
border-color: var(--gold-primary);
background: rgba(212, 175, 55, 0.12);
transform: translateY(-1px);
}
.dcal-day.is-today {
border-color: rgba(212, 175, 55, 0.55);
}
.dcal-day.is-selected,
.dcal-day-cell.selected {
border: 2px solid var(--gold-light);
background: linear-gradient(135deg, rgba(212, 175, 55, 0.28), rgba(212, 175, 55, 0.10));
box-shadow: 0 0 15px rgba(212, 175, 55, 0.35);
}
.dcal-day-num {
font-size: 0.88rem;
font-weight: 700;
color: #fff;
line-height: 1;
}
.dcal-day-tour-tag {
font-size: 0.62rem;
font-weight: 800;
color: var(--gold-light);
background: rgba(212, 175, 55, 0.16);
border: 1px solid rgba(212, 175, 55, 0.45);
max-width: 100%;
width: 100%;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 2px 4px;
border-radius: 5px;
display: block;
text-align: center;
letter-spacing: 0.2px;
}
.dcal-day.dcal-has-tour {
border-color: rgba(212, 175, 55, 0.45);
background: linear-gradient(180deg, rgba(212, 175, 55, 0.12), rgba(16, 15, 20, 0.92));
}
.dcal-day-dot,
.dcal-status-dot {
width: 7px;
height: 7px;
border-radius: 50%;
flex-shrink: 0;
}
.dcal-day-dot.free,
.dcal-status-dot.free { background: #2ecc71; box-shadow: 0 0 6px #2ecc71; }
.dcal-day-dot.partial,
.dcal-status-dot.partial { background: #f39c12; box-shadow: 0 0 6px #f39c12; }
.dcal-day-dot.busy,
.dcal-status-dot.busy { background: #ff5252; box-shadow: 0 0 6px #ff5252; }
.dcal-slots-col {
background: rgba(10, 10, 15, 0.78);
border: 1px solid rgba(212, 175, 55, 0.25);
border-radius: var(--radius-sm);
padding: 18px;
box-sizing: border-box;
}
.dcal-selected-header {
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}
.dcal-selected-date-label {
font-family: var(--font-heading);
color: var(--gold-light);
font-size: 1.05rem;
font-weight: 700;
display: block;
}
.dcal-selected-tour-badge {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 6px;
font-size: 0.78rem;
color: #fff;
background: rgba(212, 175, 55, 0.16);
border: 1px solid rgba(212, 175, 55, 0.4);
padding: 3px 10px;
border-radius: 99px;
}
.dcal-slots-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6px;
margin-bottom: 14px;
max-height: 310px;
overflow-y: auto;
padding-right: 4px;
box-sizing: border-box;
}
.dcal-slots-grid::-webkit-scrollbar {
width: 6px;
}
.dcal-slots-grid::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.35);
border-radius: 99px;
}
.dcal-slots-grid::-webkit-scrollbar-thumb {
background: rgba(212, 175, 55, 0.45);
border-radius: 99px;
}
.dcal-slot-item {
padding: 7px 4px;
border-radius: 7px;
text-align: center;
font-size: 0.78rem;
font-weight: 700;
display: flex;
flex-direction: column;
gap: 2px;
transition: all 0.18s ease;
box-sizing: border-box;
}
.dcal-slot-item.slot-free {
background: rgba(46, 204, 113, 0.11);
border: 1px solid rgba(46, 204, 113, 0.42);
color: #eafff2;
cursor: pointer;
}
.dcal-slot-item.slot-free:hover {
background: rgba(46, 204, 113, 0.26);
border-color: #2ecc71;
transform: translateY(-1px);
}
.dcal-slot-item.slot-busy {
background: rgba(255, 82, 82, 0.14);
border: 1px solid rgba(255, 82, 82, 0.42);
color: #ff9e9e;
opacity: 0.85;
cursor: not-allowed;
}
.dcal-slot-item.is-selected-slot {
background: linear-gradient(135deg, rgba(212, 175, 55, 0.45) 0%, rgba(243, 156, 18, 0.35) 100%) !important;
border: 2px solid var(--gold-primary, #d4af37) !important;
color: #fff !important;
box-shadow: 0 0 12px rgba(212, 175, 55, 0.6) !important;
transform: translateY(-2px) scale(1.02);
z-index: 2;
}
.dcal-slot-item.is-selected-slot .dcal-slot-status {
color: #ffeaa7 !important;
font-weight: 800 !important;
}
.dcal-selection-bar {
background: linear-gradient(135deg, rgba(212, 175, 55, 0.14) 0%, rgba(20, 20, 28, 0.96) 100%);
border: 1px solid var(--gold-primary);
border-radius: 9px;
padding: 10px 14px;
margin-top: 12px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
animation: fadeInCalBar 0.22s ease-out;
}
@keyframes fadeInCalBar {
from { opacity: 0; transform: translateY(6px); }
to { opacity: 1; transform: translateY(0); }
}
.dcal-slot-status {
font-size: 0.6rem;
font-weight: 600;
text-transform: uppercase;
}
.hero-pref-banner {
border: 1px solid rgba(212,175,55,0.45);
background: linear-gradient(135deg, rgba(19,17,26,0.96) 0%, rgba(28,24,38,0.96) 100%);
padding: 22px 26px;
border-radius: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
box-sizing: border-box;
width: 100%;
}
.hero-pref-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 18px;
width: 100%;
box-sizing: border-box;
}
.hero-pref-text {
flex: 1 1 300px;
min-width: 0;
}
.hero-pref-title {
font-family: 'Cinzel', serif;
font-size: 1.3rem;
color: var(--gold-light);
margin: 0 0 8px 0;
}
.hero-pref-desc {
font-size: 0.87rem;
color: #ffdd80;
margin: 0;
line-height: 1.5;
}
.hero-pref-action {
flex-shrink: 0;
}
.hero-pref-btn {
background: var(--gold-gradient);
color: #111 !important;
font-weight: 800;
font-size: 0.92rem;
padding: 14px 26px;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: 99px;
box-shadow: 0 4px 20px rgba(212,175,55,0.4);
transition: var(--transition);
box-sizing: border-box;
max-width: 100%;
text-align: center;
}
.hero-pref-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 25px rgba(212,175,55,0.6);
}
@media (max-width: 860px) {
.dcal-body-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.dcal-slots-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
}
.divine-public-calendar-box {
padding: 16px 12px;
}
}
@media (max-width: 768px) {
.hero-pref-banner {
padding: 16px 14px !important;
border-radius: 12px !important;
}
.hero-pref-content {
flex-direction: column !important;
align-items: center !important;
text-align: left !important;
gap: 14px !important;
}
.hero-pref-text {
width: 100% !important;
flex: 1 1 100% !important;
}
.hero-pref-title {
font-size: 1.15rem !important;
line-height: 1.3 !important;
}
.hero-pref-desc {
font-size: 0.82rem !important;
line-height: 1.45 !important;
}
.hero-pref-action {
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.hero-pref-btn {
width: 100% !important;
max-width: 320px !important;
padding: 12px 16px !important;
font-size: 0.85rem !important;
justify-content: center !important;
box-shadow: 0 4px 15px rgba(212,175,55,0.35) !important;
}
.divine-public-calendar-box {
padding: 12px 6px !important;
border-radius: 12px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.dcal-header-top {
gap: 10px !important;
margin-bottom: 12px !important;
padding-bottom: 10px !important;
}
.dcal-main-title {
font-size: 1.15rem !important;
line-height: 1.25 !important;
}
.dcal-sub-desc {
font-size: 0.78rem !important;
}
.dcal-legend {
gap: 8px !important;
font-size: 0.7rem !important;
padding: 6px 10px !important;
justify-content: center !important;
width: 100% !important;
}
.dcal-body-grid {
gap: 12px !important;
}
.dcal-month-col {
padding: 10px 4px !important;
border-radius: 10px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.dcal-month-nav {
padding: 6px 8px !important;
margin-bottom: 8px !important;
}
.dcal-month-label {
font-size: 0.95rem !important;
}
.dcal-nav-btn {
width: 30px !important;
height: 30px !important;
}
.dcal-weekdays {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
gap: 2px !important;
font-size: 0.62rem !important;
margin-bottom: 6px !important;
}
.dcal-weekdays span {
padding: 0 1px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.dcal-days-grid {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
gap: 2px !important;
width: 100% !important;
}
.dcal-day,
.dcal-day-cell {
min-height: 40px !important;
height: auto !important;
padding: 4px 1px !important;
border-radius: 6px !important;
gap: 1px !important;
}
.dcal-day-num {
font-size: 0.76rem !important;
}
.dcal-day-dot {
width: 5px !important;
height: 5px !important;
}
.dcal-day-tour-tag {
font-size: 0.48rem !important;
line-height: 1.1 !important;
padding: 0 1px !important;
max-width: 100% !important;
}
.dcal-slots-col {
padding: 12px 8px !important;
border-radius: 10px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.dcal-selected-header {
margin-bottom: 10px !important;
padding-bottom: 8px !important;
}
.dcal-selected-date-label {
font-size: 0.95rem !important;
}
.dcal-selected-tour-badge {
font-size: 0.72rem !important;
padding: 2px 8px !important;
}
.dcal-slots-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 5px !important;
max-height: 250px !important;
padding-right: 2px !important;
}
.dcal-slot-item {
padding: 7px 2px !important;
font-size: 0.72rem !important;
border-radius: 6px !important;
}
.dcal-slot-status {
font-size: 0.55rem !important;
}
.dcal-wa-direct-btn {
font-size: 0.8rem !important;
padding: 12px 10px !important;
border-radius: 99px !important;
}
}
@media (max-width: 600px) {
.dcal-featured-events-row {
grid-template-columns: 1fr !important;
gap: 6px !important;
}
#preferencesEmbedModal .modal-content {
width: 100vw !important;
height: 100vh !important;
max-height: 100vh !important;
border-radius: 0 !important;
margin: 0 !important;
border: none !important;
}
}
.divine-portal-intro {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
perspective: 1400px;
cursor: pointer;
transition: opacity 0.4s ease;
}
.divine-portal-intro.is-done {
opacity: 0;
pointer-events: none;
}
.portal-door {
position: absolute;
top: 0;
bottom: 0;
width: 50%;
background: radial-gradient(circle at center, rgba(28, 22, 14, 0.98) 0%, #070709 78%);
transition: transform 0.95s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.7s ease;
will-change: transform;
}
.portal-door-left {
left: 0;
transform-origin: left center;
border-right: 1px solid rgba(212, 175, 55, 0.55);
box-shadow: inset -40px 0 80px rgba(0, 0, 0, 0.85);
}
.portal-door-right {
right: 0;
transform-origin: right center;
border-left: 1px solid rgba(212, 175, 55, 0.55);
box-shadow: inset 40px 0 80px rgba(0, 0, 0, 0.85);
}
.portal-seam-glow {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 3px;
transform: translateX(-50%) scaleY(0);
background: linear-gradient(180deg, transparent 0%, #ffd700 25%, #fff3b0 50%, #ffd700 75%, transparent 100%);
box-shadow: 0 0 28px 6px rgba(212, 175, 55, 0.75);
opacity: 0;
z-index: 2;
animation: portalSeamFlash 0.65s ease-out forwards;
}
.portal-crest-wrap {
position: relative;
z-index: 3;
width: min(320px, 68vw);
height: min(320px, 68vw);
display: flex;
align-items: center;
justify-content: center;
animation: portalCrestEnter 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
transition: transform 0.65s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.45s ease;
}
.portal-crest-aura {
position: absolute;
inset: -24px;
border-radius: 50%;
background: radial-gradient(circle, rgba(212, 175, 55, 0.45) 0%, rgba(212, 175, 55, 0.12) 45%, transparent 72%);
filter: blur(10px);
animation: portalAuraPulse 0.9s ease-in-out infinite alternate;
}
.portal-crest-img {
position: relative;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
border: 2px solid rgba(212, 175, 55, 0.85);
box-shadow: 0 0 45px rgba(212, 175, 55, 0.55), 0 18px 50px rgba(0, 0, 0, 0.9);
}
.divine-portal-intro.is-opening .portal-crest-wrap {
transform: scale(1.22);
opacity: 0;
}
.divine-portal-intro.is-opening .portal-seam-glow {
opacity: 0;
transition: opacity 0.25s ease;
}
.divine-portal-intro.is-opening .portal-door-left {
transform: translateX(-100%) rotateY(22deg);
}
.divine-portal-intro.is-opening .portal-door-right {
transform: translateX(100%) rotateY(-22deg);
}
@keyframes portalCrestEnter {
0% {
opacity: 0;
transform: scale(0.72);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes portalSeamFlash {
0% {
opacity: 0;
transform: translateX(-50%) scaleY(0.1);
}
60% {
opacity: 1;
transform: translateX(-50%) scaleY(1);
}
100% {
opacity: 0.7;
transform: translateX(-50%) scaleY(1);
}
}
@keyframes portalAuraPulse {
from { transform: scale(0.96); opacity: 0.75; }
to { transform: scale(1.06); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.divine-portal-intro,
.tab-portal-curtain {
display: none !important;
}
}
.mobile-tabs-toggle {
display: none;
}
@media (max-width: 768px) {
.tabs-nav-section {
padding: 8px 0 !important;
margin-bottom: 14px !important;
}
.mobile-tabs-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 10px 14px;
background: linear-gradient(135deg, rgba(22, 18, 12, 0.96), rgba(14, 14, 18, 0.98));
border: 1px solid rgba(212, 175, 55, 0.45);
border-radius: 12px;
color: #fff;
font-family: var(--font-body);
font-size: 0.9rem;
cursor: pointer;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}
.mobile-tabs-toggle .mtt-left {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.mobile-tabs-toggle .mtt-left i {
color: var(--gold-primary);
font-size: 1rem;
}
.mobile-tabs-toggle .mtt-label {
color: var(--text-muted);
font-size: 0.82rem;
}
.mobile-tabs-toggle strong {
color: var(--gold-light);
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mobile-tabs-toggle .mtt-arrow {
color: var(--gold-primary);
transition: transform 0.25s ease;
flex-shrink: 0;
}
.mobile-tabs-toggle[aria-expanded="true"] .mtt-arrow {
transform: rotate(180deg);
}
.luxury-tabs-bar {
display: none !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 6px !important;
padding: 10px 0 4px !important;
}
.luxury-tabs-bar.is-open {
display: flex !important;
}
.luxury-tabs-bar.is-open .tab-btn {
width: 100%;
justify-content: flex-start;
border-radius: 10px;
border-bottom: none;
padding: 10px 14px;
font-size: 0.88rem;
}
.luxury-tabs-bar.is-open .tab-btn.active {
background: var(--gold-gradient);
color: #070709;
}
}
.tab-portal-curtain {
position: fixed;
inset: 0;
z-index: 9998;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
perspective: 1400px;
pointer-events: auto;
}
.tpc-door {
position: absolute;
top: 0;
bottom: 0;
width: 50%;
background: radial-gradient(circle at center, rgba(28, 22, 14, 0.98) 0%, #070709 80%);
transition: transform 0.38s cubic-bezier(0.77, 0, 0.175, 1);
will-change: transform;
}
.tpc-door-left {
left: 0;
transform-origin: left center;
transform: translateX(-100%);
border-right: 1px solid rgba(212, 175, 55, 0.65);
box-shadow: inset -30px 0 60px rgba(0, 0, 0, 0.85);
}
.tpc-door-right {
right: 0;
transform-origin: right center;
transform: translateX(100%);
border-left: 1px solid rgba(212, 175, 55, 0.65);
box-shadow: inset 30px 0 60px rgba(0, 0, 0, 0.85);
}
.tab-portal-curtain.is-closing .tpc-door-left,
.tab-portal-curtain.is-closing .tpc-door-right {
transform: translateX(0);
}
.tab-portal-curtain.is-opening .tpc-door-left {
transform: translateX(-100%) rotateY(20deg);
}
.tab-portal-curtain.is-opening .tpc-door-right {
transform: translateX(100%) rotateY(-20deg);
}
.tpc-seam {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 3px;
transform: translateX(-50%);
background: linear-gradient(180deg, transparent 0%, #ffd700 25%, #fff3b0 50%, #ffd700 75%, transparent 100%);
box-shadow: 0 0 24px 6px rgba(212, 175, 55, 0.75);
opacity: 0;
z-index: 2;
transition: opacity 0.18s ease;
}
.tab-portal-curtain.is-closing .tpc-seam {
opacity: 0.9;
}
.tab-portal-curtain.is-opening .tpc-seam {
opacity: 0;
}
.tpc-crest-wrap {
position: relative;
z-index: 3;
width: min(210px, 52vw);
height: min(210px, 52vw);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0.65);
transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease;
}
.tab-portal-curtain.is-closing .tpc-crest-wrap {
opacity: 1;
transform: scale(1);
}
.tab-portal-curtain.is-opening .tpc-crest-wrap {
opacity: 0;
transform: scale(1.24);
}
.tpc-crest-aura {
position: absolute;
inset: -18px;
border-radius: 50%;
background: radial-gradient(circle, rgba(212, 175, 55, 0.5) 0%, rgba(212, 175, 55, 0.12) 48%, transparent 72%);
filter: blur(8px);
}
.tpc-crest-img {
position: relative;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
border: 2px solid rgba(212, 175, 55, 0.9);
box-shadow: 0 0 36px rgba(212, 175, 55, 0.6), 0 12px 32px rgba(0, 0, 0, 0.9);
}
.dt-info-pill {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 3px 9px;
border-radius: 999px;
background: rgba(212, 175, 55, 0.08);
border: 1px solid rgba(212, 175, 55, 0.35);
color: var(--gold-light);
font-family: inherit;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.3px;
cursor: pointer;
transition: all 0.2s ease;
vertical-align: middle;
}
.dt-info-pill:hover,
.dt-info-pill.is-open {
background: rgba(212, 175, 55, 0.2);
border-color: var(--gold-primary);
color: #fff;
}
.dt-info-body {
animation: dtInfoFade 0.18s ease;
}
@keyframes dtInfoFade {
from { opacity: 0; transform: translateY(-3px); }
to { opacity: 1; transform: translateY(0); }
}
.header-status-badge.is-busy {
background: rgba(255, 82, 82, 0.14);
border-color: rgba(255, 82, 82, 0.45);
color: #ff8a8a;
}
.header-status-badge.is-busy .pulse-dot {
background: #ff5252;
box-shadow: 0 0 8px rgba(255, 82, 82, 0.8);
}
.header-status-badge.is-off {
background: rgba(243, 156, 18, 0.12);
border-color: rgba(243, 156, 18, 0.4);
color: #f8c471;
}
.header-status-badge.is-off .pulse-dot {
background: #f39c12;
box-shadow: none;
animation: none;
}
.header-schedule-badge {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(212, 175, 55, 0.3);
color: var(--text-light);
}
.header-schedule-badge.is-tour {
background: rgba(212, 175, 55, 0.14);
border-color: rgba(212, 175, 55, 0.55);
color: var(--gold-light);
}
.divine-idle-screensaver {
position: fixed;
inset: 0;
z-index: 9998;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.85s ease;
overflow: hidden;
cursor: pointer;
user-select: none;
}
.divine-idle-screensaver.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.divine-ss-backdrop {
position: absolute;
inset: 0;
background: radial-gradient(circle at 50% 42%, rgba(28, 20, 10, 0.94) 0%, rgba(7, 7, 10, 0.985) 60%, #030304 100%);
backdrop-filter: blur(18px) saturate(1.2);
-webkit-backdrop-filter: blur(18px) saturate(1.2);
}
.divine-ss-particles {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}
.divine-ss-particles span {
position: absolute;
bottom: -10%;
width: 4px;
height: 4px;
border-radius: 50%;
background: radial-gradient(circle, #fff3b0 0%, #d4af37 60%, transparent 100%);
box-shadow: 0 0 10px 2px rgba(212, 175, 55, 0.65);
opacity: 0;
animation: divineEmberRise 11s linear infinite;
}
.divine-ss-particles span:nth-child(1)  { left: 6%;  animation-delay: 0s;    animation-duration: 10s; }
.divine-ss-particles span:nth-child(2)  { left: 12%; animation-delay: 2.1s;  animation-duration: 12s; width: 3px; height: 3px; }
.divine-ss-particles span:nth-child(3)  { left: 18%; animation-delay: 4.5s;  animation-duration: 9.5s; }
.divine-ss-particles span:nth-child(4)  { left: 24%; animation-delay: 1.2s;  animation-duration: 13s; width: 5px; height: 5px; }
.divine-ss-particles span:nth-child(5)  { left: 31%; animation-delay: 6.0s;  animation-duration: 11s; }
.divine-ss-particles span:nth-child(6)  { left: 37%; animation-delay: 3.4s;  animation-duration: 10.5s; width: 3px; height: 3px; }
.divine-ss-particles span:nth-child(7)  { left: 43%; animation-delay: 7.2s;  animation-duration: 12.5s; }
.divine-ss-particles span:nth-child(8)  { left: 49%; animation-delay: 0.8s;  animation-duration: 9s; width: 5px; height: 5px; }
.divine-ss-particles span:nth-child(9)  { left: 55%; animation-delay: 5.1s;  animation-duration: 11.5s; }
.divine-ss-particles span:nth-child(10) { left: 61%; animation-delay: 2.7s;  animation-duration: 10s; width: 3px; height: 3px; }
.divine-ss-particles span:nth-child(11) { left: 67%; animation-delay: 6.8s;  animation-duration: 13.5s; }
.divine-ss-particles span:nth-child(12) { left: 73%; animation-delay: 1.9s;  animation-duration: 9.8s; }
.divine-ss-particles span:nth-child(13) { left: 79%; animation-delay: 4.0s;  animation-duration: 12s; width: 5px; height: 5px; }
.divine-ss-particles span:nth-child(14) { left: 85%; animation-delay: 7.7s;  animation-duration: 10.2s; }
.divine-ss-particles span:nth-child(15) { left: 91%; animation-delay: 3.1s;  animation-duration: 11.8s; width: 3px; height: 3px; }
.divine-ss-particles span:nth-child(16) { left: 96%; animation-delay: 5.6s;  animation-duration: 9.2s; }
.divine-ss-particles span:nth-child(17) { left: 28%; animation-delay: 8.4s;  animation-duration: 14s; }
.divine-ss-particles span:nth-child(18) { left: 64%; animation-delay: 9.1s;  animation-duration: 12.2s; }
@keyframes divineEmberRise {
0%   { transform: translateY(0) translateX(0) scale(0.5); opacity: 0; }
15%  { opacity: 0.75; }
50%  { transform: translateY(-55vh) translateX(18px) scale(1); opacity: 0.9; }
85%  { opacity: 0.4; }
100% { transform: translateY(-115vh) translateX(-14px) scale(0.3); opacity: 0; }
}
.divine-ss-stage {
position: relative;
z-index: 2;
width: min(310px, 64vw);
height: min(310px, 64vw);
perspective: 1400px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
animation: divineStageFloat 6s ease-in-out infinite;
}
@keyframes divineStageFloat {
0%, 100% { transform: translateY(0px); }
50%      { transform: translateY(-14px); }
}
.divine-ss-aura {
position: absolute;
inset: -44px;
border-radius: 50%;
background: radial-gradient(circle, rgba(212, 175, 55, 0.36) 0%, rgba(212, 175, 55, 0.12) 48%, transparent 74%);
filter: blur(18px);
animation: divineAuraBreath 4.2s ease-in-out infinite alternate;
pointer-events: none;
}
@keyframes divineAuraBreath {
0%   { transform: scale(0.92); opacity: 0.65; }
100% { transform: scale(1.12); opacity: 1; }
}
.divine-ss-orbit {
position: absolute;
inset: -26px;
border-radius: 50%;
border: 1.5px solid rgba(212, 175, 55, 0.45);
box-shadow: 0 0 22px rgba(212, 175, 55, 0.22), inset 0 0 18px rgba(212, 175, 55, 0.12);
transform-style: preserve-3d;
pointer-events: none;
}
.divine-ss-orbit::before {
content: '';
position: absolute;
top: -4px;
left: 50%;
width: 8px;
height: 8px;
margin-left: -4px;
border-radius: 50%;
background: #fff3b0;
box-shadow: 0 0 14px 4px rgba(212, 175, 55, 0.95);
}
.divine-ss-orbit-1 {
animation: divineOrbitOne 9s linear infinite;
}
.divine-ss-orbit-2 {
inset: -42px;
border-color: rgba(243, 229, 171, 0.32);
animation: divineOrbitTwo 13s linear infinite;
}
@keyframes divineOrbitOne {
0%   { transform: rotateX(68deg) rotateY(-18deg) rotateZ(0deg); }
100% { transform: rotateX(68deg) rotateY(-18deg) rotateZ(360deg); }
}
@keyframes divineOrbitTwo {
0%   { transform: rotateX(-64deg) rotateY(22deg) rotateZ(360deg); }
100% { transform: rotateX(-64deg) rotateY(22deg) rotateZ(0deg); }
}
.divine-ss-coin {
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
animation: divineCoinSpin3D 12s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
@keyframes divineCoinSpin3D {
0%   { transform: rotateY(0deg) rotateX(8deg); }
25%  { transform: rotateY(90deg) rotateX(-6deg) scale(1.04); }
50%  { transform: rotateY(180deg) rotateX(8deg); }
75%  { transform: rotateY(270deg) rotateX(-6deg) scale(1.04); }
100% { transform: rotateY(360deg) rotateX(8deg); }
}
.divine-ss-rim {
position: absolute;
inset: 2px;
border-radius: 50%;
background: linear-gradient(135deg, #8a6d1c, #f3e5ab, #b8860b);
transform: translateZ(0px);
box-shadow: 0 0 40px rgba(212, 175, 55, 0.45);
}
.divine-ss-face {
position: absolute;
inset: 0;
border-radius: 50%;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
border: 2.5px solid rgba(212, 175, 55, 0.9);
box-shadow: 0 0 48px rgba(212, 175, 55, 0.5), inset 0 0 24px rgba(212, 175, 55, 0.25);
}
.divine-ss-front {
transform: rotateY(0deg) translateZ(4px);
background: #09090c;
}
.divine-ss-front img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.divine-ss-sheen {
position: absolute;
inset: -30%;
background: linear-gradient(115deg, transparent 35%, rgba(255, 243, 176, 0.34) 50%, transparent 65%);
transform: translateX(-100%) rotate(15deg);
animation: divineCoinSheen 4.5s ease-in-out infinite;
pointer-events: none;
}
@keyframes divineCoinSheen {
0%, 40% { transform: translateX(-120%) rotate(15deg); }
70%, 100% { transform: translateX(120%) rotate(15deg); }
}
.divine-ss-back {
transform: rotateY(180deg) translateZ(4px);
background: radial-gradient(circle at 50% 35%, rgba(212, 175, 55, 0.28) 0%, #14100a 52%, #050507 100%);
display: flex;
align-items: center;
justify-content: center;
}
.divine-ss-back-photo {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 8%;
display: block;
filter: drop-shadow(0 0 18px rgba(212, 175, 55, 0.35));
}
.divine-ss-back-vignette {
position: absolute;
inset: 0;
border-radius: 50%;
background: radial-gradient(circle at center, transparent 48%, rgba(5, 5, 7, 0.72) 100%),
linear-gradient(to top, rgba(5, 5, 7, 0.92) 6%, rgba(5, 5, 7, 0.45) 32%, transparent 56%);
pointer-events: none;
}
.divine-ss-back-badge {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 12px;
border-radius: 999px;
background: rgba(7, 7, 9, 0.85);
border: 1px solid rgba(212, 175, 55, 0.65);
color: #f3e5ab;
font-family: var(--font-display, 'Cinzel', serif);
font-size: clamp(0.55rem, 1.8vw, 0.72rem);
letter-spacing: 2px;
white-space: nowrap;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.85);
z-index: 2;
}
.divine-ss-back-badge i {
color: #d4af37;
font-size: 0.65rem;
}
.divine-ss-caption {
position: relative;
z-index: 2;
text-align: center;
padding: 0 20px;
}
.divine-ss-title {
font-family: var(--font-display, 'Cinzel', serif);
font-size: clamp(1.25rem, 3.5vw, 1.85rem);
letter-spacing: 5px;
font-weight: 700;
background: linear-gradient(90deg, #b8860b 0%, #fff3b0 45%, #d4af37 70%, #f3e5ab 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 26px rgba(212, 175, 55, 0.25);
}
.divine-ss-subtitle {
margin-top: 6px;
font-size: 0.78rem;
letter-spacing: 3px;
color: rgba(243, 229, 171, 0.72);
text-transform: uppercase;
}
.divine-ss-hint {
margin-top: 18px;
font-size: 0.75rem;
letter-spacing: 1.4px;
color: rgba(255, 255, 255, 0.45);
animation: divineHintPulse 2.6s ease-in-out infinite;
}
@keyframes divineHintPulse {
0%, 100% { opacity: 0.35; }
50%      { opacity: 0.85; }
}
.welcome-age-gate {
margin: 10px 0 16px;
padding: 12px 14px;
border-radius: 12px;
background: rgba(212, 175, 55, 0.06);
border: 1px solid rgba(212, 175, 55, 0.28);
text-align: center;
}
.welcome-age-gate.is-error-shake {
border-color: rgba(255, 92, 92, 0.75);
background: rgba(255, 65, 65, 0.08);
animation: welcomeAgeShake 0.38s ease;
}
@keyframes welcomeAgeShake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-6px); }
50% { transform: translateX(6px); }
75% { transform: translateX(-4px); }
}
.welcome-age-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 3px 12px;
border-radius: 999px;
background: rgba(212, 175, 55, 0.16);
border: 1px solid rgba(212, 175, 55, 0.5);
color: #f3e5ab;
font-family: var(--font-display, 'Cinzel', serif);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 8px;
}
.welcome-age-copy {
font-size: 0.78rem;
line-height: 1.45;
color: rgba(255, 255, 255, 0.85);
margin: 0 0 10px;
}
.welcome-age-copy small {
color: rgba(243, 229, 171, 0.65);
font-size: 0.7rem;
}
.welcome-age-check {
display: flex;
align-items: flex-start;
gap: 10px;
text-align: left;
cursor: pointer;
padding: 8px 10px;
border-radius: 9px;
background: rgba(7, 7, 9, 0.65);
border: 1px solid rgba(212, 175, 55, 0.22);
font-size: 0.76rem;
line-height: 1.4;
color: #fff;
}
.welcome-age-check input[type="checkbox"] {
margin-top: 2px;
width: 17px;
height: 17px;
accent-color: #d4af37;
flex-shrink: 0;
cursor: pointer;
}
.welcome-age-check small {
color: rgba(255, 255, 255, 0.55);
font-size: 0.68rem;
}
.welcome-age-error {
margin-top: 8px;
font-size: 0.72rem;
color: #ff8a8a;
font-weight: 600;
}
.welcome-legal-footer {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid rgba(212, 175, 55, 0.14);
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.welcome-legal-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
font-size: 0.72rem;
color: rgba(255, 255, 255, 0.45);
}
.welcome-legal-links a {
color: rgba(243, 229, 171, 0.78);
text-decoration: none;
}
.welcome-legal-links a:hover {
color: #fff;
text-decoration: underline;
}
.welcome-exit-link {
font-size: 0.7rem;
color: rgba(255, 140, 140, 0.75);
text-decoration: none;
}
.welcome-exit-link:hover {
color: #ff9c9c;
text-decoration: underline;
}