:root{--color-bg: #0E1116;--color-surface: #171C24;--color-surface-muted: #222833;--color-text-main: #F2F0EB;--color-text-muted: #8B93A1;--color-primary: #E07A3D;--color-primary-hover: #C96830;--color-secondary: #5A6A7A;--color-secondary-hover: #4A5866;--color-accent: #C9A227;--color-accent-hover: #B08F1F;--color-border: rgba(255, 255, 255, .1);--font-heading: "IBM Plex Sans", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--border-width: 1px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 4px;--radius-card: 6px;--radius-btn: 4px;--shadow-flat: none;--shadow-card: 0 8px 24px rgba(0, 0, 0, .5);--shadow-ambient: 0 2px 12px rgba(0, 0, 0, .35);--shadow-button: 0 2px 8px rgba(224, 122, 61, .28);--backdrop-blur: 8px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--container-max-w: 1200px;--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;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=warm-organic]{--color-bg: #E7EEEA;--color-surface: #F5F9F6;--color-surface-muted: #D2DDD6;--color-text-main: #0F241C;--color-text-muted: #3D5A4C;--color-primary: #145C45;--color-primary-hover: #0E4634;--color-secondary: #2F8F6B;--color-secondary-hover: #267A5A;--color-accent: #1A5F7A;--color-accent-hover: #144A5F;--color-border: #A8BDB2;--font-heading: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--border-width: 1px;--radius-sm: 2px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 9999px;--radius-card: 8px;--radius-btn: 6px;--shadow-flat: none;--shadow-card: 0 6px 20px rgba(15, 36, 28, .08);--shadow-ambient: 0 2px 10px rgba(15, 36, 28, .05);--shadow-button: 0 2px 8px rgba(20, 92, 69, .22);--backdrop-blur: 0px}:root[data-theme=neo-brutalist]{--color-bg: #FFFDF8;--color-surface: #FFFFFF;--color-surface-muted: #FFF0A8;--color-text-main: #000000;--color-text-muted: #333333;--color-primary: #FFE600;--color-primary-hover: #FFD000;--color-secondary: #00C2A8;--color-secondary-hover: #00A890;--color-accent: #FF5C00;--color-accent-hover: #E05200;--color-border: #000000;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--border-width: 3px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-pill: 0px;--radius-card: 0px;--radius-btn: 0px;--shadow-flat: none;--shadow-card: 4px 4px 0px #000000;--shadow-ambient: 6px 6px 0px #000000;--shadow-button: 3px 3px 0px #000000;--backdrop-blur: 0px}:root[data-theme=clean-editorial]{--color-bg: #EEF0F2;--color-surface: #FFFFFF;--color-surface-muted: #E2E6EA;--color-text-main: #121417;--color-text-muted: #4A525C;--color-primary: #1B3A4B;--color-primary-hover: #142C39;--color-secondary: #5C6B73;--color-secondary-hover: #4A575E;--color-accent: #B33A3A;--color-accent-hover: #962F2F;--color-border: #D0D5DA;--font-heading: "Literata", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--border-width: 1px;--radius-sm: 1px;--radius-md: 2px;--radius-lg: 4px;--radius-pill: 4px;--radius-card: 2px;--radius-btn: 2px;--shadow-flat: none;--shadow-card: 0 1px 0 rgba(18, 20, 23, .06);--shadow-ambient: 0 2px 8px rgba(18, 20, 23, .04);--shadow-button: 0 1px 3px rgba(27, 58, 75, .15);--backdrop-blur: 0px}:root[data-theme=modern-saas-dark]{--color-bg: #0E1116;--color-surface: #171C24;--color-surface-muted: #222833;--color-text-main: #F2F0EB;--color-text-muted: #8B93A1;--color-primary: #E07A3D;--color-primary-hover: #C96830;--color-secondary: #5A6A7A;--color-secondary-hover: #4A5866;--color-accent: #C9A227;--color-accent-hover: #B08F1F;--color-border: rgba(255, 255, 255, .1);--font-heading: "IBM Plex Sans", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--border-width: 1px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 4px;--radius-card: 6px;--radius-btn: 4px;--shadow-flat: none;--shadow-card: 0 8px 24px rgba(0, 0, 0, .5);--shadow-ambient: 0 2px 12px rgba(0, 0, 0, .35);--shadow-button: 0 2px 8px rgba(224, 122, 61, .28);--backdrop-blur: 8px}:root[data-theme=corporate-enterprise]{--color-bg: #FFFFFF;--color-surface: #F4F6F5;--color-surface-muted: #E8ECEA;--color-text-main: #0A1628;--color-text-muted: #4A5560;--color-primary: #0D5C63;--color-primary-hover: #0A4A50;--color-secondary: #3D4F5F;--color-secondary-hover: #2F3D4A;--color-accent: #A67C00;--color-accent-hover: #8B6800;--color-border: #D5DCE0;--font-heading: "IBM Plex Sans", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--border-width: 1px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-pill: 4px;--radius-card: 4px;--radius-btn: 4px;--shadow-flat: none;--shadow-card: 0 2px 8px rgba(10, 22, 40, .06);--shadow-ambient: 0 1px 2px rgba(10, 22, 40, .04);--shadow-button: 0 1px 3px rgba(13, 92, 99, .2);--backdrop-blur: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-height-normal);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-tight);color:var(--color-text-main)}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}.sf-container{max-width:var(--container-max-w);margin-left:auto;margin-right:auto;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-btn);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-fast);border:var(--border-width) solid transparent}.sf-btn-primary{background-color:var(--color-primary);color:#0e1116;box-shadow:var(--shadow-button)}:root[data-theme=warm-organic] .sf-btn-primary,:root[data-theme=clean-editorial] .sf-btn-primary,:root[data-theme=corporate-enterprise] .sf-btn-primary{color:#fff}.sf-btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.sf-btn-secondary{background-color:var(--color-surface);color:var(--color-text-main);border-color:var(--color-border)}.sf-btn-secondary:hover{background-color:var(--color-surface-muted)}.sf-btn-accent{background-color:var(--color-accent);color:#fff}.sf-btn-accent:hover{background-color:var(--color-accent-hover)}.sf-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-surface-muted);color:var(--color-text-muted);border:var(--border-width) solid var(--color-border)}.sf-badge-accent{background-color:var(--color-accent);color:#fff;border-color:transparent}.sf-badge-primary{background-color:var(--color-primary);color:#fff;border-color:transparent}