:root{--brand-primary: #712cf9;--brand-primary-rgb: 113, 44, 249;--brand-primary-dark: #5a23c8;--brand-primary-light: #8b4fff;--ease-brand-out: cubic-bezier(.22, 1, .36, 1);--ease-brand-in: cubic-bezier(.55, 0, .68, .19);--duration-brand-enter: .42s;--duration-brand-exit: .22s;--brand-accent: #ffd93d;--color-secondary: #6c757d;--color-success: #22c55e;--color-success-rgb: 34, 197, 94;--color-info: #0dcaf0;--color-warning: #ffc107;--color-danger: #f92c5c;--color-accent: #ffd93d;--gradient-brand: linear-gradient(135deg, #5b21b6 0%, #4c1d95 100%);--gradient-brand-horizontal: linear-gradient( 90deg, var(--brand-primary) 0%, var(--brand-primary-light) 100% );--gradient-hero: linear-gradient( 135deg, rgba(25, 20, 45, .98) 0%, rgba(35, 25, 60, .98) 50%, rgba(25, 20, 45, .98) 100% );--gradient-cta: linear-gradient(135deg, rgba(34, 197, 94, .9) 0%, rgba(22, 163, 74, .9) 100%);--gradient-cta-hover: linear-gradient(135deg, rgba(34, 197, 94, 1) 0%, rgba(22, 163, 74, 1) 100%);--cta-accent-rgb: 34, 197, 94;--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #252542;--bg-surface: #1e1e3f;--bg-surface-raised: #2a2a4e;--text-primary: #ffffff;--text-secondary: #cbd5e0;--text-muted: #94a3b8;--text-disabled: #64748b;--text-on-brand: #ffffff;--border-color: rgba(139, 79, 255, .2);--border-subtle: rgba(139, 79, 255, .1);--border-strong: rgba(139, 79, 255, .4);--border-width: 1px;--border-width-thick: 2px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 30px 60px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--glass-white-5: rgba(255, 255, 255, .05);--glass-white-8: rgba(255, 255, 255, .08);--glass-white-10: rgba(255, 255, 255, .1);--glass-brand: rgba(113, 44, 249, .15);--glass-white-15: rgba(255, 255, 255, .15);--glass-white-20: rgba(255, 255, 255, .2);--glass-white-30: rgba(255, 255, 255, .3);--glass-black-10: rgba(0, 0, 0, .1);--glass-black-20: rgba(0, 0, 0, .2);--glass-black-30: rgba(0, 0, 0, .3);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-wordmark: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--surface-overlay: rgba(255, 255, 255, .05);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(16px);--blur-xl: blur(24px);--z-below: -1;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080;--z-max: 9999;--container-max-width: 1200px;--container-padding: var(--space-4);--section-padding-y: var(--space-16);--section-padding-x: var(--space-4);--content-max-width: 1470px;--content-gutter: 1rem;--badge-brand-bg: rgba(var(--brand-primary-rgb), .15);--badge-brand-text: var(--brand-primary-light);--badge-success-bg: rgba(var(--color-success-rgb), .15);--badge-success-text: var(--color-success);--badge-info-bg: rgba(6, 182, 212, .15);--badge-info-text: #22d3ee;--badge-purple-bg: rgba(147, 51, 234, .15);--badge-purple-text: #a78bfa;--badge-cyan-bg: rgba(6, 182, 212, .15);--badge-cyan-text: #22d3ee;--nav-bg: linear-gradient( 110deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .03) 15%, transparent 25%, transparent 100% ), linear-gradient( to bottom, rgba(255, 255, 255, .02) 0%, transparent 15%, transparent 85%, rgba(0, 0, 0, .02) 100% ), linear-gradient(to bottom, rgba(45, 38, 62, .9), rgba(35, 30, 48, .9));--nav-menu-bg: linear-gradient( 110deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .03) 15%, transparent 25%, transparent 100% ), linear-gradient( to bottom, rgba(255, 255, 255, .02) 0%, transparent 15%, transparent 85%, rgba(0, 0, 0, .02) 100% ), linear-gradient(to bottom, rgba(45, 38, 62, .98), rgba(35, 30, 48, .98));--nav-fade: linear-gradient( 180deg, rgba(45, 38, 62, .85) 0%, rgba(26, 21, 47, .6) 30%, rgba(26, 21, 47, .3) 60%, rgba(26, 21, 47, .1) 85%, transparent 100% );--nav-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06), inset 0 -1px 0 0 rgba(255, 255, 255, .1);--nav-border: 1px solid rgba(255, 255, 255, .03);--nav-border-bottom: 1px solid rgba(255, 255, 255, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--bg-primary)}body{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#19142d,#23193c,#19142d);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary)}a{color:var(--brand-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary)}img,picture,svg,video{display:block;max-width:100%}code,pre{font-family:var(--font-family-mono)}:focus-visible{outline:var(--border-width-thick) solid var(--brand-primary-light);outline-offset:2px}.page-main{flex:1 0 auto;width:100%}
