/* =============================================================
   plorviaguide.fun – ARABIAN NIGHTS SOCIAL CASINO
   style.css – Core Stylesheet
   © 2026 Golden Mirage Gaming Ltd.
============================================================= */

/* ─── CSS VARIABLES ──────────────────────────────────────── */
:root {
  /* Base Colors */
  --color-midnight: #0B132B;
  --color-desert-night: #1C2541;
  --color-sand-shadow: #3A506B;

  /* Accents */
  --color-gold: #D4AF37;
  --color-amber: #FFB347;
  --color-ember: #E09F3E;

  /* Text */
  --color-text-primary: #F5E6C8;
  --color-text-secondary: #C9B79C;
  --color-text-muted: #8D7B68;

  /* Gradients */
  --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #FFB347 50%, #E09F3E 100%);
  --gradient-gold-subtle: linear-gradient(135deg, #D4AF37 0%, #E09F3E 100%);
  --gradient-bg: linear-gradient(180deg, #0B132B 0%, #1C2541 50%, #0B132B 100%);
  --gradient-hero: radial-gradient(ellipse at 60% 40%, #1C2541 0%, #0B132B 70%);
  --gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);

  /* Glass Effects */
  --glass-bg: rgba(28, 37, 65, 0.6);
  --glass-border: rgba(212, 175, 55, 0.25);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);

  /* Spacing */
  --section-padding: 100px;
  --section-padding-mobile: 60px;
  --container-max: 1320px;
  --gap-lg: 60px;
  --gap-md: 40px;
  --gap-sm: 24px;

  /* Typography */
  --font-display: 'Cinzel', serif;
  --font-body: 'Lato', sans-serif;

  /* Borders */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 999px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-mid: 0.35s ease;
  --transition-slow: 0.6s ease;
}

/* ─── RESET & BASE ───────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  background-color: var(--color-midnight);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
}

/* ─── UTILITY ────────────────────────────────────────────── */
.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 24px;
}

.text-center {
  text-align: center;
}

.section-padding {
  padding: var(--section-padding) 0;
}

/* ─── PARTICLES ──────────────────────────────────────────── */
.particles-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.particle {
  position: absolute;
  width: 3px;
  height: 3px;
  background: var(--color-gold);
  border-radius: 50%;
  opacity: 0;
  animation: particleFloat var(--duration, 8s) var(--delay, 0s) infinite ease-in-out;
}

/* ─── HEADER ─────────────────────────────────────────────── */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 18px 0;
  background: rgba(11, 19, 43, 0.5);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--glass-border);
  transition: background var(--transition-mid), box-shadow var(--transition-mid), padding var(--transition-mid);
}

.site-header.scrolled {
  background: rgba(11, 19, 43, 0.88);
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.5);
  padding: 12px 0;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

/* Logo */
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
  transition: opacity var(--transition-fast);
  white-space: nowrap;
  flex-shrink: 0;
}

.logo:hover {
  opacity: 0.85;
}

.logo-icon {
  color: var(--color-gold);
  font-size: 1.1rem;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.6);
}

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

/* Navigation */
.main-nav {
  flex: 1;
  display: flex;
  justify-content: center;
}

.nav-list {
  display: flex;
  align-items: center;
  gap: 8px;
}

.nav-link {
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--color-text-secondary);
  padding: 8px 16px;
  border-radius: var(--radius-full);
  position: relative;
  transition: color var(--transition-fast);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 16px;
  right: 16px;
  height: 1px;
  background: var(--gradient-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--transition-mid);
}

.nav-link:hover,
.nav-link.active {
  color: var(--color-text-primary);
}

.nav-link:hover::after,
.nav-link.active::after {
  transform: scaleX(1);
}

/* ─── BUTTONS ────────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--font-display);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: var(--radius-md);
  padding: 12px 28px;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}

.btn-primary {
  background: var(--gradient-gold);
  color: var(--color-midnight);
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3);
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(212, 175, 55, 0.5);
  filter: brightness(1.08);
}

.btn-secondary {
  background: transparent;
  color: var(--color-gold);
  border: 1px solid var(--glass-border);
  box-shadow: inset 0 0 0 0 rgba(212, 175, 55, 0.1);
}

.btn-secondary:hover {
  transform: translateY(-2px);
  border-color: var(--color-gold);
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.2);
  color: var(--color-text-primary);
}

.btn-large {
  padding: 16px 40px;
  font-size: 0.9rem;
}

.btn-header {
  padding: 10px 22px;
  font-size: 0.78rem;
  flex-shrink: 0;
}

.btn-full {
  width: 100%;
}

/* ─── MOBILE TOGGLE ──────────────────────────────────────── */
.mobile-menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  z-index: 1001;
}

.hamburger-line {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--color-gold);
  border-radius: 2px;
  transition: transform var(--transition-mid), opacity var(--transition-fast);
}

.mobile-menu-toggle.is-open .hamburger-line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.mobile-menu-toggle.is-open .hamburger-line:nth-child(2) {
  opacity: 0;
}

.mobile-menu-toggle.is-open .hamburger-line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ─── MOBILE OVERLAY ─────────────────────────────────────── */
.mobile-overlay {
  position: fixed;
  top: 0;
  right: -100%;
  width: min(360px, 100%);
  height: 100%;
  background: var(--color-desert-night);
  border-left: 1px solid var(--glass-border);
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px;
  gap: 0;
  transition: right 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-overlay.is-open {
  right: 0;
}

.mobile-close {
  position: absolute;
  top: 24px;
  right: 24px;
  color: var(--color-gold);
  font-size: 1.4rem;
  padding: 8px;
  transition: opacity var(--transition-fast);
}

.mobile-close:hover {
  opacity: 0.7;
}

.mobile-nav-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-bottom: 40px;
}

.mobile-nav-link {
  font-family: var(--font-display);
  font-size: 1.15rem;
  color: var(--color-text-secondary);
  padding: 12px 24px;
  transition: color var(--transition-fast);
}

.mobile-nav-link:hover {
  color: var(--color-gold);
}

.btn-mobile-cta {
  margin-top: 20px;
}

/* ─── HERO SECTION ───────────────────────────────────────── */
.hero-section {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-top: 80px;
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-gradient {
  position: absolute;
  inset: 0;
  background: var(--gradient-hero);
}

.hero-stars {
  position: absolute;
  inset: 0;
}

.hero-dunes {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 0;
}

.hero-dunes svg {
  width: 100%;
  height: auto;
}

.hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  padding: 60px 24px 120px;
}

.hero-eyebrow {
  font-family: var(--font-display);
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  color: var(--color-gold);
  text-transform: uppercase;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.eyebrow-ornament {
  color: var(--color-gold);
  opacity: 0.6;
}

.hero-headline {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.15;
  color: var(--color-text-primary);
  margin-bottom: 24px;
}

.hero-headline em {
  font-style: normal;
  background: var(--gradient-gold);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-subtext {
  font-size: 1.05rem;
  color: var(--color-text-secondary);
  max-width: 480px;
  margin-bottom: 40px;
  line-height: 1.8;
}

.hero-cta-group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.hero-disclaimer {
  font-size: 0.75rem;
  color: var(--color-text-muted);
  letter-spacing: 0.02em;
}

/* Hero Visual */
.hero-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.palace-illustration {
  position: relative;
  width: 100%;
  max-width: 520px;
}

.palace-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, transparent 70%);
  pointer-events: none;
}

.palace-svg {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 60px rgba(212, 175, 55, 0.15));
}

/* Floating Lanterns */
.floating-lantern {
  position: absolute;
}

.lantern-1 {
  top: 8%;
  left: 8%;
  animation: lanternFloat 6s ease-in-out infinite;
}

.lantern-2 {
  top: 15%;
  right: 10%;
  animation: lanternFloat 8s ease-in-out infinite 2s;
}

.lantern-3 {
  bottom: 25%;
  right: 5%;
  animation: lanternFloat 7s ease-in-out infinite 4s;
}

/* Scroll Indicator */
.hero-scroll-indicator {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.scroll-dot {
  display: block;
  width: 8px;
  height: 8px;
  background: var(--color-gold);
  border-radius: 50%;
  animation: scrollBounce 2s ease-in-out infinite;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.5);
}

/* ─── SECTION HEADERS ────────────────────────────────────── */
.section-header {
  margin-bottom: 64px;
}

.section-eyebrow {
  font-family: var(--font-display);
  font-size: 0.75rem;
  letter-spacing: 0.25em;
  color: var(--color-gold);
  text-transform: uppercase;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.section-title {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3.5vw, 2.8rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: 20px;
}

.section-subtitle {
  font-size: 1rem;
  color: var(--color-text-secondary);
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.8;
}

/* ─── GAME SECTION ───────────────────────────────────────── */
.game-section {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, transparent 0%, rgba(28, 37, 65, 0.3) 50%, transparent 100%);
}

.game-portal-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.game-portal-frame {
  position: relative;
  width: 100%;
  max-width: 960px;
  border-radius: var(--radius-lg);
  overflow: visible;
  transition: transform var(--transition-mid);
}

.game-portal-frame:hover {
  transform: scale(1.01);
}

.game-portal-glow {
  position: absolute;
  inset: -20px;
  border-radius: calc(var(--radius-lg) + 20px);
  background: radial-gradient(ellipse at center, rgba(212,175,55,0.12) 0%, transparent 70%);
  pointer-events: none;
  animation: portalPulse 4s ease-in-out infinite;
  z-index: -1;
}

.game-portal-border {
  position: absolute;
  inset: -2px;
  border-radius: calc(var(--radius-lg) + 2px);
  background: var(--gradient-gold-subtle);
  z-index: 0;
  pointer-events: none;
  opacity: 0.7;
}

.border-ornament {
  position: absolute;
  color: var(--color-gold);
  font-size: 1.2rem;
  opacity: 0.8;
  text-shadow: 0 0 8px rgba(212,175,55,0.5);
}

.border-ornament.top-left    { top: -12px;    left: -12px;  }
.border-ornament.top-right   { top: -12px;    right: -12px; }
.border-ornament.bottom-left { bottom: -12px; left: -12px;  }
.border-ornament.bottom-right{ bottom: -12px; right: -12px; }

.game-embed-container {
  position: relative;
  z-index: 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-midnight);
  box-shadow: var(--glass-shadow), 0 0 60px rgba(212,175,55,0.08);
  aspect-ratio: 16 / 9;
  border: 2px solid rgba(212, 175, 55, 0.3);
}

.game-embed-container iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.game-disclaimer {
  font-size: 0.75rem;
  color: var(--color-text-muted);
  text-align: center;
  letter-spacing: 0.04em;
}

/* ─── FEATURES SECTION ───────────────────────────────────── */
.features-section {
  position: relative;
  z-index: 1;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-sm);
}

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

.feature-card {
  background: var(--glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 36px 28px;
  transition: transform var(--transition-mid), box-shadow var(--transition-mid), border-color var(--transition-mid);
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.3), 0 0 30px rgba(212, 175, 55, 0.08);
  border-color: rgba(212, 175, 55, 0.4);
}

.feature-icon-wrap {
  position: relative;
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
}

.feature-icon-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle, rgba(212,175,55,0.2) 0%, transparent 70%);
  border-radius: 50%;
  animation: iconGlow 3s ease-in-out infinite;
}

.feature-icon {
  position: relative;
  font-size: 1.8rem;
  line-height: 56px;
  display: block;
  text-align: center;
}

.feature-title {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 12px;
}

.feature-desc {
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 20px;
}

.feature-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--color-gold), transparent);
  opacity: 0.3;
  margin-bottom: 20px;
}

.feature-link {
  font-size: 0.8rem;
  color: var(--color-gold);
  font-family: var(--font-display);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: opacity var(--transition-fast);
}

.feature-link:hover {
  opacity: 0.7;
}

/* ─── STORY SECTION ──────────────────────────────────────── */
.story-section {
  position: relative;
  z-index: 1;
}

.story-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.story-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.story-glow-ring {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212,175,55,0.08) 0%, transparent 70%);
  animation: ringPulse 5s ease-in-out infinite;
}

.story-ornament {
  width: 280px;
  height: 280px;
}

.story-ornament svg,
.about-image-frame svg {
  width: 100%;
  height: 100%;
}

.about-image-frame {
  width: 280px;
  height: 280px;
}

.story-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.story-content .section-eyebrow {
  justify-content: flex-start;
}

.story-text {
  font-size: 1rem;
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 20px;
}

/* ─── TRUST SECTION ──────────────────────────────────────── */
.trust-section {
  position: relative;
  z-index: 1;
  padding: 60px 0;
  background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.04), transparent);
}

.trust-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
  padding: 40px;
}

.trust-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0 32px;
}

.trust-icon {
  font-size: 1.6rem;
}

.trust-label {
  font-family: var(--font-display);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-text-secondary);
  text-align: center;
}

.trust-divider {
  width: 1px;
  height: 40px;
  background: var(--glass-border);
}

/* ─── PAGE HERO ──────────────────────────────────────────── */
.page-hero {
  position: relative;
  padding: 160px 0 80px;
  overflow: hidden;
}

.page-hero-bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 100%, rgba(212, 175, 55, 0.06) 0%, transparent 70%),
              linear-gradient(180deg, #0B132B 0%, #1C2541 100%);
}

.page-hero-content {
  position: relative;
  z-index: 1;
}

.page-hero-title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 16px;
}

.page-hero-subtitle {
  font-size: 1rem;
  color: var(--color-text-secondary);
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.8;
}

/* ─── LEGAL CONTENT ──────────────────────────────────────── */
.legal-content {
  max-width: 820px;
  margin: 0 auto;
}

.legal-section {
  margin-bottom: 50px;
}

.legal-heading {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--color-gold);
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

.legal-text {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: 1.9;
  margin-bottom: 16px;
}

.legal-list {
  list-style: none;
  padding: 0;
  margin-bottom: 16px;
}

.legal-list li {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  padding: 8px 0 8px 24px;
  position: relative;
  line-height: 1.7;
  border-bottom: 1px solid rgba(212, 175, 55, 0.06);
}

.legal-list li::before {
  content: '✦';
  position: absolute;
  left: 0;
  color: var(--color-gold);
  opacity: 0.6;
  font-size: 0.6rem;
  top: 13px;
}

.legal-link {
  color: var(--color-gold);
  transition: opacity var(--transition-fast);
}

.legal-link:hover {
  opacity: 0.7;
}

/* Legal Notice Box */
.legal-notice-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background: rgba(212, 175, 55, 0.06);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: var(--radius-lg);
  padding: 28px;
  margin-bottom: 50px;
}

.legal-notice-box--warm {
  background: rgba(255, 179, 71, 0.06);
  border-color: rgba(255, 179, 71, 0.25);
}

.legal-notice-icon {
  font-size: 1.8rem;
  flex-shrink: 0;
}

.legal-notice-title {
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 8px;
}

.legal-notice-text {
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
}

/* ─── RESPONSIBLE GAMING CARDS ───────────────────────────── */
.rg-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-sm);
  margin: 40px 0;
}

.rg-card {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 28px;
  transition: transform var(--transition-mid), border-color var(--transition-mid);
}

.rg-card:hover {
  transform: translateY(-3px);
  border-color: rgba(212, 175, 55, 0.4);
}

.rg-card-icon {
  font-size: 2rem;
  display: block;
  margin-bottom: 16px;
}

.rg-card-title {
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 10px;
}

.rg-card-text {
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
}

/* RG Resources */
.rg-resources {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-sm);
  margin-top: 24px;
}

.rg-resource-card {
  background: rgba(212, 175, 55, 0.04);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: var(--radius-md);
  padding: 24px;
}

.rg-resource-name {
  font-family: var(--font-display);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-gold);
  margin-bottom: 8px;
}

.rg-resource-desc {
  font-size: 0.85rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: 8px;
}

.rg-resource-url {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  font-style: italic;
}

/* ─── RULES ──────────────────────────────────────────────── */
.rules-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 40px 0;
}

.rules-step {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  padding: 32px 0;
  border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}

.rules-step:last-child {
  border-bottom: none;
}

.rules-step-number {
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-gold);
  opacity: 0.3;
  flex-shrink: 0;
  width: 60px;
  line-height: 1;
  padding-top: 4px;
}

.rules-step-title {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 10px;
}

/* ─── CONTACT LAYOUT ─────────────────────────────────────── */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 50px;
  align-items: flex-start;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact-info-card {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 24px;
  transition: border-color var(--transition-fast);
}

.contact-info-card:hover {
  border-color: rgba(212, 175, 55, 0.4);
}

.contact-info-icon {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

.contact-info-title {
  font-family: var(--font-display);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-gold);
  margin-bottom: 8px;
}

.contact-address {
  font-size: 0.88rem;
  color: var(--color-text-secondary);
  line-height: 1.8;
  font-style: normal;
}

.contact-info-detail {
  font-size: 0.88rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.contact-info-note {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  margin-top: 4px;
}

.contact-link {
  color: var(--color-gold);
  transition: opacity var(--transition-fast);
}

.contact-link:hover {
  opacity: 0.7;
}

/* Contact Form Card */
.contact-form-card {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
  padding: 48px;
}

.contact-form-title {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 8px;
}

.contact-form-subtitle {
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  margin-bottom: 36px;
}

/* Form Elements */
.form-row {
  display: flex;
  gap: 20px;
}

.form-row--2 > * {
  flex: 1;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 22px;
}

.form-group--checkbox {
  flex-direction: row;
  align-items: flex-start;
}

.form-label {
  font-size: 0.82rem;
  font-family: var(--font-display);
  color: var(--color-text-secondary);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.form-label span {
  color: var(--color-gold);
}

.form-input {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: var(--radius-md);
  padding: 14px 18px;
  font-size: 0.95rem;
  font-family: var(--font-body);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  width: 100%;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}

.form-input:focus {
  border-color: var(--color-gold);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}

.form-input::placeholder {
  color: var(--color-text-muted);
}

.form-select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23D4AF37' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 44px;
}

.form-select option {
  background: var(--color-desert-night);
  color: var(--color-text-primary);
}

.form-textarea {
  resize: vertical;
  min-height: 140px;
  line-height: 1.6;
}

/* Checkbox */
.form-checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.88rem;
  color: var(--color-text-secondary);
  cursor: pointer;
  line-height: 1.5;
}

.form-checkbox {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.form-checkbox-custom {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 1px solid rgba(212, 175, 55, 0.4);
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  position: relative;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}

.form-checkbox:checked + .form-checkbox-custom {
  background: var(--color-gold);
  border-color: var(--color-gold);
}

.form-checkbox:checked + .form-checkbox-custom::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-midnight);
  font-size: 12px;
  font-weight: 700;
}

.form-link {
  color: var(--color-gold);
  transition: opacity var(--transition-fast);
}

.form-link:hover {
  opacity: 0.7;
}

.form-success {
  margin-top: 20px;
  padding: 16px 24px;
  background: rgba(212, 175, 55, 0.1);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: var(--radius-md);
  text-align: center;
  color: var(--color-gold);
  font-family: var(--font-display);
  font-size: 0.9rem;
  letter-spacing: 0.05em;
}

/* ─── FOOTER ─────────────────────────────────────────────── */
.site-footer {
  background: var(--color-midnight);
  border-top: 1px solid var(--glass-border);
  position: relative;
  z-index: 1;
}

.footer-inner {
  padding: 80px 24px 40px;
}

.footer-top {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 50px;
  margin-bottom: 60px;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 700;
  transition: opacity var(--transition-fast);
}

.footer-logo:hover {
  opacity: 0.8;
}

.footer-logo .logo-icon {
  color: var(--color-gold);
}

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

.footer-tagline {
  font-size: 0.85rem;
  color: var(--color-text-muted);
  line-height: 1.7;
  max-width: 300px;
}

.footer-address {
  font-style: normal;
  font-size: 0.82rem;
  color: var(--color-text-muted);
  line-height: 1.8;
}

.footer-nav-title {
  font-family: var(--font-display);
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-gold);
  margin-bottom: 20px;
}

.footer-nav-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-nav-link {
  font-size: 0.88rem;
  color: var(--color-text-muted);
  transition: color var(--transition-fast);
}

.footer-nav-link:hover {
  color: var(--color-text-secondary);
}

.footer-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--glass-border), transparent);
  margin-bottom: 40px;
}

.footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-align: center;
}

.footer-legal-text {
  font-size: 0.78rem;
  color: var(--color-text-muted);
  max-width: 800px;
  line-height: 1.7;
}

.footer-legal-link {
  color: var(--color-gold);
  opacity: 0.7;
}

.footer-copyright {
  font-size: 0.75rem;
  color: var(--color-text-muted);
  opacity: 0.6;
}
/* ENDFILE */
<!-- FILE: terms.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Terms of Service – plorviaguide.fun</title>
  <meta name="description" content="Terms of Service for plorviaguide.fun by Golden Mirage Gaming Ltd." />
  <link rel="stylesheet" href="css/style.css?v=9c7777dc" />
  <link rel="stylesheet" href="css/responsive.css?v=ff2b8d0c" />
  <link rel="stylesheet" href="css/animations.css?v=0ebdc52c" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lato:wght@300;400;700&display=swap" rel="stylesheet" />
</head>
<body>

  <div class="particles-container" id="particles" aria-hidden="true"></div>

  <header class="site-header" id="siteHeader">
    <div class="header-inner container">
      <a href="./" class="logo" aria-label="plorviaguide.fun – Home">
        <span class="logo-icon" aria-hidden="true">✦</span>
        <span class="logo-text">plorviaguide.fun</span>
      </a>
      <nav class="main-nav" aria-label="Main navigation">
        <ul class="nav-list">
          <li><a href="./" class="nav-link">Home</a></li>
          <li><a href="about.html" class="nav-link">About</a></li>
          <li><a href="./#game" class="nav-link">Play</a></li>
          <li><a href="./#features" class="nav-link">Features</a></li>
          <li><a href="contact.html" class="nav-link">Contact</a></li>
        </ul>
      </nav>
      <a href="./#game" class="btn btn-primary btn-header">Play Now</a>
      <button class="mobile-menu-toggle" id="mobileToggle" aria-label="Toggle mobile menu" aria-expanded="false">
        <span class="hamburger-line"></span>
        <span class="hamburger-line"></span>
        <span class="hamburger-line"></span>
      </button>
    </div>
  </header>

  <div class="mobile-overlay" id="mobileOverlay" aria-hidden="true">
    <button class="mobile-close" id="mobileClose" aria-label="Close menu">✕</button>
    <nav aria-label="Mobile navigation">
      <ul class="mobile-nav-list">
        <li><a href="./" class="mobile-nav-link">Home</a></li>
        <li><a href="about.html" class="mobile-nav-link">About</a></li>
        <li><a href="./#game" class="mobile-nav-link">Play</a></li>
        <li><a href="./#features" class="mobile-nav-link">Features</a></li>
        <li><a href="contact.html" class="mobile-nav-link">Contact</a></li>
      </ul>
      <a href="./#game" class="btn btn-primary btn-mobile-cta">Play Now</a>
    </nav>
  </div>

  <section class="page-hero">
    <div class="page-hero-bg" aria-hidden="true"></div>
    <div class="container">
      <div class="page-hero-content text-center fade-in-up">
        <p class="section-eyebrow"><span aria-hidden="true">📜</span> The Covenant <span aria-hidden="true">📜</span></p>
        <h1 class="page-hero-title">Terms of Service</h1>
        <p class="page-hero-subtitle">Last updated: January 1, 2026</p>
      </div>
    </div>
  </section>

  <section class="section-padding">
    <div class="container">
      <div class="legal-content fade-in-up">

        <div class="legal-notice-box">
          <span class="legal-notice-icon" aria-hidden="true">🛡️</span>
          <div>
            <h3 class="legal-notice-title">Important</h3>
            <p class="legal-notice-text">plorviaguide.fun is a free-to-play social entertainment platform. No real money gambling takes place on this site. No prizes are awarded. By using this platform, you confirm you are 18 years of age or older.</p>
          </div>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">1. Acceptance of Terms</h2>
          <p class="legal-text">By accessing or using plorviaguide.fun ("the Platform"), operated by Golden Mirage Gaming Ltd. ("the Company", "we", "us", or "our"), you agree to be bound by these Terms of Service ("Terms"). If you do not agree to these Terms, please do not use the Platform.</p>
          <p class="legal-text">These Terms constitute a legally binding agreement between you and Golden Mirage Gaming Ltd., registered and operating from 42 Al Zahra Palace Road, Suite 804, Dubai, United Arab Emirates.</p>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">2. Nature of the Platform</h2>
          <p class="legal-text">plorviaguide.fun is a social entertainment website offering free-to-play casino-style games for amusement purposes only. The Platform does not offer real-money gambling and does not award real prizes, cash, or any items of monetary value.</p>
          <p class="legal-text">Virtual coins, points, or in-game currencies used on this Platform have no real-world monetary value and cannot be exchanged for cash or prizes. Success in social casino games does not imply future success in real-money gambling.</p>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">3. Eligibility</h2>
          <p class="legal-text">You must be at least 18 years of age to use this Platform. By accessing the Platform, you represent and warrant that you are 18 or older. If we discover that a user is under the age of 18, we will take immediate steps to terminate their access.</p>
          <p class="legal-text">It is the responsibility of the user to ensure that use of this Platform is legal in their jurisdiction. The Company does not guarantee the legality of access from all locations.</p>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">4. User Conduct</h2>
          <p class="legal-text">You agree not to:</p>
          <ul class="legal-list">
            <li>Use the Platform for any unlawful purpose or in violation of any laws</li>
            <li>Attempt to reverse engineer, decompile, or disassemble any portion of the Platform</li>
            <li>Interfere with or disrupt the integrity or performance of the Platform</li>
            <li>Attempt to gain unauthorised access to any systems or networks</li>
            <li>Use automated scripts or bots to interact with the Platform</li>
            <li>Impersonate any person or entity</li>
          </ul>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">5. Intellectual Property</h2>
          <p class="legal-text">All content on the Platform, including but not limited to text, graphics, logos, game assets, design elements, and code, is the property of Golden Mirage Gaming Ltd. or its licensors and is protected by applicable intellectual property laws.</p>
          <p class="legal-text">You may not reproduce, distribute, modify, or create derivative works from any content on the Platform without our express written permission.</p>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">6. Disclaimer of Warranties</h2>
          <p class="legal-text">The Platform is provided on an "as is" and "as available" basis without any warranties of any kind, either express or implied. We do not warrant that the Platform will be uninterrupted, error-free, or free of viruses or other harmful components.</p>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">7. Limitation of Liability</h2>
          <p class="legal-text">To the maximum extent permitted by law, Golden Mirage Gaming Ltd. shall not be liable for any indirect, incidental, special, consequential, or punitive damages arising out of or related to your use of the Platform.</p>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">8. Modifications</h2>
          <p class="legal-text">We reserve the right to modify these Terms at any time. We will notify users of significant changes. Continued use of the Platform after such changes constitutes your acceptance of the revised Terms.</p>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">9. Governing Law</h2>
          <p class="legal-text">These Terms shall be governed by the laws of the United Arab Emirates. Any disputes shall be subject to the exclusive jurisdiction of the courts of Dubai, UAE.</p>
        </div>

        <div class="legal-section">
          <h2 class="legal-heading">10. Contact</h2>
          <p class="legal-text">For questions about these Terms, please contact us at <a href="mailto:support@plorviaguide.fun" class="legal-link">support@plorviaguide.fun</a> or at our address: Golden Mirage Gaming Ltd., 42 Al Zahra Palace Road, Suite 804, Dubai, UAE.</p>
        </div>

      </div>
    </div>
  </section>

  <footer class="site-footer">
    <div class="footer-inner container">
      <div class="footer-top">
        <div class="footer-brand">
          <a href="./" class="footer-logo" aria-label="plorviaguide.fun home">
            <span class="logo-icon" aria-hidden="true">✦</span>
            <span class="logo-text">plorviaguide.fun</span>
          </a>
          <p class="footer-tagline">An immersive Arabian Nights social gaming experience. For entertainment only.</p>
          <address class="footer-address">
            <strong>Golden Mirage Gaming Ltd.</strong><br/>
            42 Al Zahra Palace Road<br/>
            Suite 804<br/>
            Dubai, United Arab Emirates
          </address>
        </div>
        <div class="footer-nav-group">
          <h3 class="footer-nav-title">Navigate</h3>
          <ul class="footer-nav-list">
            <li><a href="./" class="footer-nav-link">Home</a></li>
            <li><a href="about.html" class="footer-nav-link">About</a></li>
            <li><a href="./#game" class="footer-nav-link">Play</a></li>
            <li><a href="contact.html" class="footer-nav-link">Contact</a></li>
          </ul>
        </div>
        <div class="footer-nav-group">
          <h3 class="footer-nav-title">Legal</h3>
          <ul class="footer-nav-list">
            <li><a href="terms.html" class="footer-nav-link">Terms of Service</a></li>
            <li><a href="privacy.html" class="footer-nav-link">Privacy Policy</a></li>
            <li><a href="responsible-gaming.html" class="footer-nav-link">Responsible Gaming</a></li>
            <li><a href="rules.html" class="footer-nav-link">Game Rules</a></li>
          </ul>
        </div>
        <div class="footer-nav-group">
          <h3 class="footer-nav-title">Support</h3>
          <ul class="footer-nav-list">
            <li><a href="contact.html" class="footer-nav-link">Contact Us</a></li>
            <li><a href="responsible-gaming.html" class="footer-nav-link">Responsible Play</a></li>
            <li><a href="rules.html" class="footer-nav-link">How to Play</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-divider" aria-hidden="true"></div>
      <div class="footer-bottom">
        <p class="footer-legal-text">plorviaguide.fun is operated by Golden Mirage Gaming Ltd. This is a free-to-play social casino platform for entertainment purposes only. No real money gambling. No prizes. Must be 18+ to play.</p>
        <p class="footer-copyright">© 2026 Golden Mirage Gaming Ltd. All rights reserved. | plorviaguide.fun</p>
      </div>
    </div>
  </footer>

  <script src="js/main.js?v=2514ca68"></script>
</body>
</html>