:root {--primary-color: #38AFE9;--primary-hover: #2d9fd8;--secondary-color: #FFCF50;--accent-color: #ff6b35;--bg-dark: #0a0a0a;--bg-darker: #1a1a1a;--bg-card: rgba(26, 26, 26, 0.8);--bg-hero: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);--text-light: #ffffff;--text-gray: #b0b0b0;--text-dark: #333333;--text-muted: #b8b8b8;--space-xs: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);--space-sm: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);--space-md: clamp(1rem, 0.8rem + 1vw, 2rem);--space-lg: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);--space-xl: clamp(2rem, 1.6rem + 2vw, 4rem);--space-2xl: clamp(3rem, 2.4rem + 3vw, 6rem);--font-size-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--font-size-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);--font-size-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + 0.625vw, 1.375rem);--font-size-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.75rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 2.25rem);--font-size-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 3rem);--font-size-4xl: clamp(2.25rem, 1.8rem + 2.25vw, 4rem);--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1200px;--bp-ultra: 1400px;--transition-fast: 0.2s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);--shadow-glow: 0 0 20px rgba(56, 175, 233, 0.3);--shadow-glow-hover: 0 15px 40px rgba(56, 175, 233, 0.5);--border-radius-sm: 8px;--border-radius-md: 15px;--border-radius-lg: 25px;--border-radius-xl: 30px;--border-color: rgba(56, 175, 233, 0.3);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*::before,*::after {box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}html {font-size: 16px;overflow-x: hidden;scroll-behavior: smooth}body {margin: 0;padding: 0;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: var(--font-size-base);line-height: 1.6;color: var(--text-light);background: var(--bg-hero);overflow-x: hidden;width: 100%;max-width: 100%;word-wrap: break-word;overflow-wrap: break-word}h1, h2, h3, h4, h5, h6 {margin: 0 0 var(--space-md) 0;font-family: inherit;font-weight: 700;line-height: 1.2;color: var(--text-light)}h1 { font-size: var(--font-size-4xl); }h2 { font-size: var(--font-size-3xl); }h3 { font-size: var(--font-size-2xl); }h4 { font-size: var(--font-size-xl); }h5 { font-size: var(--font-size-lg); }h6 { font-size: var(--font-size-base); }p {margin: 0 0 var(--space-md) 0;color: var(--text-muted);line-height: 1.6}a {color: var(--primary-color);text-decoration: none;transition: var(--transition-normal)}a:hover {color: var(--primary-hover)}.container-unified {width: 100%;max-width: 1400px;margin: 0 auto;padding: 0 var(--space-md)}@media (max-width: 768px) {.container-unified {padding: 0 var(--space-sm)}}.grid-unified {display: grid;gap: var(--space-md);grid-template-columns: 1fr}.grid-2-cols {grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr))}.grid-3-cols {grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr))}.grid-4-cols {grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr))}@supports not (display: grid) {.grid-unified,.grid-2-cols,.grid-3-cols,.grid-4-cols {display: flex;flex-wrap: wrap;gap: var(--space-md)}.grid-2-cols > * { flex: 1 1 300px; }.grid-3-cols > * { flex: 1 1 250px; }.grid-4-cols > * { flex: 1 1 200px; }}.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.mb-0 { margin-bottom: 0; }.mb-sm { margin-bottom: var(--space-sm); }.mb-md { margin-bottom: var(--space-md); }.mb-lg { margin-bottom: var(--space-lg); }.mb-xl { margin-bottom: var(--space-xl); }.mt-0 { margin-top: 0; }.mt-sm { margin-top: var(--space-sm); }.mt-md { margin-top: var(--space-md); }.mt-lg { margin-top: var(--space-lg); }.mt-xl { margin-top: var(--space-xl); }.hidden { display: none; }.visible { display: block; }@media (max-width: 480px) {.hide-mobile { display: none !important; }.show-mobile { display: block !important; }}@media (min-width: 481px) and (max-width: 768px) {.hide-tablet { display: none !important; }.show-tablet { display: block !important; }}@media (min-width: 769px) {.hide-desktop { display: none !important; }.show-desktop { display: block !important; }}.glow-effect {box-shadow: var(--shadow-glow);transition: var(--transition-normal)}.glow-effect:hover {box-shadow: var(--shadow-glow-hover)}.gradient-text {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.backdrop-blur {backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}* {cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="rgba(56,175,233,0.8)" stroke="%2338AFE9" stroke-width="1.5"/><circle cx="12" cy="12" r="3" fill="%2338AFE9"/></svg>') 12 12, auto !important}a, button, .btn-unified, [role="button"], .clickable {cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><circle cx="13" cy="13" r="9" fill="%2338AFE9" fill-opacity="0.8" stroke="%23ff6b35" stroke-width="2"/><circle cx="13" cy="13" r="4" fill="%23ff6b35"/><circle cx="13" cy="13" r="12" fill="none" stroke="%2338AFE9" stroke-width="1" opacity="0.4"/></svg>') 13 13, pointer !important}@media (prefers-reduced-motion: reduce) {* {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}}@media (prefers-contrast: high) {:root {--border-color: rgba(56, 175, 233, 0.8)}}:focus-visible {outline: 2px solid var(--primary-color);outline-offset: 2px}html, body {overflow-x: hidden;max-width: 100vw;position: relative}section {overflow: hidden}img, video, iframe {max-width: 100% !important;height: auto !important}@media print {* {background: transparent !important;color: black !important;box-shadow: none !important;text-shadow: none !important}body {font-size: 12pt;line-height: 1.4}.no-print {display: none !important}}