:root{--color-primary-50:#fdf9f1;--color-primary-100:#f7edda;--color-primary-200:#eddbb5;--color-primary-300:#e0c88f;--color-primary-400:#d4b876;--color-primary-500:#c9a96e;--color-primary-600:#b0935a;--color-primary-700:#8b7446;--color-primary-800:#6b5935;--color-primary-900:#4a3e25;--color-neutral-50:#F5F0E8;--color-neutral-100:#E8E0D0;--color-neutral-200:#C4BAA8;--color-neutral-300:#9E9484;--color-neutral-400:#7A7164;--color-neutral-500:#5C5548;--color-neutral-600:#433D33;--color-neutral-700:#2E2A23;--color-neutral-800:#1F1C17;--color-neutral-900:#151311;--color-neutral-950:#0c0c0a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:var(--color-primary-500);--color-element-kim:#c9a96e;--color-element-moc:#4caf50;--color-element-thuy:#42a5f5;--color-element-hoa:#ef5350;--color-element-tho:#ff9800;--color-depth-warm:#0f0f0d;--color-depth-bronze:#1a1814;--color-gold-mist:rgba(212, 175, 55, 0.08);--color-bronze-mist:rgba(190, 169, 142, 0.06);--color-gold-glow:rgba(212, 175, 55, 0.12);--surface-primary:#0c0c0a;--surface-secondary:#111110;--surface-elevated:#1a1814;--surface-overlay:rgba(12, 12, 10, 0.92);--text-primary:#F5F0E8;--text-secondary:#9E9484;--text-muted:#5C5548;--text-inverse:#0c0c0a;--text-link:var(--color-primary-400);--text-gold:var(--color-primary-300);--glass-bg:rgba(12, 12, 10, 0.85);--glass-border:rgba(201, 169, 110, 0.18);--glass-blur:20px;--glass-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05);--glass-highlight:inset 0 1px 0 rgba(201, 169, 110, 0.1);--font-family:'Lexend Deca', system-ui, -apple-system, sans-serif;--font-display:'Lexend Deca', system-ui, sans-serif;--font-calligraphy:'Lexend Deca', system-ui, sans-serif;--font-hero:'Lexend Deca', system-ui, sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:5.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.6;--line-height-loose:1.8;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.4);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.5);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.6);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.7);--shadow-glow:0 0 20px rgba(201, 169, 110, 0.25), 0 0 60px rgba(201, 169, 110, 0.08);--shadow-glow-lg:0 0 40px rgba(201, 169, 110, 0.35), 0 0 80px rgba(201, 169, 110, 0.12);--shadow-card:0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.25), 0 16px 32px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(201, 169, 110, 0.08);--shadow-card-hover:0 2px 4px rgba(0, 0, 0, 0.25), 0 8px 16px rgba(0, 0, 0, 0.2), 0 24px 48px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(201, 169, 110, 0.15), 0 0 40px rgba(201, 169, 110, 0.08);--gradient-gold:linear-gradient(135deg, #c9a96e, #d4b876, #e0c88f, #d4b876, #c9a96e);--gradient-gold-text:linear-gradient(135deg, #e0c88f 0%, #d4b876 40%, #c9a96e 60%, #e0c88f 100%);--gradient-gold-subtle:linear-gradient(135deg, rgba(201, 169, 110, 0.1), rgba(212, 184, 118, 0.05));--gradient-gold-shimmer:linear-gradient(110deg, #c9a96e 0%, #f4d03f 25%, #fff8dc 50%, #f4d03f 75%, #c9a96e 100%);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--transition-spring:300ms cubic-bezier(0.34, 1.56, 0.64, 1);--container-max:1200px;--container-narrow:800px;--header-bar:88px;--cbar-height:36px;--header-height:124px;--z-header:100;--z-mobile:200;--z-modal:300;--z-toast:400;--z-loader:500}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}@keyframes goldShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gentlePulse{0%,100%{opacity:.7}50%{opacity:1}}@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes borderRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes ringGlowPulse{0%,100%{opacity:.3}50%{opacity:.5}}@keyframes constellationPulse{0%,100%{opacity:.05}50%{opacity:.12}}@keyframes heroFadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroVVMReveal{from{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:.28;transform:translate(-50%,-50%) scale(1)}}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes portalAuraPulse{0%,100%{opacity:.6}50%{opacity:1}}