@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-darkest: #070a0e;--bg-dark: #0c1117;--bg-surface: #131922;--bg-card: #17212d;--bg-card-hover: #1e2a3a;--bg-glass: rgba(19, 25, 34, .78);--bg-glass-card: rgba(23, 33, 45, .65);--gold-300: #fae4a8;--gold-400: #e8c872;--gold-500: #c5a059;--gold-600: #a4813c;--gold-glow: rgba(197, 160, 89, .25);--emerald-400: #34d399;--emerald-500: #10b981;--emerald-700: #047857;--emerald-900: #064e3b;--emerald-glow: rgba(16, 185, 129, .2);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-gold: #e8c872;--border-subtle: rgba(255, 255, 255, .08);--border-gold: rgba(197, 160, 89, .35);--border-gold-hover: rgba(232, 200, 114, .7);--font-display: "Cinzel", Georgia, serif;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-gold: 0 8px 30px rgba(197, 160, 89, .18);--shadow-emerald: 0 8px 30px rgba(16, 185, 129, .18);--container-max: 1280px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition: all .28s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;color-scheme:dark;width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-darkest);color:var(--text-primary);font-family:var(--font-sans);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;overflow-x:hidden;position:relative}#root{width:100%;max-width:100vw;overflow-x:hidden;position:relative}img,video,iframe{max-width:100%;height:auto}section{width:100%;max-width:100%;overflow-x:clip;box-sizing:border-box}::selection{background:var(--gold-500);color:#0c1117}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;color:#fff;line-height:1.25;overflow-wrap:break-word;word-break:break-word}.font-serif{font-family:var(--font-serif)}.font-display{font-family:var(--font-display)}.text-gold{color:var(--gold-400)}.text-gradient-gold{background:linear-gradient(135deg,#fff,#fae4a8 45%,#c5a059);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-emerald{background:linear-gradient(135deg,#6ee7b7,#10b981 60%,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:clamp(1rem,3.5vw,1.5rem);padding-right:clamp(1rem,3.5vw,1.5rem);width:100%;box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-sans);font-size:.925rem;font-weight:600;letter-spacing:.04em;padding:.75rem 1.6rem;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);text-decoration:none;border:1px solid transparent;max-width:100%;box-sizing:border-box}.btn-gold{background:linear-gradient(135deg,var(--gold-400) 0%,var(--gold-500) 100%);color:#0a0e13;box-shadow:0 4px 18px var(--gold-glow)}.btn-gold:hover{background:linear-gradient(135deg,#ffffff 0%,var(--gold-400) 100%);transform:translateY(-2px);box-shadow:0 8px 26px #e8c87266}.btn-outline-gold{background:transparent;color:var(--gold-400);border:1px solid var(--border-gold)}.btn-outline-gold:hover{background:#c5a0591f;border-color:var(--gold-400);color:#fff;transform:translateY(-2px)}.btn-emerald{background:linear-gradient(135deg,var(--emerald-400) 0%,var(--emerald-600) 100%);color:#fff;box-shadow:0 4px 18px var(--emerald-glow)}.btn-emerald:hover{background:linear-gradient(135deg,#a7f3d0 0%,var(--emerald-500) 100%);color:#064e3b;transform:translateY(-2px)}.btn-glass{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);color:#fff}.btn-glass:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-2px)}.glass-card{background:var(--bg-glass-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition)}.glass-card:hover{border-color:var(--border-gold);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-gold)}.section-padding{padding-top:6.5rem;padding-bottom:6.5rem}.section-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--gold-400);background:#c5a0591a;border:1px solid rgba(197,160,89,.2);padding:.35rem 1rem;border-radius:var(--radius-full);margin-bottom:1.25rem}.section-title{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin-bottom:1rem}.section-subtitle{font-size:1.075rem;color:var(--text-secondary);max-width:650px;margin-left:auto;margin-right:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darkest)}::-webkit-scrollbar-thumb{background:#273545;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}@keyframes pulseGlow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.05)}}.glow-ambient{position:absolute;width:clamp(240px,45vw,420px);height:clamp(240px,45vw,420px);border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:pulseGlow 8s ease-in-out infinite;max-width:100%}.glow-gold{background:radial-gradient(circle,rgba(197,160,89,.18) 0%,transparent 70%)}.glow-emerald{background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%)}.grid-cols-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem}@media(max-width:768px){.section-padding{padding-top:3.75rem;padding-bottom:3.75rem}.grid-cols-auto-fit{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.section-title{font-size:clamp(1.75rem,8vw,2.25rem)}.section-subtitle{font-size:.95rem}}


/* Universal Mobile Anti-Bleed & Layout Hardening */
html, body, #root {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
}
*, *:before, *:after {
  box-sizing: border-box !important;
}
input, select, textarea, button {
  box-sizing: border-box !important;
  max-width: 100% !important;
}
img, video, iframe, canvas {
  max-width: 100% !important;
  height: auto;
}
.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--container-max);
}
@media (max-width: 640px) {
  .section-padding {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}