:root{--color-primary: #d8354d;--color-primary-light: #e25a6f;--color-primary-dark: #b82d42;--color-primary-rgb: 216, 53, 77;--color-primary-alt: #ef7c53;--color-primary-alt-light: #f59470;--color-primary-alt-dark: #e06438;--color-primary-alt-rgb: 239, 124, 83;--color-primary-gradient: linear-gradient(135deg, #d8354d 0%, #ef7c53 100%);--color-primary-gradient-reverse: linear-gradient(135deg, #ef7c53 0%, #d8354d 100%);--color-secondary: #006b54;--color-secondary-light: #008a6d;--color-secondary-dark: #005443;--color-secondary-rgb: 0, 107, 84;--color-secondary-alt: #fec917;--color-secondary-alt-light: #fed84a;--color-secondary-alt-dark: #e5b400;--color-secondary-alt-rgb: 254, 201, 23;--color-text-primary: #000000;--color-text-secondary: #555555;--color-text-muted: #aaaaaa;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #faf9f8;--color-bg-tertiary: #f3f1ef;--color-bg-card: #ffffff;--color-bg-dark: #1a1a1a;--color-bg-dark-light: #2a2a2a;--color-primary-bg: #fef5f6;--color-primary-bg-light: #fff8f8;--color-primary-bg-dark: #fde8ea;--color-secondary-bg: #f0f8f6;--color-secondary-bg-light: #f5fbf9;--color-secondary-bg-dark: #e0f0ec;--color-accent: var(--color-primary);--color-accent-light: var(--color-primary-light);--color-accent-dark: var(--color-primary-dark);--color-accent-darker: var(--color-primary-dark);--color-accent-gradient: var(--color-primary-gradient);--color-accent-bg: var(--color-primary-bg);--color-accent-bg-light: var(--color-primary-bg-light);--color-accent-bg-dark: var(--color-primary-bg-dark);--color-orange: var(--color-primary-alt);--color-orange-dark: var(--color-primary-alt-dark);--color-teal: var(--color-secondary);--color-teal-dark: var(--color-secondary-dark);--color-green: var(--color-secondary);--color-blue: var(--color-secondary);--color-purple: var(--color-secondary);--color-purple-dark: var(--color-secondary-dark);--color-purple-bg: var(--color-secondary-bg);--color-purple-bg-dark: var(--color-secondary-bg-dark);--color-purple-bg-darker: var(--color-secondary-bg);--color-dark-bg: var(--color-bg-dark);--color-dark-bg-light: var(--color-bg-dark-light);--color-success: #006b54;--color-success-light: #008a6d;--color-warning: #fec917;--color-warning-dark: #e5b400;--color-error: #d8354d;--color-error-light: #e25a6f;--alpha-subtle: .05;--alpha-light: .08;--alpha-medium: .1;--alpha-strong: .15;--alpha-heavy: .2;--alpha-intense: .3;--font-family: "Poppins", "Segoe UI", BlinkMacSystemFont, -apple-system, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -1px rgb(0 0 0 / .04);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--shadow-glow: 0 0 30px rgb(var(--color-primary-rgb) / .25);--shadow-glow-secondary: 0 0 30px rgb(var(--color-secondary-rgb) / .25);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--container-max: 1400px;--container-padding: 2.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-extrabold);line-height:1.2;color:var(--color-text-primary)}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(2rem,5vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}.quote,.highlight-text,blockquote{font-family:var(--font-family);font-weight:var(--font-weight-bold)}blockquote{font-size:1.25rem;line-height:1.5}p,li,span,label,input,textarea,select{font-family:var(--font-family);font-weight:var(--font-weight-regular)}strong,b{font-weight:var(--font-weight-semibold)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;outline:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-4xl) 0;padding-top:5rem;padding-bottom:5rem}.section-title{font-family:var(--font-family);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-lg);line-height:1.2}.section-subtitle{font-family:var(--font-family);font-size:1.125rem;font-weight:var(--font-weight-regular);color:var(--color-text-secondary);max-width:800px;margin-bottom:var(--spacing-2xl);line-height:1.7}.text-accent{color:var(--color-accent)}.text-gradient{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:inherit}h1 .text-gradient,h2 .text-gradient,h3 .text-gradient,h4 .text-gradient,h5 .text-gradient,h6 .text-gradient,.section-title .text-gradient,.hero-title .text-gradient,.imagine-title .text-gradient,.features-title .text-gradient,.intro-title .text-gradient,.signup-title .text-gradient,h1 .title-highlight,h2 .title-highlight,h3 .title-highlight,h4 .title-highlight,h5 .title-highlight,h6 .title-highlight,.section-title .title-highlight,.hero-title .title-highlight,.imagine-title .title-highlight,.features-title .title-highlight,.intro-title .title-highlight,.signup-title .title-highlight{font-weight:var(--font-weight-extrabold)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,rgb(from var(--color-accent) r g b / var(--alpha-medium)),rgb(from var(--color-accent) r g b / var(--alpha-subtle)));border:1px solid rgb(from var(--color-accent) r g b / var(--alpha-heavy));padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-accent-dark)}.badge-icon{font-size:1rem;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;text-decoration:none;transition:all var(--transition-normal)}.btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-glow);filter:brightness(1.05)}.btn-secondary{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-secondary:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid rgb(0 0 0 / var(--alpha-subtle));box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.25,.1,.25,1)}.card:hover{transform:translateY(-4px);border-color:rgb(from var(--color-accent) r g b / var(--alpha-strong));box-shadow:var(--shadow-xl),0 20px 40px rgb(from var(--color-accent) r g b / var(--alpha-medium))}@media(max-width:768px){.section{padding:var(--spacing-3xl) 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dark)}
