: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}.about-page{min-height:100vh;background:var(--workspace-background-color)}.about-page .about-hero{padding:12rem 0 8rem;background:radial-gradient(1200px 600px at 10% -10%, rgba(var(--secondary-brand-color-rgb), 0.18), transparent 60%),radial-gradient(1200px 600px at 110% 10%, rgba(9, 102, 255, 0.18), transparent 60%),var(--primary-color);position:relative;overflow:hidden}.about-page .about-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.3}.about-page .about-hero::after{content:"";position:absolute;inset:-20% -10% auto -10%;background:radial-gradient(600px 300px at 20% 10%, rgba(9, 102, 255, 0.12), transparent 60%);filter:blur(20px);pointer-events:none}.about-page .about-hero .hero__container{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 2rem}.about-page .about-hero .hero__title{font-size:3.5rem;font-weight:var(--font-weight-bold);color:var(--primary-text-header-color);margin-bottom:1.5rem;line-height:1.2}@media(max-width: 768px){.about-page .about-hero .hero__title{font-size:2.5rem}}.about-page .about-hero .hero__title-accent{color:var(--brand-color)}.about-page .about-hero .hero__subtitle{font-size:1.5rem;line-height:1.6;color:var(--primary-text-color);font-weight:var(--font-weight-medium);opacity:.95}@media(max-width: 768px){.about-page .about-hero .hero__subtitle{font-size:1.25rem}}.about-page .about-section{padding:0}.about-page .about-section .container{max-width:800px;margin:0 auto;padding:0 2rem}.about-page .about-section .section-content{font-size:1.125rem;line-height:1.8;color:var(--primary-text-color)}.about-page .about-section .section-content p{margin-bottom:.8rem}.about-page .about-section .section-content p:last-child{margin-bottom:0}.about-page .about-section .section-content .highlight-text{font-size:1.375rem;font-weight:var(--font-weight-semibold);color:var(--brand-color);font-style:italic;padding-left:1.5rem;border-left:3px solid var(--brand-color)}.about-page .about-section .section-content .emphasis-text{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--primary-text-header-color)}.about-page .about-section .section-content .mission-statement{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--brand-color);line-height:1.4}@media(max-width: 768px){.about-page .about-section .section-content .mission-statement{font-size:1.25rem}}.about-page .about-section .section-content .values-list{font-size:1.25rem;font-weight:var(--font-weight-medium);color:var(--primary-text-header-color);margin:2rem 0}.about-page .about-section .section-content .dream-text{font-style:italic;font-size:1.125rem;padding-top:3rem;margin-top:3rem;border-top:1px solid var(--outline-color);color:var(--secondary-text-color);line-height:1.7}.about-page #story{padding-top:4rem}.about-page #team{padding-bottom:4rem}.about-page .cta-section{padding:6rem 0;background:linear-gradient(135deg, var(--brand-color), var(--secondary-brand-color))}.about-page .cta-section .cta-content{max-width:600px;margin:0 auto}.about-page .cta-section .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--white)}@media(max-width: 768px){.about-page .cta-section .cta-content h2{font-size:2rem}}.about-page .cta-section .cta-content p{font-size:1.25rem;margin-bottom:2.5rem;color:var(--white)}@media(max-width: 768px){.about-page .cta-section .cta-content p{font-size:1.1rem;margin-bottom:2rem}}.about-page .cta-section .cta-content .cta-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}@media(max-width: 480px){.about-page .cta-section .cta-content .cta-actions{flex-direction:column;align-items:center}}.about-page .cta-section .cta-content .cta-button{padding:0rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;height:50px;display:flex;align-items:center;justify-content:center}@media(max-width: 480px){.about-page .cta-section .cta-content .cta-button{width:200px}}.about-page .cta-section .cta-content .cta-button.primary{background:var(--white);color:var(--brand-color)}.about-page .cta-section .cta-content .cta-button.primary:hover{background:var(--single-card-text-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.about-page .cta-section .cta-content .cta-button.secondary{background:rgba(0,0,0,0);color:var(--white);border:2px solid hsla(0,0%,100%,.3)}.about-page .cta-section .cta-content .cta-button.secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px)}.about-page .cta-section .cta-content .cta-note{font-size:.9rem;color:hsla(0,0%,100%,.8)}
