:root{--color-primary: #F15BB5;--color-primary-light: rgba(241, 91, 181, .2);--color-accent: #F6C45A;--color-on-primary: #FFFFFF;--color-bg: #0D0208;--color-bg-2: #17040D;--color-bg-3: #260814;--color-border: rgba(246, 196, 90, .42);--color-border-subtle: rgba(241, 91, 181, .18);--color-text: #FFE6F4;--color-text-muted: #D7A9C2;--color-white: #ffffff;--brand-highlight: #E50914;--glass-bg: rgba(13, 2, 8, .78);--glass-blur: blur(14px);--glass-border: 1px solid rgba(246, 196, 90, .32);--glass-bg-mobile: rgba(13, 2, 8, .92);--glass-border-mobile: 1px solid rgba(241, 91, 181, .36);--header-glass-shadow: 0 1px 0 rgba(246, 196, 90, .32), 0 8px 30px rgba(0, 0, 0, .82), 0 0 28px rgba(241, 91, 181, .3);--nav-text: #F7DAEB;--nav-active-bg: rgba(241, 91, 181, .18);--btn-primary-bg: #F15BB5;--btn-primary-text: #0D0208;--btn-outline-text: #F6C45A;--action-btn-h: 120px;--page-overlay: rgba(13, 2, 8, .72);--glow-sm: 0 0 10px rgba(241, 91, 181, .36);--glow-md: 0 0 22px rgba(241, 91, 181, .46);--glow-lg: 0 0 42px rgba(229, 9, 20, .5);--font-sans: "Sarabun", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--container-max: 1200px;--container-pad: 1.25rem;--section-pad-y: 2.5rem;--header-height: 96px;--header-logo-height: 100px;--header-logo-height-mobile: 64px;--header-logo-height-xs: 44px;--fz-display: clamp(2rem, 5vw, 4rem);--fz-hero-title: var(--fz-page-title);--fz-page-title: clamp(1.5rem, 3.5vw, 2.2rem);--fz-section-title: clamp(1.125rem, 2.2vw, 1.5rem);--fz-card-title: clamp(1rem, 1.6vw, 1.25rem);--fz-body-lg: clamp(.9375rem, 1.35vw, 1rem);--fz-body: clamp(.8125rem, 1.2vw, .9rem);--fz-small: .875rem;--fz-xs: .75rem;--fz-eyebrow: .72rem;--fz-button: 1rem;--fz-button-lg: 1.125rem;--fz-button-sm: .875rem;--fz-heading: var(--fz-section-title);--lh-heading: 1.4;--lh-body: 1.8;--bottom-nav-height: 64px;--bottom-nav-bar-shadow: 0 -4px 24px rgba(0, 0, 0, .86), 0 0 22px rgba(241, 91, 181, .28);--bottom-nav-item-color: var(--nav-text);--bottom-nav-item-hover: var(--brand-highlight);--bottom-nav-item-active: var(--brand-highlight);--bottom-nav-play-bg: linear-gradient(180deg, #FFE08A 0%, #F6C45A 48%, #B87818 100%);--bottom-nav-play-text: #0D0208;--bottom-nav-play-shadow: 0 -3px 18px rgba(0, 0, 0, .78), 0 0 28px rgba(246, 196, 90, .46);--bottom-nav-play-hover-brightness: 1.08}