:root{--home-here-section-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');--color-white: #faf9f6;--white: #faf9f6;--black: #000;--header-color: #faf9f6;--primary-color: #181717;--brand-btn-primary-color: #181717;--popover-background-color: #181717;--create-form-background-color: #181717;--single-card-background-color: #181717;--single-card-side-action-bg-color: #202123;--single-card-side-action-font-weight: 500;--single-card-action-button-hover-color: #2b2c2d;--single-card-text-color: rgba(255, 255, 255, 0.8);--brand-color: #0966ff;--secondary-brand-color: #38a801;--secondary-brand-color-rgb: 56, 168, 1;--button-disabled-color: #0966ff9c;--hover-brand-color: #0966ff9c;--brand-hover-bg-color: rgba(11, 102, 255, 0.0509803922);--selected-option-text-color: #0b66ff;--select-option-hover-background: #0b66ff0d;--outline-color: #242526;--secondary-outline-color: #242526;--editor-outline-color: #44444475;--focus-outline-color: var(--brand-color);--input-border-color: #242526;--element-border-radius: 6px;--editor-border-radius: 8px;--input-background-color: #181717;--popover-border-color: #242526;--popover-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);--primary-text-header-color: rgba(255, 255, 255, 0.9);--primary-text-color: rgba(255, 255, 255, 0.8);--secondary-text-color: #9aa0a6;--muted-text-color: #6c757d;--primary-font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--primary-text-link-color: #0079bf;--workspace-background-color: #121217;--workspace-icon-background-color: #242628;--border-color: var(--input-border-color);--bg-primary: var(--input-background-color);--bg-secondary: var(--popover-background-color);--bg-hover: rgba(255, 255, 255, 0.05);--editor-placeholder-color: #9aa0a661;--price-table-border: #27272a;--box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.05), 0px 0px 1px rgba(255, 255, 255, 0.08);--success-color: #10b981;--success-background-color: rgba(16, 185, 129, 0.1);--warning-color: #f59e0b;--warning-background-color: rgba(245, 158, 11, 0.1);--error-color: #ef4444;--error-background-color: rgba(239, 68, 68, 0.1);--bf-bg-primary: #000000;--bf-bg-secondary: #0a0a0a;--bf-border-subtle: #1a1a1a;--bf-text-primary: #ffffff;--bf-text-secondary: #a0a0a0;--bf-gold-primary: #ffd700;--bf-gold-secondary: #ffed4e;--bf-gold-tertiary: #ffc107;--sp-bg-primary: #000000;--sp-text-primary: #ffffff;--sp-brand-secondary: #38a801;--sp-bf-gold-primary: #ffd700;--sp-bf-gold-secondary: #ffed4e;--sp-bf-gold-shadow: rgba(255, 215, 0, 0.3);--sp-bf-gold-shadow-hover: rgba(255, 215, 0, 0.5);--sp-white: #ffffff;--sp-overlay-medium: rgba(0, 0, 0, 0.5);--background-color: var(--primary-color);--text-color: var(--primary-text-color);--brand-color-hover: var(--hover-brand-color)}.dark-mode{--home-here-section-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');--color-white: #faf9f6;--primary-color: #181717;--primary-text-color: rgba(255, 255, 255, 0.8);--primary-text-header-color: rgba(255, 255, 255, 0.9);--background-color: #181717;--text-color: rgba(255, 255, 255, 0.8)}html.dark-mode{background-color:var(--primary-color);color:var(--primary-text-color)}body.dark-mode{background-color:var(--primary-color);color:var(--primary-text-color);overflow-x:hidden}:root[data-theme=light]{--text-color: #333333}:root[data-theme=dark]{--text-color: #ffffff}.page-container{padding:20px;font-family:Arial,sans-serif;line-height:1.4;color:var(--text-color);max-width:900px;margin:auto}.page-container h1,.page-container h3{color:var(--text-color);font-weight:600}.page-container p{color:var(--text-color);font-size:1rem;margin-bottom:1rem}.page-container h3{margin-top:2rem;font-size:1.25rem}.page-container ul{list-style-type:disc;padding-left:20px;color:var(--text-color)}.page-container ul li{margin-bottom:.5rem}.page-container section{margin-bottom:2rem}.page-container .page-container p:last-child{margin-bottom:0}.page-container .footer-link{text-decoration:none;color:#007bff;font-weight:600;margin-right:10px}.page-container .footer-link:hover{color:#0056b3}.page-container .footer{padding:20px 0;background-color:#f8f9fa;border-top:1px solid #ddd;text-align:center}.page-container .footer .footer-link{margin:0 10px}.page-container .theme-toggle-button{background-color:rgba(0,0,0,0);border:1px solid var(--text-color);color:var(--text-color);padding:10px 20px;cursor:pointer;border-radius:5px;font-weight:600;transition:background-color .3s,color .3s}.page-container .theme-toggle-button:hover{background-color:var(--text-color);color:var(--background-color)}.page-container .theme-toggle-button.dark-mode{border-color:var(--text-color);color:var(--text-color)}.page-container .theme-toggle-button.dark-mode:hover{background-color:var(--text-color);color:var(--background-color)}