/*!
 * Spreadsheet Broccoli - Refactored Main Stylesheet
 * Clean, consolidated, and maintainable CSS architecture
 * Maintains backward compatibility with existing class names
 */:root{--color-brand-primary:#0a7e3c;--color-brand-primary-hover:#085e2c;--color-brand-primary-light:#e6f3ec;--color-brand-primary-pale:#f0f9f3;--color-brand-cta:#7b61ff;--color-brand-cta-hover:#6148dd;--color-brand-cta-light:#f0edff;--color-brand-cta-glow:rgba(123,97,255,.3);--color-brand-secondary:#f7b32d;--color-brand-secondary-hover:#e09d1a;--color-brand-secondary-light:#fef7e6;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-tertiary:#64748b;--color-text-inverse:#fff;--color-text-link:var(--color-brand-cta);--color-text-link-hover:var(--color-brand-cta-hover);--color-text-accent:var(--color-brand-primary);--color-background-body:#fff;--color-background-section:#f8fafc;--color-background-elevated:#fff;--color-background-overlay:rgba(0,0,0,.5);--color-border-light:#e2e8f0;--color-border-medium:#cbd5e1;--color-border-focus:var(--color-brand-primary);--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--font-family-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono","Cascadia Code","Roboto Mono",Consolas,monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--font-size-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--font-size-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);--font-size-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--font-size-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.3rem + 1vw,2rem);--font-size-3xl:clamp(1.875rem,1.6rem + 1.375vw,2.5rem);--font-size-4xl:clamp(2.25rem,1.9rem + 1.75vw,3rem);--font-size-display:clamp(3rem,5vw,5rem);--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.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;--spacing-20:5rem;--spacing-24:6rem;--container-max-width:1200px;--container-max-width-lg:1440px;--container-max-width-sm:640px;--container-padding-inline:1rem;--border-radius-none:0;--border-radius-sm:0.25rem;--border-radius-md:0.75rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-hover:0 10px 25px -5px rgba(0,0,0,.15);--shadow-focus:0 0 0 3px var(--color-brand-primary-light);--shadow-cta-glow:0 4px 14px 0 var(--color-brand-cta-glow);--z-index-base:1;--z-index-elevated:10;--z-index-sticky:100;--z-index-modal:1000;--z-index-tooltip:1010;--z-index-notification:1020;--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:all 0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.35s cubic-bezier(0.4,0,0.2,1);--touch-target-min:2.75rem;--touch-target-comfortable:3rem;--touch-target-large:3.5rem;--opacity-disabled:0.65;--accent:var(--color-brand-primary);--accent-hover:var(--color-brand-primary-hover);--accent-cta:var(--color-brand-cta);--accent-pale:var(--color-brand-cta-light);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--text-muted:var(--color-text-tertiary);--text-white:var(--color-text-on-dark);--background:var(--color-background-body);--bg-secondary:var(--color-background-panel);--bg-tertiary:var(--color-background-panel-alt);--bg-input:var(--color-background-body);--bg-hover:var(--color-background-panel);--border-color:var(--color-border-light);--border-hover:var(--color-border-medium);--success:var(--color-status-success);--success-pale:var(--color-status-success-bg);--warning:var(--color-status-warning);--warning-pale:var(--color-status-warning-bg);--error:var(--color-status-error);--error-pale:var(--color-status-error-bg);--info:var(--color-status-info);--info-pale:var(--color-status-info-bg);--font-family:var(--font-family-sans);--radius-sm:var(--border-radius-sm);--radius:var(--border-radius-md);--radius-md:var(--border-radius-md);--radius-lg:var(--border-radius-lg);--radius-xl:var(--border-radius-xl);--radius-2xl:1.5rem;--radius-full:var(--border-radius-full);--shadow-sm:var(--box-shadow-sm);--shadow:var(--box-shadow-sm);--shadow-md:var(--box-shadow-md);--shadow-lg:var(--box-shadow-lg);--shadow-xl:var(--box-shadow-xl);--z-dropdown:var(--z-index-dropdown);--z-sticky:var(--z-index-sticky);--z-fixed:1030;--z-modal-backdrop:var(--z-index-modal-backdrop);--z-modal:var(--z-index-modal);--z-popover:var(--z-index-popover);--z-tooltip:var(--z-index-tooltip);--z-toast:1080;--container-padding:var(--container-padding-inline);--global-footer-height:auto;--transition-fast:var(--transition-duration-short) ease;--transition-base:var(--transition-base);--transition-slow:var(--transition-duration-long) ease;--focus-ring:var(--box-shadow-focus-ring);--focus-ring-offset:2px;@media (prefers-color-scheme:dark){--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-tertiary:#9ca3af;--color-background-body:#111827;--color-background-panel:#1f2937;--color-background-panel-alt:#374151;--color-border-light:#4b5563}@media (prefers-reduced-motion:reduce){--transition-duration-short:0s;--transition-duration-base:0s;--transition-duration-long:0s;--transition-base:none}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:local("Inter Regular"),local("Inter-Regular"),url(/shared/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:local("Inter Medium"),local("Inter-Medium"),url(/shared/fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:local("Inter SemiBold"),local("Inter-SemiBold"),url(/shared/fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:local("Inter Bold"),local("Inter-Bold"),url(/shared/fonts/Inter-Bold.woff2) format("woff2")}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:100%;height:100%}body{background-color:var(--color-background-body);font-weight:var(--font-weight-normal);min-height:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-family-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-4);margin-top:var(--spacing-6)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-xl)}h3,h4{font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h5,h6{font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4)}b,strong{font-weight:var(--font-weight-bold)}em,i{font-style:italic}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-duration-short) var(--transition-timing-function-base)}a:focus,a:hover{color:var(--color-text-link-hover);text-decoration:underline}ol,ul{margin-bottom:var(--spacing-4);padding-left:var(--spacing-5)}li{margin-bottom:var(--spacing-2)}img,svg,video{display:block;height:auto;max-width:100%}figure{margin:0 0 var(--spacing-4)}hr{border:0;border-top:1px solid var(--color-border-medium);margin:var(--spacing-8) 0}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}button{background:none;border:none;cursor:pointer}.container{margin-left:auto;margin-right:auto;padding-left:var(--container-padding-inline);padding-right:var(--container-padding-inline)}.text-accent{color:var(--color-text-accent)!important}.brand-accent{color:var(--color-brand-primary)!important}.sr-only{border-width:0}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--text-primary:#000;--text-secondary:#333;--background:#fff;--border-color:#000}}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-muted{color:var(--text-muted)}.text-error{color:var(--error)}.bg-primary{background-color:var(--accent)}.bg-error{background-color:var(--error)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.mt-10{margin-top:var(--spacing-10)}.mt-16{margin-top:var(--spacing-16)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.translate-y-1{transform:translateY(-4px)}.rotate-180{transform:rotate(180deg)}.spinner{height:var(--spacing-8);width:var(--spacing-8)}@media (prefers-reduced-motion:reduce){.spinner{animation:none;border:2px solid var(--color-brand-primary);border-radius:0}}

/*!
 * Unified Layout System
 * Consolidates container, grid, and layout utilities with backward compatibility
 */.container{max-width:var(--container-max-width,1200px);padding:0 var(--container-padding-inline,1rem)}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--2xl{max-width:1536px}.container--full{max-width:none}.container--padded{padding-bottom:var(--spacing-8);padding-top:var(--spacing-8)}.container--tight{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.container--wide{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.grid{gap:var(--grid-gap,var(--spacing-6));width:100%}.grid--1{grid-template-columns:1fr}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5{grid-template-columns:repeat(5,1fr)}.grid--6{grid-template-columns:repeat(6,1fr)}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-width,280px),1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-width,280px),1fr))}.grid--gap-sm{gap:var(--spacing-2)}.grid--gap-md{gap:var(--spacing-4)}.grid--gap-lg{gap:var(--spacing-8)}.grid--gap-xl{gap:var(--spacing-12)}.grid--sm-1{grid-template-columns:1fr}.grid--md-2{grid-template-columns:repeat(2,1fr)}.grid--lg-3{grid-template-columns:repeat(3,1fr)}.grid--xl-4{grid-template-columns:repeat(4,1fr)}.section{padding:var(--section-padding-y,var(--spacing-16)) 0}.section--xs{padding:var(--spacing-4) 0}.section--sm{padding:var(--spacing-8) 0}.section--md{padding:var(--spacing-12) 0}.section--lg{padding:var(--spacing-20) 0}.section--xl{padding:var(--spacing-32) 0}.section--primary{background-color:var(--color-background-body)}.section--secondary{background-color:var(--color-background-panel)}.section--dark{background-color:var(--color-background-dark,#1f2937);color:var(--color-text-on-dark,#fff)}.section--brand{background:linear-gradient(135deg,var(--color-brand-cta) 0,var(--color-brand-hover) 100%);color:#fff}.hero{overflow:hidden;padding:var(--spacing-24) 0;position:relative}.hero--sm{padding:var(--spacing-16) 0}.hero--lg{padding:var(--spacing-32) 0}.hero--xl{padding:var(--spacing-40) 0}.hero--gradient{background:linear-gradient(135deg,var(--color-background-body) 0,rgba(10,126,60,.05) 100%)}.hero--image{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff}.hero__content{margin:0 auto;max-width:48rem;position:relative;z-index:2}.hero__title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-6) 0}.hero__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-8) 0}.hero__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.content-header{margin-bottom:var(--spacing-12);margin-left:auto;margin-right:auto;max-width:48rem;text-align:center}.content-header__title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-4) 0}.content-header__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0}.two-column{align-items:center;display:grid;gap:var(--spacing-12)}.two-column,.two-column--reverse{grid-template-columns:1fr 1fr}.two-column--60-40{grid-template-columns:3fr 2fr}.two-column--40-60{grid-template-columns:2fr 3fr}.two-column__image{width:100%}.two-column__image img{border-radius:var(--border-radius-lg);height:auto;width:100%}.three-column{display:grid;gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}.three-column--featured{grid-template-columns:2fr 1fr 1fr}.flex--wrap{flex-wrap:wrap}.flex--nowrap{flex-wrap:nowrap}.flex--column{flex-direction:column}.flex--row{flex-direction:row}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--around{justify-content:space-around}.flex--evenly{justify-content:space-evenly}.flex--start{justify-content:flex-start}.flex--end{justify-content:flex-end}.flex--items-center{align-items:center}.flex--items-start{align-items:flex-start}.flex--items-end{align-items:flex-end}.flex--items-stretch{align-items:stretch}@media (max-width:1200px){.container,.container--xl{max-width:1024px}}@media (max-width:1024px){.container,.container--lg{max-width:768px}.grid--3,.grid--4,.grid--lg-3,.grid--xl-4{grid-template-columns:repeat(2,1fr)}.three-column,.three-column--featured{gap:var(--spacing-6);grid-template-columns:1fr}.two-column,.two-column--40-60,.two-column--60-40,.two-column--reverse{gap:var(--spacing-8);grid-template-columns:1fr}.hero__title{font-size:var(--font-size-3xl)}.content-header__title{font-size:var(--font-size-2xl)}}@media (max-width:768px){.container{padding:0 var(--spacing-4)}.container,.container--md{max-width:640px}.grid--2,.grid--md-2{grid-template-columns:1fr}.hero{padding:var(--spacing-16) 0}.hero--lg{padding:var(--spacing-20) 0}.hero--xl{padding:var(--spacing-24) 0}.hero__title{font-size:var(--font-size-2xl)}.hero__subtitle{font-size:var(--font-size-lg)}.hero__actions{align-items:stretch;flex-direction:column}.section--lg{padding:var(--spacing-16) 0}.section--xl{padding:var(--spacing-20) 0}}@media (max-width:640px){.container{padding:0 var(--spacing-3)}.container,.container--sm{max-width:none}.grid--auto,.grid--auto-fill{grid-template-columns:1fr}.content-header__title,.hero__title{font-size:var(--font-size-xl)}.content-header{margin-bottom:var(--spacing-8)}}@media (max-width:480px){.container{padding:0 var(--spacing-2)}.grid{gap:var(--spacing-4)}.hero,.section--lg{padding:var(--spacing-12) 0}}@supports not (display:grid){.grid,.grid--1,.grid--2,.grid--3,.grid--4,.three-column,.two-column{display:flex;flex-wrap:wrap}.grid>*,.three-column>*,.two-column>*{flex:1 1 280px;margin:var(--spacing-3)}.grid--1>*{flex:1 1 100%}.grid--2>*{flex:1 1 calc(50% - var(--spacing-6))}.grid--3>*{flex:1 1 calc(33.333% - var(--spacing-6))}}@media print{.container{max-width:none;padding:0}.section{-moz-column-break-inside:avoid;break-inside:avoid}.hero,.section{padding:1rem 0}.grid{display:block}.grid>*{margin-bottom:1rem;-moz-column-break-inside:avoid;break-inside:avoid}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent-cta{color:var(--accent-cta)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-900{background-color:#111827}.bg-accent{background-color:var(--accent)}.bg-accent-light{background-color:var(--accent-light)}.bg-accent-cta{background-color:var(--accent-cta)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-danger{background-color:var(--danger)}.bg-info{background-color:var(--info)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.whitespace-normal{white-space:normal}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.overflow-visible{overflow:visible}.static{position:static}.cursor-auto{cursor:auto}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.visible{visibility:visible}.invisible{visibility:hidden}.transition{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.animate-spin{animation:spin 1s linear infinite}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-transparent{border-color:transparent}.border-current{border-color:currentColor}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-accent{border-color:var(--accent)}.border-accent-cta{border-color:var(--accent-cta)}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05)}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.object-center{-o-object-position:center;object-position:center}.object-top{-o-object-position:top;object-position:top}.object-right{-o-object-position:right;object-position:right}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-left{-o-object-position:left;object-position:left}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.contents{display:contents}.list-item{display:list-item}.show{display:block!important}.hide{display:none!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{word-wrap:break-word;word-break:break-word}.text-nowrap{white-space:nowrap}.text-wrap{white-space:normal}.sr-only{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.sr-only-focusable:focus{height:auto!important;margin:inherit!important;overflow:visible!important;padding:inherit!important;position:static!important;width:auto!important;clip:auto!important;white-space:normal!important}.focus-trap{position:relative}.focus-trap:focus{outline:none}.skip-link{background:var(--background);border:2px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);padding:8px;z-index:var(--z-tooltip)}.loading{pointer-events:none;position:relative}.loading:after{animation:spin 1s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent);content:"";height:1.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.5rem}.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draggable{cursor:grab}.draggable:active{cursor:grabbing}.clearfix:after{clear:both;content:"";display:table}.float-left{float:left}.float-right{float:right}.float-none{float:none}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop,.show-mobile{display:none!important}}@media (max-width:767px){.show-mobile{display:block!important}}@media print{.no-print{display:none!important}.print-only{display:block!important}}.fade-in{animation:fadeIn .3s ease-in-out}.fade-out{animation:fadeOut .3s ease-in-out}.slide-in-up{animation:slideInUp .3s ease-out}.slide-in-down{animation:slideInDown .3s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.fade-in,.fade-out,.slide-in-down,.slide-in-left,.slide-in-right,.slide-in-up{animation:none}.loading:after{animation:none;border:2px solid var(--accent);border-radius:0}}@media (prefers-contrast:high){.loading:after,.skip-link{border-width:3px}}@media (prefers-color-scheme:dark){.dark-mode-hide{display:none!important}.light-mode-hide{display:block!important}}@media (prefers-color-scheme:light){.light-mode-hide{display:none!important}.dark-mode-hide{display:block!important}}

/*!
 * Simplified SVG Sizing Utilities
 * Clean, maintainable approach to consistent SVG sizing
 * Replaces the previous 424-line system with 98 lines (77% reduction)
 */svg{display:inline-block;flex-shrink:0;height:1.25rem;vertical-align:middle;width:1.25rem}.svg-xs{height:.75rem!important;width:.75rem!important}.svg-sm{height:1rem!important;width:1rem!important}.svg-base{height:1.25rem!important;width:1.25rem!important}.svg-md{height:1.5rem!important;width:1.5rem!important}.svg-lg{height:2rem!important;width:2rem!important}.svg-xl{height:2.5rem!important;width:2.5rem!important}.svg-2xl{height:3rem!important;width:3rem!important}.svg-3xl{height:4rem!important;width:4rem!important}.svg-2xl svg,.svg-3xl svg,.svg-base svg,.svg-lg svg,.svg-md svg,.svg-sm svg,.svg-xl svg,.svg-xs svg{height:100%;width:100%}.icon-inline{align-items:center;display:inline-flex;vertical-align:middle}.icon-inline svg{margin-right:.375rem}.icon-button{align-items:center;border-radius:var(--border-radius-md);display:inline-flex;justify-content:center;padding:.5rem;transition:var(--transition-base)}.icon-button:hover{background-color:var(--color-background-panel)}@media (max-width:768px){.svg-responsive{height:1rem!important;width:1rem!important}.svg-responsive.svg-lg{height:1.5rem!important;width:1.5rem!important}.svg-responsive.svg-xl{height:2rem!important;width:2rem!important}}svg[aria-hidden=true]{pointer-events:none}.sr-only-svg{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}body,html{max-width:100vw;overflow-x:hidden}.main-content-area{position:relative}.benefits-section,.cta-section,.features-section,.footer-section,.hero-section,.pricing-section,.section{max-width:100vw;overflow-x:hidden;position:relative;width:100%}.content-container{max-width:80rem}.content-container,.content-container-sm{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}.content-container-sm{max-width:40rem}.content-container-lg{max-width:90rem}.content-container-lg,.content-container-xl{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}.content-container-xl{max-width:96rem}@media (min-width:640px){.content-container,.content-container-lg,.content-container-sm,.content-container-xl{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.content-container,.content-container-lg,.content-container-sm,.content-container-xl{padding-left:2rem;padding-right:2rem}}.responsive-grid{display:grid;gap:1rem;grid-template-columns:1fr;width:100%}@media (min-width:640px){.responsive-grid{gap:1.5rem}.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.responsive-grid{gap:2rem}.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}.responsive-flex{display:flex;flex-direction:column;gap:1rem;width:100%}@media (min-width:768px){.responsive-flex{flex-direction:row;gap:2rem}}.img-responsive{height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.img-contain{-o-object-fit:contain;object-fit:contain}.img-cover{-o-object-fit:cover;object-fit:cover}.text-responsive{font-size:1rem;line-height:1.5}@media (min-width:640px){.text-responsive{font-size:1.125rem;line-height:1.6}}@media (min-width:1024px){.text-responsive{font-size:1.25rem;line-height:1.7}}.heading-responsive-xl{font-size:2rem;font-weight:800;line-height:1.2}@media (min-width:640px){.heading-responsive-xl{font-size:2.5rem}}@media (min-width:768px){.heading-responsive-xl{font-size:3rem}}@media (min-width:1024px){.heading-responsive-xl{font-size:3.5rem}}.heading-responsive-lg{font-size:1.5rem;font-weight:700;line-height:1.3}@media (min-width:640px){.heading-responsive-lg{font-size:1.875rem}}@media (min-width:768px){.heading-responsive-lg{font-size:2.25rem}}@media (min-width:1024px){.heading-responsive-lg{font-size:2.5rem}}.btn-responsive{align-items:center;border-radius:.5rem;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;max-width:100%;padding:.75rem 1.5rem;text-align:center;transition:all .2s ease}@media (min-width:768px){.btn-responsive{font-size:1.125rem;padding:1rem 2rem}}.card-responsive{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:1.5rem;transition:all .3s ease;width:100%}@media (min-width:768px){.card-responsive{border-radius:1rem;padding:2rem}}.card-responsive:hover{box-shadow:0 10px 25px -3px rgba(0,0,0,.1);transform:translateY(-2px)}.spacing-responsive-sm{padding:1rem 0}.spacing-responsive-md{padding:2rem 0}.spacing-responsive-lg{padding:3rem 0}.spacing-responsive-xl{padding:4rem 0}@media (min-width:768px){.spacing-responsive-sm{padding:1.5rem 0}.spacing-responsive-md{padding:3rem 0}.spacing-responsive-lg{padding:4rem 0}.spacing-responsive-xl{padding:6rem 0}}@media (min-width:1024px){.spacing-responsive-sm{padding:2rem 0}.spacing-responsive-md{padding:4rem 0}.spacing-responsive-lg{padding:6rem 0}.spacing-responsive-xl{padding:8rem 0}}.w-constrained{max-width:100%;width:100%}.w-constrained-sm{max-width:640px}.w-constrained-md,.w-constrained-sm{margin-left:auto;margin-right:auto;width:100%}.w-constrained-md{max-width:768px}.w-constrained-lg{max-width:1024px}.w-constrained-lg,.w-constrained-xl{margin-left:auto;margin-right:auto;width:100%}.w-constrained-xl{max-width:1280px}.w-constrained-2xl{margin-left:auto;margin-right:auto;max-width:1536px;width:100%}.prevent-overflow{-webkit-hyphens:auto;hyphens:auto;overflow:hidden}.prevent-overflow,.prevent-x-overflow{word-wrap:break-word;overflow-wrap:break-word}.prevent-x-overflow{overflow-x:hidden}.safe-area{padding-left:env(safe-area-inset-left,1rem);padding-right:env(safe-area-inset-right,1rem)}.vw-100,.vw-constrained{max-width:100vw;width:100vw}.vw-constrained{overflow-x:hidden}.content-area-fix{margin:0;max-width:100vw;overflow-x:hidden;padding:0;position:relative;width:100%}@media (max-width:639px){.mobile-stack{flex-direction:column;text-align:center}.mobile-full-width{margin-left:0;margin-right:0;width:100%}.mobile-center{align-items:center;justify-content:center;text-align:center}}@media (min-width:1920px){.ultra-wide-constrain{margin-left:auto;margin-right:auto;max-width:1600px}}.card--sm{border-radius:var(--border-radius-sm);padding:var(--spacing-4)}.card--lg{border-radius:var(--border-radius-lg)}.card--xl{border-radius:var(--border-radius-xl);padding:var(--spacing-10)}.card--outlined{border:2px solid var(--color-border-medium)}.card--featured{box-shadow:var(--box-shadow-md);position:relative}.card--featured:before{background:linear-gradient(90deg,var(--color-brand-cta),var(--color-brand-primary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.card__title{line-height:var(--line-height-heading);margin:0 0 var(--spacing-2) 0}.card__subtitle{margin:0}.card__description{color:var(--color-text-secondary);line-height:var(--line-height-base)}.card--with-image{overflow:hidden;padding:0}.card__image{height:200px}.card__content{display:flex;flex:1;flex-direction:column;padding:var(--spacing-5)}.filter-button{background-color:var(--color-background-body);border-radius:var(--border-radius-lg)}.filter-button:hover{background-color:var(--color-brand-cta-light);border-color:var(--color-brand-cta);color:var(--color-brand-cta)}.filter-button.active{background-color:var(--color-brand-cta);color:#fff}.filter-button.active:hover{background-color:var(--color-brand-cta-hover);border-color:var(--color-brand-cta-hover);color:#fff}.filter-button img{border-radius:var(--border-radius-sm);flex-shrink:0}.platform-card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);overflow:hidden;padding:var(--spacing-6);position:relative;transition:all var(--transition-base)}.platform-card:hover{box-shadow:var(--box-shadow-lg)}.platform-card.coming-soon{opacity:.75}.platform-card.coming-soon:hover{transform:none}.platform-card .coming-soon-badge{background-color:var(--color-status-info);border-radius:var(--border-radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-2);position:absolute;right:var(--spacing-3);text-transform:uppercase;top:var(--spacing-3)}.platform-card .platform-logo{border-radius:var(--border-radius-md);height:4rem;margin:0 auto var(--spacing-4);-o-object-fit:contain;object-fit:contain;width:4rem}.platform-card.coming-soon .platform-logo{filter:grayscale(100%)}.platform-card .platform-name{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.platform-card.coming-soon .platform-name{color:var(--color-text-secondary)}.platform-card .platform-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-4) 0}.platform-card.coming-soon .platform-description{color:var(--color-text-tertiary)}.platform-card .recipe-count{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4)}.platform-card.coming-soon .recipe-count{color:var(--color-text-tertiary)}.card--feature{padding:var(--spacing-8);text-align:center}.card--feature .card__icon{align-items:center;background:var(--color-brand-cta-light);border-radius:var(--border-radius-lg);color:var(--color-brand-cta);display:flex;height:3rem;justify-content:center;margin:0 auto var(--spacing-4);width:3rem}.recipe-card{background-color:var(--color-background-body);transition:all var(--transition-base)}.recipe-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-lg)}.recipe-card .recipe-image{align-items:center;background-color:var(--color-background-panel);display:flex;height:12rem;justify-content:center;overflow:hidden}.recipe-card .recipe-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-base);width:100%}.recipe-card:hover .recipe-image img{transform:scale(1.02)}.recipe-card .recipe-content{display:flex;flex:1;flex-direction:column;padding:var(--spacing-5)}.recipe-card .recipe-platform-badges{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.recipe-card .recipe-platform-badges img{border-radius:var(--border-radius-sm);height:1.5rem;width:1.5rem}.recipe-card .recipe-platform-badge{align-items:center;background-color:var(--color-status-success-bg);border-radius:var(--border-radius-sm);color:var(--color-status-success);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2)}.recipe-card .recipe-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-2) 0}.recipe-card .recipe-description{color:var(--color-text-secondary);flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-4) 0}.recipe-card .recipe-cta{margin-top:auto}.benefit-card{display:flex;flex-direction:column;text-align:center}.benefit-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.benefit-card .benefit-icon{align-items:center;border-radius:var(--border-radius-full);display:flex;height:4rem;justify-content:center;margin:0 auto var(--spacing-4);width:4rem}.benefit-card .benefit-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-2) 0}.benefit-card .benefit-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.status-badge{border:2px solid transparent;box-shadow:var(--box-shadow-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-base)}.status-badge--success{background-color:var(--color-status-success);border-color:var(--color-status-success);box-shadow:0 2px 8px rgba(5,150,105,.3);color:#fff}.status-badge--info{background-color:var(--color-status-info);border-color:var(--color-status-info);box-shadow:0 2px 8px rgba(37,99,235,.3);color:#fff}.status-badge--warning{background-color:var(--color-status-warning);border-color:var(--color-status-warning);box-shadow:0 2px 8px rgba(217,119,6,.3);color:#fff}@media (max-width:768px){.card--horizontal{flex-direction:column;text-align:center}.card--platform{min-height:140px;padding:var(--spacing-4)}.card__logo{height:40px;width:40px}.card--recipe .card__image{height:160px}.card--pricing{padding:var(--spacing-6)}.card--pricing.card--featured{margin-bottom:var(--spacing-6);transform:none}}.card--loading{pointer-events:none;position:relative}.card--loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--color-border-light);border:2px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-brand-cta);content:"";height:1.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.5rem}@media (prefers-reduced-motion:reduce){.card,.card__image img{transition:none}.card:hover{transform:none}.card--loading:after{animation:none}}.card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-5);position:relative;transition:var(--transition-base)}.card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-md);transform:translateY(-1px)}.card--horizontal{align-items:center;flex-direction:row}.card--centered{align-items:center;text-align:center}.card--sm{padding:var(--spacing-3)}.card--lg{padding:var(--spacing-8)}.card--xl{padding:var(--spacing-12)}.card--elevated{box-shadow:var(--box-shadow-sm)}.card--elevated:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.card--outlined{background-color:transparent;border-width:2px}.card--featured{background:linear-gradient(135deg,var(--color-background-body) 0,rgba(10,126,60,.02) 100%);border-color:var(--color-brand-cta)}.card__header{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.card__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.card__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:var(--spacing-1) 0 0 0}.card__body{flex:1;margin-bottom:var(--spacing-4)}.card__description{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.card__footer{border-top:1px solid var(--color-border-light);justify-content:space-between;margin-top:auto;padding-top:var(--spacing-3)}.card__actions,.card__footer{align-items:center;display:flex}.card__actions{gap:var(--spacing-2)}.card__icon{align-items:center;border-radius:var(--border-radius-full);color:var(--color-brand-cta);display:flex;height:3rem;justify-content:center;margin:0 auto var(--spacing-4);width:3rem}.card__icon,.card__image{background-color:var(--color-background-panel)}.card__image{height:180px;margin-bottom:var(--spacing-4);overflow:hidden;position:relative;width:100%}.card__image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-base);width:100%}.card:hover .card__image img{transform:scale(1.02)}.card__badge{background-color:var(--color-brand-cta);border-radius:var(--border-radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-2);position:absolute;right:var(--spacing-3);text-transform:uppercase;top:var(--spacing-3)}.card--platform,.platform-card{align-items:center;background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);color:inherit;display:flex;flex-direction:column;min-height:160px;padding:var(--spacing-6) var(--spacing-4);text-align:center;text-decoration:none;transition:all var(--transition-base)}.card--platform:hover,.platform-card:hover{border-color:var(--color-brand-cta);box-shadow:var(--box-shadow-md);text-decoration:none;transform:translateY(-2px)}.card--platform.card--disabled,.platform-card--disabled{cursor:not-allowed;opacity:.6}.card--platform.card--disabled:hover,.platform-card--disabled:hover{border-color:var(--color-border-light);box-shadow:none;transform:none}.card--recipe,.recipe-card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all var(--transition-base)}.card--recipe.card--with-image .card__image,.recipe-image-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:160px;justify-content:center;margin-bottom:0;overflow:hidden}.card--recipe .card__content,.recipe-content{display:flex;flex:1;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.card--feature,.feature-card{box-shadow:var(--box-shadow-sm)}.card--feature,.card--pricing,.feature-card,.pricing-card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-8);text-align:center;transition:all var(--transition-base)}.card--pricing,.pricing-card{position:relative}.card--pricing:hover,.pricing-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.pricing-card--featured{background:linear-gradient(135deg,var(--color-background-body) 0,rgba(123,97,255,.02) 100%);border-color:var(--color-brand-cta);position:relative}.pricing-card--featured:before{background:var(--color-brand-cta);border-radius:var(--border-radius-sm);color:#fff;content:"Most Popular";font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);left:50%;padding:var(--spacing-1) var(--spacing-3);position:absolute;top:-12px;transform:translateX(-50%)}.card--dashboard,.dashboard-card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-sm);padding:var(--spacing-5);transition:all var(--transition-base)}.card--dashboard:hover,.dashboard-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.article-card,.blog-card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;padding:var(--spacing-6);transition:all var(--transition-base)}.article-card:hover,.blog-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.value-card{background-color:var(--color-background-body);padding:var(--spacing-6);transition:all var(--transition-base)}.value-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.team-card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-6);transition:all var(--transition-base)}.team-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.contact-info-card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);padding:var(--spacing-5);transition:all var(--transition-base)}.contact-info-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-sm);transform:translateY(-1px)}.benefit-card{transition:all var(--transition-base)}.benefit-card,.step-card{border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.benefit-card,.step-card,.why-card{background-color:var(--color-background-body)}.why-card{border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg)}.problem-card{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-lg)}.problem-card,.solution-card{padding:var(--spacing-6);transition:all var(--transition-base)}.solution-card{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--border-radius-lg)}.form-card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);box-shadow:var(--box-shadow-md);margin:0 auto;max-width:24rem;padding:var(--spacing-8)}.app-card,.form-card{border-radius:var(--border-radius-lg)}.app-card{background-color:#fff;border:1px solid var(--color-border-light);box-shadow:var(--box-shadow-sm);transition:all var(--transition-base)}.app-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-md)}.cards-grid{gap:var(--spacing-6)}.card-icon{border-radius:var(--border-radius-full);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:3rem;margin:0 auto var(--spacing-4);width:3rem}.card-icon-blue{background-color:#dbeafe;color:#2563eb}.card-icon-purple{background-color:#e6f2e9;color:#2d5b3f}.card-icon-pink{background-color:#fce7f3;color:#db2777}.card-icon-green{background-color:#dcfce7;color:#16a34a}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.card-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.platform-card__logo{border-radius:var(--border-radius-sm);height:48px;margin-bottom:var(--spacing-3);-o-object-fit:contain;object-fit:contain;width:48px}.platform-card__name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:0 0 var(--spacing-2) 0}.platform-card__status{margin-top:auto}.recipe-header{justify-content:flex-start}.connector-badge{background-color:var(--color-brand-primary);border-radius:var(--border-radius-full);color:var(--color-text-on-dark);display:inline-block;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);text-transform:capitalize}.recipe-title{font-size:var(--font-size-base);line-height:var(--line-height-tight)}.recipe-description{flex:1;font-size:var(--font-size-sm)}.recipe-footer{align-items:center;display:flex;justify-content:space-between;padding-top:var(--spacing-2)}.recipe-category{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.recipe-cta-btn{align-items:center;background-color:var(--color-brand-cta);border:none;border-radius:var(--border-radius-md);color:var(--color-text-on-dark);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:all var(--transition-base)}.recipe-cta-btn:hover{background-color:var(--color-brand-cta-hover);box-shadow:0 2px 8px rgba(123,97,255,.3);transform:translateY(-1px)}.card__platforms,.recipe-platforms{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.recipe-card__platform{background-color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);border-radius:var(--border-radius-full);box-shadow:0 2px 6px rgba(15,122,60,.25);color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase;transition:all var(--transition-base)}.recipe-card__platform:hover{box-shadow:0 4px 12px rgba(15,122,60,.35);transform:translateY(-1px)}.recipe-link{color:var(--color-brand-cta);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-base)}.recipe-link:hover{color:var(--color-brand-hover);text-decoration:none}.feature-icon{background-color:var(--color-background-panel);border-radius:var(--border-radius-full);color:var(--color-brand-cta);height:3rem;margin:0 auto var(--spacing-4);width:3rem}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.feature-description{line-height:var(--line-height-relaxed)}.feature-card__icon-wrapper{margin-bottom:var(--spacing-4)}.feature-card__icon{color:var(--color-brand-cta);height:3rem;margin:0 auto;width:3rem}.feature-card__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.feature-card__content{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.status-badge{border-radius:var(--border-radius-sm);display:inline-block;font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2)}.status-badge--success{background-color:#dcfce7;color:#166534}.status-badge--info{background-color:#dbeafe;color:#1e40af}.status-badge--warning{background-color:#fef3c7;color:#92400e}.platforms-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.platforms-grid,.recipes-grid{margin-bottom:var(--spacing-8)}.recipes-grid{gap:var(--spacing-5)}.loading-indicator{font-size:var(--font-size-sm);gap:var(--spacing-2)}.spinner{border-top:2px solid var(--color-border-light);border:2px solid var(--color-border-light);border-top-color:var(--color-brand-cta);height:1.5rem;width:1.5rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-md);color:#b91c1c;font-size:var(--font-size-sm)}@media (max-width:768px){.platforms-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card--platform,.platform-card{min-height:140px;padding:var(--spacing-4)}.platform-card__logo{height:40px;width:40px}.recipes-grid{gap:var(--spacing-4);grid-template-columns:1fr}.card__image,.recipe-image-container{height:160px}.card--recipe .card__content,.recipe-content{padding:var(--spacing-4)}.cards-grid{gap:var(--spacing-4);grid-template-columns:1fr}.benefit-card,.feature-card,.step-card,.value-card,.why-card{padding:var(--spacing-4)}}@media (max-width:480px){.platforms-grid{grid-template-columns:repeat(2,1fr)}.card--platform,.platform-card{min-height:120px;padding:var(--spacing-3)}.platform-card__logo{height:32px;width:32px}.platform-card__name{font-size:var(--font-size-xs)}.form-card{margin:var(--spacing-4);padding:var(--spacing-6)}}@media (prefers-reduced-motion:reduce){.app-card,.article-card,.benefit-card,.blog-card,.card,.contact-info-card,.dashboard-card,.feature-card,.form-card,.platform-card,.pricing-card,.problem-card,.recipe-card,.solution-card,.step-card,.team-card,.value-card,.why-card{transition:none}.article-card:hover,.benefit-card:hover,.blog-card:hover,.card:hover,.contact-info-card:hover,.dashboard-card:hover,.feature-card:hover,.platform-card:hover,.pricing-card:hover,.recipe-card:hover,.step-card:hover,.team-card:hover,.value-card:hover,.why-card:hover{transform:none}.spinner{animation:none;border:2px solid var(--color-brand-cta)}}@media (prefers-contrast:high){.app-card,.article-card,.benefit-card,.blog-card,.card,.contact-info-card,.dashboard-card,.feature-card,.form-card,.platform-card,.pricing-card,.recipe-card,.step-card,.team-card,.value-card,.why-card{border-width:2px}}@media print{.app-card,.article-card,.benefit-card,.blog-card,.card,.contact-info-card,.dashboard-card,.feature-card,.form-card,.platform-card,.pricing-card,.recipe-card,.step-card,.team-card,.value-card,.why-card{border:1px solid #000;-moz-column-break-inside:avoid;box-shadow:none;break-inside:avoid;margin-bottom:1rem;transform:none}}.recipes-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-6)}@media (min-width:640px){.recipes-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.recipe-card{background:var(--color-background-elevated);border-radius:var(--border-radius-lg);contain:layout style;transition:var(--transition-base)}.recipe-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.recipe-image-container{background:var(--color-background-section);height:180px;position:relative;width:100%}.recipe-image-container--compact{height:140px}.recipe-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition-base);width:100%}.recipe-image-link{display:block;height:100%;width:100%}.recipe-card:hover .recipe-image{transform:scale(1.05)}.recipe-content{flex-grow:1;gap:var(--spacing-4);padding:var(--spacing-8)}.recipe-content--compact{gap:var(--spacing-3);padding:var(--spacing-6)}.recipe-header{justify-content:space-between;margin-bottom:var(--spacing-2)}.recipe-header--compact{margin-bottom:var(--spacing-1)}.recipe-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.recipe-title--compact{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.recipe-title-link{color:inherit;text-decoration:none;transition:var(--transition-base)}.recipe-title-link:hover{color:var(--color-brand-primary)}.recipe-description{color:var(--color-text-secondary);flex-grow:1;line-height:var(--line-height-relaxed)}.recipe-description--compact{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.recipe-footer{margin-top:auto;padding-top:var(--spacing-3)}.recipe-footer--compact{padding-top:var(--spacing-2)}.recipe-cta,.recipe-cta-btn{align-items:center;background-color:var(--color-brand-cta);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-cta-glow);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;line-height:var(--line-height-normal);padding:var(--spacing-4) var(--spacing-6);text-decoration:none;transition:var(--transition-base);width:100%}.recipe-cta-btn:hover,.recipe-cta:hover{background-color:var(--color-brand-cta-hover);box-shadow:0 6px 20px 0 var(--color-brand-cta-glow);color:#fff;transform:translateY(-1px)}.recipe-cta--compact{background:transparent;box-shadow:none;font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-4);width:auto}.recipe-cta--compact:hover{background:transparent;box-shadow:none;transform:none}.recipe-arrow{font-size:var(--font-size-sm);transition:transform var(--transition-base)}.recipe-cta--compact:hover .recipe-arrow,.recipe-cta-btn:hover .recipe-arrow,.recipe-cta:hover .recipe-arrow{transform:translateX(2px)}.filter-panel{background:var(--color-background-section);border-radius:var(--border-radius-lg);margin:var(--spacing-8) 0;padding:var(--spacing-6)}.connector-filter-btn,.filter-btn{align-items:center;background-color:transparent;border:2px solid var(--color-border-light);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:center;line-height:var(--line-height-normal);padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:var(--transition-base);white-space:nowrap}.connector-filter-btn:hover,.filter-btn:hover{background-color:var(--color-brand-primary-light);border-color:var(--color-brand-primary);color:var(--color-brand-primary);transform:translateY(-1px)}.connector-filter-btn.active,.filter-btn--active,.filter-btn.active{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary);box-shadow:var(--shadow-sm);color:#fff}.connector-filter-btn.active:hover,.filter-btn--active:hover,.filter-btn.active:hover{background-color:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);color:#fff;transform:translateY(-1px)}.filter-btn--primary{background-color:var(--color-brand-cta);box-shadow:var(--shadow-cta-glow)}.filter-btn--primary:hover{background-color:var(--color-brand-cta-hover);border-color:var(--color-brand-cta-hover);color:#fff}.connector-badge{align-items:center;background-color:var(--color-background-section);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.025em;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase;white-space:nowrap}.connector-badge--compact{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.platform-badges-container{margin:var(--spacing-4) 0}.platform-badge{background-color:var(--color-background-elevated);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);contain:layout style;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:var(--transition-base)}.platform-badge:hover{background-color:var(--color-brand-primary-light);border-color:var(--color-brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.platform-badge__logo{flex-shrink:0;height:1.5rem;-o-object-fit:contain;object-fit:contain;width:1.5rem}.platform-badge__name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);white-space:nowrap}.platform-badge:hover .platform-badge__name{color:var(--color-brand-primary)}@media (max-width:640px){.recipes-grid{gap:var(--spacing-4);grid-template-columns:1fr}.filter-panel{padding:var(--spacing-3)}.connector-filter-btn,.filter-btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.recipe-content{padding:var(--spacing-4)}.recipe-image-container{height:160px}.platform-badges-container{gap:var(--spacing-2)}.platform-badge{padding:var(--spacing-2) var(--spacing-3)}.platform-badge__logo{height:1.25rem;width:1.25rem}.platform-badge__name{font-size:var(--font-size-xs)}}.btn{background-color:transparent;font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);line-height:var(--line-height-condensed);min-height:2.75rem;outline:none;padding:var(--spacing-3) var(--spacing-5);text-align:center;touch-action:manipulation;transition:all var(--transition-duration-base) var(--transition-timing-function-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.btn:focus-visible{box-shadow:var(--box-shadow-focus-ring);outline:2px solid transparent}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled);pointer-events:none}.btn--xs{font-size:var(--font-size-sm);min-height:2rem;padding:var(--spacing-2) var(--spacing-3)}.btn--sm{font-size:var(--font-size-base);min-height:2.25rem;padding:var(--spacing-2) var(--spacing-4)}.btn--lg{font-size:var(--font-size-lg);min-height:var(--touch-target-min);padding:var(--spacing-3) var(--spacing-6)}.btn--lg,.btn--xl{border-radius:var(--border-radius-xl);font-weight:var(--font-weight-bold)}.btn--xl{font-size:var(--font-size-xl);min-height:3.5rem;padding:var(--spacing-4) var(--spacing-8)}.btn--primary,.btn-primary{background:var(--color-brand-cta);border:2px solid var(--color-brand-cta);box-shadow:0 4px 14px 0 var(--color-brand-cta-glow);color:#fff;font-weight:var(--font-weight-semibold);transition:all .25s cubic-bezier(.4,0,.2,1)}.btn--primary:hover,.btn-primary:hover{background:var(--color-brand-cta-hover);border-color:var(--color-brand-cta-hover);box-shadow:0 6px 20px 0 var(--color-brand-cta-glow);color:#fff;transform:translateY(-2px)}.btn--primary:active,.btn-primary:active{box-shadow:0 2px 4px rgba(123,97,255,.3);transform:translateY(0)}.btn-outline-primary{background:transparent;border:2px solid var(--color-brand-primary);color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}.btn-outline-primary:hover{background:var(--color-brand-primary);box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff;transform:translateY(-1px)}.btn--cta,.btn-cta{background:var(--color-brand-cta);border:none;box-shadow:0 2px 4px rgba(123,97,255,.3);color:#fff;overflow:hidden;position:relative;transition:all .2s ease-in-out}.btn--cta:before,.btn-cta:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn--cta:hover:before,.btn-cta:hover:before{left:100%}.btn--cta:hover,.btn-cta:hover{background:var(--color-brand-cta-hover);box-shadow:0 4px 8px rgba(0,0,0,.15);color:#fff;transform:translateY(-1px)}.btn--secondary,.btn-secondary{background:var(--color-brand-primary);border:2px solid var(--color-brand-primary);box-shadow:0 4px 14px 0 rgba(10,126,60,.3);color:#fff;font-weight:var(--font-weight-semibold);transition:all .25s cubic-bezier(.4,0,.2,1)}.btn--secondary:hover,.btn-secondary:hover{background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);box-shadow:0 6px 20px 0 rgba(10,126,60,.4);color:#fff;transform:translateY(-2px)}.btn--outline,.btn-outline{background-color:transparent;border:2px solid var(--color-brand-primary);box-shadow:none;color:var(--color-brand-primary);transition:all .25s cubic-bezier(.4,0,.2,1)}.btn--outline:hover,.btn-outline:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);box-shadow:0 4px 14px 0 rgba(10,126,60,.3);color:#fff;transform:translateY(-1px)}.btn--ghost,.btn--subtle{background-color:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover,.btn--subtle:hover{background-color:var(--color-background-panel);border-color:var(--color-border-light);color:var(--color-text-primary)}.btn--danger{background-color:var(--color-status-error);border-color:var(--color-status-error);box-shadow:var(--box-shadow-sm);color:var(--color-text-on-dark)}.btn--danger:hover{background-color:#b91c1c;border-color:#b91c1c;box-shadow:var(--box-shadow-md);color:var(--color-text-on-dark);transform:translateY(-1px)}.btn--success{background-color:var(--color-status-success);border:none;box-shadow:0 2px 4px rgba(5,150,105,.2);color:var(--color-text-on-dark);transition:all .2s ease-in-out}.btn--success:hover{background-color:#047857;box-shadow:0 4px 8px rgba(0,0,0,.15);color:var(--color-text-on-dark);transform:translateY(-1px)}.btn--green,.btn-green{background:linear-gradient(135deg,#4f7942,#6b8e5a);border:none;box-shadow:0 2px 4px rgba(79,121,66,.3);color:#fff;overflow:hidden;position:relative;transition:all .2s ease-in-out}.btn--green:before,.btn-green:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn--green:hover:before,.btn-green:hover:before{left:100%}.btn--green:hover,.btn-green:hover{background:linear-gradient(135deg,#3e7b4e,#5a7f5e);box-shadow:0 4px 8px rgba(0,0,0,.15);color:#fff;transform:translateY(-1px)}.btn--loading{color:transparent;pointer-events:none;position:relative}.btn--loading:after{animation:button-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:currentcolor;content:"";height:1rem;left:50%;margin:-.5rem 0 0 -.5rem;position:absolute;top:50%;width:1rem}@keyframes button-spin{to{transform:rotate(1turn)}}.btn-group{display:inline-flex;vertical-align:middle}.btn-group .btn{border-radius:0;margin-left:-1px;position:relative}.btn-group .btn:first-child{border-bottom-left-radius:var(--border-radius-lg);border-top-left-radius:var(--border-radius-lg);margin-left:0}.btn-group .btn:last-child{border-bottom-right-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.btn-group .btn:focus{z-index:1}.btn--icon-only{aspect-ratio:1;padding:var(--spacing-2)}.btn--icon-only.btn--lg{padding:var(--spacing-3)}.btn-icon{align-items:center;display:inline-flex;flex-shrink:0;height:1rem;justify-content:center;width:1rem}.btn--lg .btn-icon{height:1.25rem;width:1.25rem}.btn[aria-describedby]{position:relative}.btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (max-width:768px){.btn--lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-6)}.btn--xl{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}.btn-group{flex-direction:column}.btn-group .btn{border-radius:0;margin-left:0;margin-top:-1px}.btn-group .btn:first-child{border-bottom-left-radius:0;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);margin-top:0}.btn-group .btn:last-child{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg);border-top-right-radius:0}}@media (prefers-contrast:high){.btn{border-width:2px}.btn--primary,.btn-primary{background:var(--color-brand-primary);border-color:var(--color-text-primary)}.btn--outline,.btn--secondary,.btn-outline,.btn-secondary{border-width:3px}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}.btn--cta:before,.btn-cta:before{display:none}.btn--loading:after{animation:none}}.form-group{margin-bottom:var(--spacing-5)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.form-input,.form-select,.form-textarea{background-clip:padding-box;background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-xs);color:var(--color-text-primary);display:block;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);padding:var(--spacing-3) var(--spacing-4);transition:border-color var(--transition-duration-short) var(--transition-timing-function-base),box-shadow var(--transition-duration-short) var(--transition-timing-function-base);width:100%}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-text-tertiary);opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary);opacity:1}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--box-shadow-focus-ring);outline:0}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-background-panel-alt);cursor:not-allowed;opacity:var(--opacity-disabled)}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236B7280' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:calc(var(--spacing-3) + 1.25em + var(--spacing-3))}.form-select[multiple]{background-image:none;min-height:100px}.form-check-input{background-color:var(--color-background-body);border:1px solid var(--color-border-medium);height:var(--spacing-4);margin-top:var(--spacing-1);vertical-align:top;width:var(--spacing-4)}.form-check-input[type=checkbox]{border-radius:var(--border-radius-sm)}.form-check-input[type=radio]{border-radius:var(--border-radius-full)}.form-check-input:focus{border-color:var(--color-border-focus);box-shadow:var(--box-shadow-focus-ring);outline:0}.form-check-input:checked{background-color:var(--color-brand-cta);border-color:var(--color-brand-cta)}.form-check-label{color:var(--color-text-primary);margin-left:var(--spacing-2)}.form-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--color-status-error)}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{border-color:var(--color-status-error);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-status-error) 25%,transparent)}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:var(--color-status-success)}.form-input.is-valid:focus,.form-select.is-valid:focus,.form-textarea.is-valid:focus{border-color:var(--color-status-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-status-success) 25%,transparent)}.invalid-feedback{color:var(--color-status-error);display:none;font-size:var(--font-size-sm);margin-top:var(--spacing-2);width:100%}.form-input.is-invalid~.invalid-feedback,.form-select.is-invalid~.invalid-feedback,.form-textarea.is-invalid~.invalid-feedback{display:block}.form-input-sm{font-size:var(--font-size-sm);height:2.25rem;padding:var(--spacing-2) var(--spacing-3)}.form-input-lg{font-size:var(--font-size-lg);height:3.25rem;padding:var(--spacing-4) var(--spacing-5)}.input-group{align-items:stretch;display:flex}.input-group .form-input{border-radius:0;border-right:none}.input-group .form-input:first-child{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.input-group .form-input:last-child{border-bottom-right-radius:var(--radius-md);border-right:2px solid var(--border-color);border-top-right-radius:var(--radius-md)}.input-group-addon{align-items:center;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-left:none;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);white-space:nowrap}.input-group-addon:first-child{border-bottom-left-radius:var(--radius-md);border-left:2px solid var(--border-color);border-right:none;border-top-left-radius:var(--radius-md)}.input-group-addon:last-child{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.form-floating{position:relative}.form-floating .form-input,.form-floating .form-textarea{padding:1.5rem 1rem .5rem}.form-floating .form-label{border:1px solid transparent;color:var(--text-secondary);font-weight:var(--font-weight-normal);height:100%;left:1rem;margin-bottom:0;padding:1rem 0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;transition:all .3s ease}.form-floating .form-input:not(:-moz-placeholder)~.form-label,.form-floating .form-textarea:not(:-moz-placeholder)~.form-label{color:var(--accent-cta);font-weight:var(--font-weight-semibold);transform:scale(.75) translateY(-.5rem) translateX(.15rem)}.form-floating .form-input:focus~.form-label,.form-floating .form-input:not(:placeholder-shown)~.form-label,.form-floating .form-textarea:focus~.form-label,.form-floating .form-textarea:not(:placeholder-shown)~.form-label{color:var(--accent-cta);font-weight:var(--font-weight-semibold);transform:scale(.75) translateY(-.5rem) translateX(.15rem)}.form-check{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.form-check-input{accent-color:var(--accent-cta);cursor:pointer;height:1.25rem;margin:0;width:1.25rem}.form-check-label{color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin-bottom:0}.form-check-custom{position:relative}.form-check-custom .form-check-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-sm);height:1.25rem;transition:all .3s ease;width:1.25rem}.form-check-custom .form-check-input:checked{background-color:var(--accent-cta);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='m13.854 3.646-8-8a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L5 7.207 12.146.06a.5.5 0 0 1 .708.708z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.75rem;border-color:var(--accent-cta)}.form-check-custom .form-check-input:focus{box-shadow:0 0 0 3px rgba(123,97,255,.1)}.form-radio-custom .form-check-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-input);border:2px solid var(--border-color);border-radius:50%;height:1.25rem;transition:all .3s ease;width:1.25rem}.form-radio-custom .form-check-input:checked{background-color:var(--accent-cta);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.5rem;border-color:var(--accent-cta)}.form-radio-custom .form-check-input:focus{box-shadow:0 0 0 3px rgba(123,97,255,.1)}.form-switch{display:inline-block;height:1.5rem;position:relative;width:3rem}.form-switch-input{height:0;opacity:0;width:0}.form-switch-slider{background-color:var(--border-color);border-radius:1.5rem;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.form-switch-slider:before{background-color:#fff;border-radius:50%;bottom:.125rem;box-shadow:0 2px 4px rgba(0,0,0,.1);content:"";height:1.25rem;left:.125rem;position:absolute;transition:all .3s ease;width:1.25rem}.form-switch-input:checked+.form-switch-slider{background-color:var(--accent-cta)}.form-switch-input:checked+.form-switch-slider:before{transform:translateX(1.5rem)}.form-switch-input:focus+.form-switch-slider{box-shadow:0 0 0 3px rgba(123,97,255,.1)}.form-file{display:inline-block;overflow:hidden;position:relative}.form-file-input{left:-9999px;position:absolute}.form-file-label{align-items:center;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);transition:all .3s ease}.form-file-label:hover{background-color:var(--bg-hover);border-color:var(--accent-cta);transform:translateY(-1px)}.form-file-label svg{height:1.25rem;width:1.25rem}.form-search{position:relative}.form-search .form-input{padding-left:2.5rem}.form-search-icon{color:var(--text-secondary);height:1.25rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.form-help{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin-top:var(--spacing-2)}@media (max-width:767px){.form-input,.form-select,.form-textarea{font-size:var(--font-size-base)}.input-group{flex-direction:column}.input-group .form-input{border-radius:var(--radius-md);border-right:2px solid var(--border-color);margin-bottom:.5rem}.input-group .form-input:last-child{margin-bottom:0}.input-group-addon{border:2px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:.5rem}.input-group-addon:last-child{margin-bottom:0}}#global-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.2);height:var(--global-header-height,4rem);left:0;position:fixed;right:0;top:0;transition:all .25s ease;will-change:transform,background-color;z-index:1000}.header-blur{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:hsla(0,0%,100%,.8)!important;border-bottom:1px solid hsla(0,0%,100%,.2)!important}#nav-desktop-links{align-items:center;display:none;gap:.75rem;list-style:none;margin:0;padding:0}@media (min-width:768px){#nav-desktop-links{display:flex!important}}#nav-desktop-dashboard{border-radius:var(--border-radius-md);color:var(--color-brand-primary);display:none;font-weight:var(--font-weight-semibold);padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-base)}#nav-desktop-dashboard.visible{display:inline-flex}#nav-desktop-dashboard:hover{background-color:var(--color-background-panel);transform:translateY(-1px)}#user-dropdown-toggle{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all var(--transition-base)}#user-dropdown-toggle:hover{background-color:var(--color-background-panel);border-color:var(--color-border-light)}#user-dropdown-toggle:focus{box-shadow:var(--box-shadow-focus-ring);outline:none}#user-dropdown-menu{background:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-lg);min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all var(--transition-base);visibility:hidden;z-index:var(--z-index-dropdown)}#user-dropdown-menu.visible{opacity:1;transform:translateY(0);visibility:visible}#logout-link{background:transparent;border:none;border-top:1px solid var(--color-border-light);color:var(--color-text-primary);cursor:pointer;display:block;font-size:var(--font-size-sm);padding:.75rem 1rem;text-align:left;transition:all var(--transition-base);width:100%}#logout-link:hover{color:var(--color-brand-primary)}#logout-link:focus,#logout-link:hover{background-color:var(--color-background-panel)}#logout-link:focus{box-shadow:inset 0 0 0 2px var(--color-brand-primary);outline:none}#mobile-menu-toggle{align-items:center;background:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;gap:0;height:2rem;justify-content:center;min-height:2rem;min-width:2rem;padding:0;position:relative;transition:all .3s ease-out;width:2rem}@media (min-width:768px){#mobile-menu-toggle{display:none}}#mobile-menu-toggle:hover{background:#f8fafc;border-color:#e2e8f0}#mobile-menu-toggle:focus{border-color:#e2e8f0;outline:2px solid #0ea5e9;outline-offset:2px}#mobile-menu-toggle[aria-expanded=true]{background:#f8fafc;border-color:#e2e8f0}.mobile-menu-toggle,.nav__hamburger-toggle{align-items:center;background:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;padding:0;position:relative;transition:all .3s ease-out;width:2.5rem}@media (min-width:768px){.mobile-menu-toggle,.nav__hamburger-toggle{display:none}}.mobile-menu-toggle:hover,.nav__hamburger-toggle:hover{background:#f8fafc;border-color:#e2e8f0}.mobile-menu-toggle:focus,.nav__hamburger-toggle:focus{border-color:#e2e8f0;outline:2px solid var(--color-brand-primary);outline-offset:2px}.hamburger-line,.nav__hamburger-line{background-color:#374151;border-radius:1px;display:block;height:2px;transform-origin:center;transition:all .3s ease-out;width:1.25rem}.nav__mobile-toggle--active .hamburger-line:first-child,.nav__mobile-toggle--active .nav__hamburger-line:first-child{transform:translateY(6px) rotate(45deg)}.nav__mobile-toggle--active .hamburger-line:nth-child(2),.nav__mobile-toggle--active .nav__hamburger-line:nth-child(2){opacity:0}.nav__mobile-toggle--active .hamburger-line:nth-child(3),.nav__mobile-toggle--active .nav__hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}#navigation-container{background:var(--color-background-body);border-bottom:1px solid var(--color-border-light);position:relative;width:100%}#nav-desktop-toggle{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;text-align:left;transition:all var(--transition-base);width:100%}#nav-desktop-toggle:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}#nav-desktop-toggle:focus{box-shadow:0 0 0 2px hsla(0,0%,100%,.5);outline:none}#nav-user-name{color:var(--color-text-on-dark);flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#nav-desktop-menu{background:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);bottom:100%;box-shadow:var(--box-shadow-lg);left:0;margin-bottom:.5rem;opacity:0;position:absolute;right:0;transform:translateY(10px);transition:all var(--transition-base);visibility:hidden}#nav-desktop-menu.visible{opacity:1;transform:translateY(0);visibility:visible}#logout-button{background:transparent;border:none;border-top:1px solid var(--color-border-light);color:var(--color-text-primary);cursor:pointer;display:block;font-size:var(--font-size-sm);padding:.75rem 1rem;text-align:left;transition:all var(--transition-base);width:100%}#logout-button:hover{color:var(--color-accent-red)}#logout-button:focus,#logout-button:hover{background-color:var(--color-background-panel)}#logout-button:focus{box-shadow:inset 0 0 0 2px var(--color-accent-red);outline:none}#nav-mobile-toggle{align-items:center;background:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;gap:0;height:2rem;justify-content:center;min-height:2rem;min-width:2rem;padding:0;position:relative;transition:all .3s ease-out;width:2rem}@media (min-width:768px){#nav-mobile-toggle{display:none}}#nav-mobile-toggle:hover{background:#f8fafc;border-color:#e2e8f0}#nav-mobile-toggle:focus{border-color:#e2e8f0;outline:2px solid #0ea5e9;outline-offset:2px}#nav-mobile-toggle[aria-expanded=true]{background:#f8fafc;border-color:#e2e8f0}#nav-mobile-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);box-shadow:0 8px 32px rgba(0,0,0,.1);display:none;height:70vh;left:0;max-height:480px;opacity:0;overflow-y:auto;position:fixed;right:0;top:var(--global-header-height,4rem);transform:translateY(-20px);transition:all .3s ease-out;z-index:var(--z-index-modal)}#nav-mobile-overlay.nav__mobile-overlay--active{transform:translateY(0)}#nav-mobile-menu{display:flex;flex-direction:column;gap:.5rem;height:100%;min-height:auto;padding:1rem 1.5rem}#nav-loading{display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:var(--z-index-modal)}#nav-loading.show{display:block}#footer-loading{display:none;padding:1rem;text-align:center}#footer-loading.show{display:block}#page-loading-overlay{align-items:center;background:hsla(0,0%,100%,.9);bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:visible;z-index:var(--z-index-modal)}#page-loading-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}#global-header-container,.header-container{position:relative;width:100%}#footer-container,.footer-container{margin-top:auto;width:100%}#sidebar-container{height:100%;width:100%}#global-error-container,#global-success-container,#toast-container{max-width:400px;position:fixed;right:1rem;top:calc(var(--global-header-height, 4rem) + 1rem);width:100%;z-index:var(--z-index-toast)}#toast-container{display:flex;flex-direction:column;gap:.5rem}#svg-icons-container{height:0;overflow:hidden;position:absolute;visibility:hidden;width:0}#page-content-area{max-width:100%;min-height:calc(100vh - var(--global-header-height, 4rem) - var(--footer-height, 200px));overflow-x:hidden;padding:var(--spacing-6)}#icons-container{height:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;width:0}#nav-mobile-dashboard{border-radius:var(--border-radius-md);color:var(--color-brand-primary);display:none;font-weight:var(--font-weight-semibold);padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-base)}#nav-mobile-dashboard.visible{display:block}#nav-mobile-dashboard:hover{background-color:var(--color-background-panel)}#nav-mobile-dashboard:focus{box-shadow:inset 0 0 0 2px var(--color-brand-primary);outline:none}.global-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.2);height:var(--global-header-height,4rem);position:sticky;will-change:transform,background-color}.nav-container{height:100%;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding-inline)}.nav-wrapper{height:100%;justify-content:space-between}.nav-wrapper,.nav__logo{align-items:center;display:flex}.nav__logo{min-height:var(--touch-target-min)}.navbar-brand:focus{border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-focus-ring)}.nav__logo-image{height:2.5rem;width:auto}.nav__right-content{align-items:center;display:flex;gap:1rem}.nav__desktop-links{gap:.75rem;margin:0 1rem 0 0}@media (min-width:768px){.nav__desktop-links{display:flex!important}}.nav__link{align-items:center;border-radius:8px;display:flex;min-height:var(--touch-target-min,2.75rem);position:relative}.nav__link:focus{box-shadow:var(--box-shadow-focus-ring,0 0 0 3px rgba(123,97,255,.3));outline:none}.nav__link.active,.nav__link:focus{color:var(--color-brand-primary,#0f7a3c)}.nav__link.active{font-weight:var(--font-weight-semibold,600)}.nav__cta-button{background:var(--color-brand-cta);border:2px solid var(--color-brand-cta);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);min-height:2.5rem;padding:.625rem 1.25rem}.nav__cta-button:hover{background:var(--color-brand-cta-hover);border-color:var(--color-brand-cta-hover);box-shadow:0 4px 8px rgba(0,0,0,.15)}.nav__cta-button:focus{box-shadow:var(--box-shadow-focus-ring)}.navbar .auth-guest-only{display:block}.navbar .auth-user-only,.navbar.authenticated .auth-guest-only{display:none}.global-header .auth-guest-only,.navbar.authenticated .auth-user-only{display:block}.global-header .auth-user-only,.global-header.authenticated .auth-guest-only{display:none}.global-header.authenticated .auth-user-only{display:block}.nav__dashboard-button{align-items:center;background:var(--color-brand-primary);border:2px solid var(--color-brand-primary);border-radius:var(--border-radius-md);color:var(--color-text-on-dark);display:inline-flex;font-size:.875rem;font-weight:var(--font-weight-bold);justify-content:center;min-height:2.5rem;padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.nav__dashboard-button:hover{background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);color:var(--color-text-on-dark);transform:translateY(-1px)}.nav__dashboard-button:focus{box-shadow:var(--box-shadow-focus-ring);outline:none}.navbar-toggle{align-items:center;background:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;gap:0;height:2rem;justify-content:center;min-height:2rem;min-width:2rem;padding:0;position:relative;transition:all .3s ease-out;width:2rem}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-toggle:hover{background:#f8fafc;border-color:#e2e8f0}.navbar-toggle:focus{border-color:#e2e8f0;outline:2px solid #0ea5e9;outline-offset:2px}.navbar-toggle[aria-expanded=true]{background:#f8fafc;border-color:#e2e8f0}.nav__hamburger-line{background-color:#64748b;border-radius:1px;height:2px;left:50%;position:absolute;transform-origin:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:16px}.nav__hamburger-line--top{top:6px;transform:translateX(-50%)}.nav__hamburger-line--middle{top:50%;transform:translate(-50%,-50%)}.nav__hamburger-line--bottom{bottom:6px;transform:translateX(-50%)}.navbar-toggle[aria-expanded=true] .nav__hamburger-line--top{top:50%;transform:translate(-50%,-50%) rotate(45deg)}.navbar-toggle[aria-expanded=true] .nav__hamburger-line--middle{opacity:0;transform:translate(-50%,-50%) scale(0)}.navbar-toggle[aria-expanded=true] .nav__hamburger-line--bottom{bottom:50%;transform:translate(-50%,50%) rotate(-45deg)}.navbar-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);box-shadow:0 8px 32px rgba(0,0,0,.1);display:none;height:70vh;left:0;max-height:480px;opacity:0;overflow-y:auto;position:fixed;right:0;top:var(--global-header-height,4rem);transform:translateY(-20px);transition:all .3s ease-out;z-index:var(--z-index-modal)}.navbar-overlay.nav__mobile-overlay--active{display:block!important;opacity:1;transform:translateY(0)}.nav__mobile-menu{display:flex;flex-direction:column;gap:.5rem;min-height:auto;padding:1rem 1.5rem}.nav__mobile-link{align-items:center;border:1px solid transparent;border-radius:.375rem;display:flex;font-size:1rem;min-height:2.75rem;padding:.75rem 1rem;transition:all .3s ease-out}.nav__mobile-link:hover{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}.nav__mobile-link:focus{border-color:#0ea5e9;outline:2px solid #0ea5e9;outline-offset:2px}.nav__mobile-link.active{background:#eff6ff;border-color:#0ea5e9;color:#0369a1}.nav__mobile-cta{border-top:1px solid #e2e8f0;margin-top:auto;padding:1rem 0}.nav__mobile-cta-button{align-items:center;background:#0ea5e9;border:1px solid #0ea5e9;border-radius:.375rem;color:#fff;display:flex;font-size:.875rem;font-weight:600;justify-content:center;min-height:2.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease-out;width:100%}.nav__mobile-cta-button:hover{background:#0284c7;border-color:#0284c7;color:#fff;transform:translateY(-1px)}.nav__mobile-cta-button:focus{box-shadow:var(--box-shadow-focus-ring);outline:none}.nav__mobile-dashboard-button{align-items:center;background:#0a7e3c;border:1px solid #0a7e3c;border-radius:.375rem;color:#fff;display:flex;font-size:.875rem;font-weight:600;justify-content:center;min-height:2.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease-out;width:100%}.nav__mobile-dashboard-button:hover{background:#065a2e;border-color:#065a2e;color:#fff;transform:translateY(-1px)}.nav__mobile-dashboard-button:focus{box-shadow:var(--box-shadow-focus-ring);outline:none}.user-menu-toggle{border:2px solid var(--color-border-light);border-radius:var(--border-radius-md);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.user-menu-toggle:hover{background:var(--color-background-panel);border-color:var(--color-brand-cta)}.user-menu-toggle:focus{border-color:var(--color-brand-cta);box-shadow:var(--box-shadow-focus-ring)}.user-avatar{background:linear-gradient(135deg,var(--color-brand-cta),var(--color-brand-primary))}.user-menu-dropdown{border:2px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);z-index:var(--z-index-dropdown)}.user-menu-item{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.user-menu-item:hover{background:var(--color-background-panel);color:var(--color-text-primary)}.user-menu-item:focus{box-shadow:inset 0 0 0 2px var(--color-brand-cta)}.global-header.scrolled{background:hsla(0,0%,100%,.98);box-shadow:var(--box-shadow-md);transform:translateZ(0)}.auth-guest-only.hidden,.auth-user-only.hidden,.authenticated .auth-guest-only{display:none!important}.authenticated .auth-user-only{display:block!important}.global-header.authenticated .auth-guest-only,.header-blur.authenticated .auth-guest-only,.header.authenticated .auth-guest-only{display:none!important}.global-header.authenticated .auth-user-only,.header-blur.authenticated .auth-user-only,.header.authenticated .auth-user-only{display:block!important}.global-header.authenticated .auth-user-only.flex,.header-blur.authenticated .auth-user-only.flex,.header.authenticated .auth-user-only.flex{display:flex!important}@media (max-width:767px){.nav-container{padding:0 var(--spacing-4)}.nav__logo-image{height:2rem}.nav__cta-button{font-size:.8125rem;padding:.5rem .75rem}}@media (prefers-reduced-motion:reduce){.global-header,.nav__hamburger-line,.nav__link,.navbar-overlay{transition:none}}@media (prefers-contrast:high){.global-header{background:#fff;border-bottom-width:2px}.navbar-toggle{border-width:3px}.nav__link:focus,.navbar-toggle:focus{outline:3px solid currentColor}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.2);height:var(--global-header-height);position:sticky;top:0;transition:all var(--transition-base);will-change:transform,background-color;z-index:var(--z-index-sticky)}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding-inline)}.navbar-brand{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;min-height:var(--touch-target-min);padding:.5rem 0;text-decoration:none;transition:opacity var(--transition-base)}.navbar-brand:hover{opacity:.8}.navbar-brand:focus{border-radius:var(--radius);box-shadow:var(--focus-ring);outline:none}.navbar-brand img{height:2.5rem;margin-right:.5rem;width:auto}.navbar-nav{align-items:center;display:none;gap:1rem;list-style:none;margin:0;padding:0}@media (min-width:768px){.navbar-nav{display:flex}}.nav-item,.nav-link{position:relative}.nav-link{align-items:center;border-radius:var(--radius);color:var(--text-secondary);display:flex;font-size:.9375rem;font-weight:500;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-base)}.nav-link:hover{background-color:var(--bg-hover);color:var(--accent)}.nav-link:focus{box-shadow:var(--focus-ring);color:var(--accent);outline:none}.nav-link.active{color:var(--accent);font-weight:600}.navbar-actions{align-items:center;display:flex;gap:.75rem}.nav-btn{align-items:center;border:2px solid transparent;border-radius:var(--radius);display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.75rem 1.25rem;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.nav-btn:focus{box-shadow:var(--focus-ring);outline:none}.nav-btn-outline{background:transparent;border-color:var(--accent-cta);color:var(--accent-cta)}.nav-btn-outline:hover{transform:translateY(-1px)}.nav-btn-outline:hover,.nav-btn-primary{background:var(--accent-cta);color:#fff}.nav-btn-primary:hover{transform:translateY(-1px)}.mobile-menu-toggle{border:2px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);min-height:var(--touch-target-min);min-width:var(--touch-target-min);transition:all var(--transition-base)}.mobile-menu-toggle:hover{background:var(--bg-hover);border-color:var(--accent-cta);color:var(--accent)}.mobile-menu-toggle:focus{border-color:var(--accent-cta);box-shadow:var(--focus-ring);outline:none}.mobile-menu-toggle[aria-expanded=true]{background:var(--accent-pale);border-color:var(--accent);color:var(--accent)}.mobile-menu-toggle svg{height:1.5rem;width:1.5rem}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.98);border-bottom:1px solid var(--border-color);box-shadow:0 4px 16px rgba(0,0,0,.1);display:none;left:0;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.mobile-menu.active{display:block}.mobile-menu-nav{display:flex;flex-direction:column;gap:.25rem;padding:1rem var(--container-padding)}.mobile-nav-link{align-items:center;border:2px solid transparent;border-radius:var(--radius);color:var(--text-secondary);display:flex;font-weight:500;min-height:var(--touch-target-min);padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-base)}.mobile-nav-link:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--accent)}.mobile-nav-link:focus{border-color:var(--accent-cta);box-shadow:var(--focus-ring);outline:none}.mobile-nav-link.active{background:var(--accent-pale);border-color:var(--accent);color:var(--accent)}.mobile-menu-actions{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem;padding:1rem var(--container-padding)}.mobile-nav-btn{align-items:center;border:2px solid transparent;border-radius:var(--radius);display:flex;font-weight:500;justify-content:center;min-height:var(--touch-target-min);padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-base)}.mobile-nav-btn:focus{box-shadow:var(--focus-ring);outline:none}.mobile-nav-btn-outline{background:transparent;border-color:var(--accent-cta);color:var(--accent-cta)}.mobile-nav-btn-outline:hover,.mobile-nav-btn-primary{background:var(--accent-cta);color:#fff}.navbar.scrolled{background:hsla(0,0%,100%,.98);box-shadow:0 2px 16px rgba(0,0,0,.1);transform:translateZ(0)}.user-menu{position:relative}.user-menu-toggle{align-items:center;background:transparent;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;display:flex;gap:.5rem;min-height:var(--touch-target-min);padding:.5rem;transition:all var(--transition-base)}.user-menu-toggle:hover{background:var(--bg-hover);border-color:var(--border-color)}.user-menu-toggle:focus{border-color:var(--accent-cta);box-shadow:var(--focus-ring);outline:none}.user-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-cta));border-radius:50%;font-size:.875rem;font-weight:600;height:2rem;width:2rem}.user-menu-dropdown{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:12rem;opacity:0;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-8px);transition:all var(--transition-base);visibility:hidden;z-index:var(--z-dropdown)}.user-menu.active .user-menu-dropdown{opacity:1;transform:translateY(0);visibility:visible}.user-menu-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.875rem;gap:.75rem;min-height:var(--touch-target-min);padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-base)}.user-menu-item:last-child{border-bottom:none}.user-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.user-menu-item:focus{box-shadow:inset 0 0 0 2px var(--accent-cta);outline:none}.user-menu-item svg{height:1rem;width:1rem}@media (prefers-reduced-motion:reduce){.mobile-menu,.nav-link,.navbar,.user-menu-dropdown{transition:none}}@media (prefers-contrast:high){.navbar{background:#fff;border-bottom-width:2px}.mobile-menu-toggle,.user-menu-toggle{border-width:3px}.mobile-menu-toggle:focus,.nav-link:focus,.user-menu-toggle:focus{outline:3px solid currentColor;outline-offset:2px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu.active{animation:fadeInDown .3s ease-out}.header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;height:var(--global-header-height);position:sticky;top:0;transition:all var(--transition-base);will-change:transform;z-index:var(--z-index-sticky)}.header .max-w-container{height:100%;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding-inline);width:100%}.header .flex{display:flex;height:100%}.header .justify-between{justify-content:space-between}.header .items-center,.header .py-4{align-items:center}.header .py-4{display:flex;height:100%;padding:0}#logo-container img{height:2rem;max-width:200px;-o-object-fit:contain;object-fit:contain;width:auto}#main-navigation{align-items:center;display:flex;flex:1;gap:1rem;height:100%;justify-content:space-between;min-width:0}.nav-links{align-items:center;display:none;gap:.5rem;list-style:none;margin:0;padding:0}@media (min-width:768px){.nav-links{display:flex}}.nav-links li{list-style:none}.user-actions{height:100%;margin-left:1rem}.hamburger-line{background-color:#475569;border-radius:1px;display:block;height:2px;position:relative;transform-origin:center;transition:all .3s ease;width:18px}#nav-mobile-toggle .hamburger-line:first-child{transform:translateY(-6px)}#nav-mobile-toggle .hamburger-line:nth-child(2){transform:translateY(0)}#nav-mobile-toggle .hamburger-line:nth-child(3){transform:translateY(6px)}#nav-mobile-toggle[aria-expanded=true] .hamburger-line:first-child{transform:translateY(0) rotate(45deg)}#nav-mobile-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0;transform:translateY(0) scale(0)}#nav-mobile-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(0) rotate(-45deg)}.mobile-menu-toggle{align-items:center;background:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;gap:3px;height:2.5rem;justify-content:center;padding:0;position:relative;transition:all .3s ease;width:2.5rem}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle:hover{background:rgba(248,250,252,.8);border-color:#e2e8f0}.mobile-menu-toggle:focus{outline:2px solid var(--color-brand-cta);outline-offset:2px}.nav__link{border-radius:.375rem;color:#64748b;font-size:.9375rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav__link:hover{background-color:rgba(248,250,252,.8);color:var(--color-brand-primary)}.nav__cta-button{align-items:center;background:var(--color-brand-cta,#7b61ff);border:2px solid var(--color-brand-cta,#7b61ff);border-radius:.5rem;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-width:100px;padding:.5rem 1.25rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav__cta-button:hover{background:var(--color-brand-cta-hover,#6148dd);border-color:var(--color-brand-cta-hover,#6148dd);color:#fff;transform:translateY(-1px)}.nav__cta-button:focus{box-shadow:0 0 0 3px var(--color-brand-cta-glow,rgba(123,97,255,.3));outline:none}.hidden{display:none!important}.md\:hidden{display:block}@media (min-width:768px){.md\:hidden{display:none!important}}.md\:flex{display:none}@media (min-width:768px){#nav-desktop-links.md\:flex,.md\:flex,.nav-links.md\:flex,.nav__desktop-links.md\:flex{display:flex!important}}.nav-links.hidden{display:none}@media (min-width:768px){#nav-desktop-links.hidden.md\:flex,.nav-links.hidden.md\:flex,.nav__desktop-links.hidden.md\:flex{display:flex!important}}@media (max-width:768px){#logo-container,#logo-container img{height:1.75rem}.header .py-4{padding:.75rem 0}}.nav__mobile-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:4rem;transition:all .3s ease;visibility:hidden;z-index:1000}.nav__mobile-overlay.nav__mobile-overlay--active{opacity:1;visibility:visible}#nav-mobile-overlay.nav__mobile-overlay--active{display:block!important;opacity:1;visibility:visible}.nav__mobile-menu{height:100%;max-width:100%;overflow-y:auto;padding:2rem 1.5rem}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.nav__mobile-link{border-radius:.5rem;color:#64748b;display:block;font-size:1.125rem;font-weight:500;padding:1rem;text-decoration:none;transition:all .2s ease}.nav__mobile-link:hover{background:rgba(248,250,252,.8);color:var(--color-brand-primary)}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.header a[data-base-path]:hover{text-decoration:none}#logo-container{align-items:center;display:flex;height:2rem;margin-right:.75rem}.navigation-main,.user-actions{margin-left:auto}.user-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.nav__desktop-links{align-items:center;display:none;flex-shrink:1;gap:.5rem;list-style:none;margin:0;overflow:hidden;padding:0}.auth-guest-only{display:block}.auth-user-only{display:none}.authenticated .auth-guest-only,.global-header.authenticated .auth-guest-only,.hidden .auth-guest-only{display:none!important}.authenticated .auth-user-only,.global-header.authenticated .auth-user-only{display:block!important}@media (max-width:767px){.authenticated .auth-user-only{display:block!important}.authenticated .auth-guest-only{display:none!important}}.header .auth-guest-only{display:block}.header .auth-user-only{display:none}.header.authenticated .auth-guest-only{display:none!important}.header.authenticated .auth-user-only{display:block!important}.header-blur .auth-guest-only{display:block}.header-blur .auth-user-only{display:none}.header-blur.authenticated .auth-guest-only{display:none!important}.header-blur.authenticated .auth-user-only{display:block!important}.pulse-effect{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}body{scroll-padding-top:var(--global-header-height)}.main-content{padding-top:var(--global-header-height)}.header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border-bottom-color:var(--color-border-medium);box-shadow:var(--shadow-md)}.header{z-index:1000!important}.nav__mobile-overlay{top:var(--global-header-height)!important;z-index:999}@media (min-width:768px){#nav-desktop-links,.nav-links,.nav__desktop-links{align-items:center!important;display:flex!important;gap:.75rem!important}}.footer{background-color:#111827;color:#f9fafb;flex-shrink:0;font-size:var(--font-size-sm);line-height:var(--line-height-base);padding:3rem 0 2rem;width:100%}.footer .container,.footer .max-w-container{margin:0 auto;max-width:var(--container-max-width,1200px);padding:0 var(--container-padding-inline,1rem)}.footer .grid,.footer-grid{display:grid;gap:3rem;grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:3rem}@media (max-width:767px){.footer .grid,.footer-grid{gap:2.5rem;grid-template-columns:1fr}}.footer-brand{align-items:flex-start;display:flex;flex-direction:column;text-align:left}#footer-logo-container,.footer-logo{display:inline-block;margin-bottom:1.5rem}#footer-logo-container a,.footer-logo a{display:block;transition:opacity .2s ease}#footer-logo-container a:hover,.footer-logo a:hover{opacity:.9}#footer-logo-container img,.footer-logo img{display:block;height:auto;max-width:100%;width:120px}.footer-description{color:#9ca3af;line-height:1.6;margin-bottom:1.5rem;max-width:300px}.logo{align-items:flex-start;display:flex;flex-direction:column}.logo-social-container{align-items:center;display:flex;gap:1.5rem}#footer-logo-container{align-items:center;display:flex;margin-bottom:0}.social-links{gap:1rem;margin-top:0}.social-links,.social-links a{align-items:center;display:flex}.social-links a{background-color:hsla(0,0%,100%,.05);border-radius:.5rem;color:#d1d5db;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.social-links a:hover{background-color:hsla(0,0%,100%,.1);color:#f9fafb;transform:translateY(-2px)}.social-links a:focus{box-shadow:0 0 0 2px hsla(0,0%,100%,.5);outline:none}.social-links img,.social-links svg{height:1.25rem;width:1.25rem;fill:currentColor}.footer-heading,.footer-nav-title{color:#f9fafb;font-size:var(--font-size-md,1rem);font-weight:600;letter-spacing:normal;margin-bottom:1.25rem;text-transform:none}.footer ul,.footer-nav-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer li,.footer-nav-links li{margin:0}.footer a:not(.social-links a),.footer-nav-links a{color:#9ca3af;display:block;font-size:.875rem;line-height:1.5;text-decoration:none;transition:color .2s ease}.footer a:not(.social-links a):hover,.footer-nav-links a:hover{color:#f9fafb;text-decoration:none}.footer-bottom{padding-top:1.5rem}.footer-copyright{color:#9ca3af;font-size:.875rem;margin:0}@media (max-width:1024px){.footer-grid{gap:2rem}}@media (max-width:767px){.footer{padding:3rem 0 2rem}.footer .grid,.footer-grid{gap:2.5rem;grid-template-columns:1fr}.footer-brand{text-align:center}.footer-brand,.logo{align-items:center}.logo-social-container{align-items:center;flex-direction:column;gap:1rem}.footer-description{max-width:100%;text-align:center}.footer-heading,.footer-nav-section,.footer-nav-title{text-align:center}.social-links{justify-content:center}}@media (max-width:480px){.footer{padding:2.5rem 0 1.5rem}}@media (prefers-reduced-motion:reduce){.footer{animation:none}.social-links a{transition:none}}.filter-container{background:linear-gradient(135deg,var(--color-background-panel) 0,#fff 100%);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-sm);margin-bottom:var(--spacing-8);padding:var(--spacing-6)}.filter-label{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;margin-bottom:var(--spacing-4)}.filter-button,.filter-buttons{align-items:center;justify-content:center}.filter-button{background:var(--color-background-body);border:2px solid var(--color-border-light);border-radius:var(--border-radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);min-height:var(--touch-target-min);overflow:hidden;padding:var(--spacing-3) var(--spacing-5);position:relative;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.filter-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.filter-button:hover:before{left:100%}.filter-button:hover{background:var(--color-brand-primary-light);border-color:var(--color-brand-primary);box-shadow:var(--box-shadow-sm);color:var(--color-brand-primary);transform:translateY(-1px)}.filter-button:focus-visible{box-shadow:var(--box-shadow-focus-ring);outline:2px solid var(--color-brand-cta);outline-offset:2px}.filter-button.active{background:var(--color-brand-cta);border-color:var(--color-brand-cta);box-shadow:var(--box-shadow-md);color:var(--color-text-on-dark);font-weight:var(--font-weight-semibold)}.filter-button.active:hover{background:var(--color-brand-cta-hover);box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.filter-button--platform{padding:var(--spacing-3) var(--spacing-4)}.filter-button__icon{border-radius:var(--border-radius-sm);flex-shrink:0;height:1.25rem;-o-object-fit:contain;object-fit:contain;width:1.25rem}.filter-search{margin-bottom:var(--spacing-4);margin-left:auto;margin-right:auto;max-width:24rem;position:relative}.filter-search__input{background:var(--color-background-body);border:2px solid var(--color-border-light);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-12);transition:all var(--transition-base);width:100%}.filter-search__input::-moz-placeholder{color:var(--color-text-tertiary)}.filter-search__input::placeholder{color:var(--color-text-tertiary)}.filter-search__input:focus{border-color:var(--color-brand-cta);box-shadow:var(--box-shadow-focus-ring)}.filter-search__icon{color:var(--color-text-tertiary);height:1.25rem;left:var(--spacing-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.filter-count{align-items:center;background:var(--color-text-tertiary);border-radius:var(--border-radius-full);color:var(--color-text-on-dark);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:1.5rem;justify-content:center;margin-left:var(--spacing-2);min-width:1.5rem;padding:0 var(--spacing-1)}.filter-button.active .filter-count{background:hsla(0,0%,100%,.3)}.filter-clear{background:transparent;border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.filter-clear:hover{background:var(--color-status-error-bg);border-color:var(--color-status-error);color:var(--color-status-error)}@media (max-width:768px){.filter-container{margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.filter-buttons{gap:var(--spacing-2)}.filter-button{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-4)}.filter-button--platform{padding:var(--spacing-2) var(--spacing-3)}.filter-button__icon{height:1rem;width:1rem}.filter-search{max-width:100%}}@media (max-width:480px){.filter-buttons{align-items:stretch;flex-direction:column}.filter-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.filter-button{transition:none}.filter-button:before{display:none}.filter-button:hover{transform:none}}@media (prefers-contrast:high){.filter-button{border-width:3px}.filter-button.active{border-color:var(--color-text-primary);border-width:3px}.filter-search__input{border-width:3px}}.filter-buttons .loading-indicator{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);gap:var(--spacing-3);justify-content:center;padding:var(--spacing-6)}.filter-buttons .spinner{animation:spin 1s linear infinite;border-top:2px solid var(--color-border-light);border:2px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-brand-primary);height:1.5rem;width:1.5rem}.filter-results-summary{background:var(--color-background-panel-alt);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-4);padding:var(--spacing-3);text-align:center}.filter-results-count{color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}.accordion{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);overflow:hidden}.accordion__item{border-bottom:1px solid var(--color-border-light)}.accordion__item:last-child{border-bottom:none}.accordion__header{align-items:center;background-color:var(--color-background-body);border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);text-align:left;transition:var(--transition-base);width:100%}.accordion__header:hover{background-color:var(--color-background-panel)}.accordion__header:focus-visible{box-shadow:var(--box-shadow-focus-ring);outline:none}.accordion__header[aria-expanded=true]{background-color:var(--color-background-panel);border-bottom:1px solid var(--color-border-light)}.accordion__title{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0}.accordion__icon{color:var(--color-text-secondary);height:1.25rem;transition:transform var(--transition-duration-base) var(--transition-timing-function-base);width:1.25rem}.accordion__header[aria-expanded=true] .accordion__icon{transform:rotate(180deg)}.accordion__content{background-color:var(--color-background-panel);border-top:1px solid var(--color-border-light);padding:var(--spacing-4) var(--spacing-5)}.accordion__content[hidden]{display:none}.accordion__content{max-height:1000px;opacity:1;transition:max-height var(--transition-duration-base) var(--transition-timing-function-base),opacity var(--transition-duration-base) var(--transition-timing-function-base)}.accordion__content.collapsing{max-height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0}.accordion--bordered{border:2px solid var(--color-border-medium)}.accordion--ghost{background-color:transparent;border:none}.accordion--ghost .accordion__item{border-bottom:1px solid var(--color-border-light)}.accordion--ghost .accordion__header{background-color:transparent}.accordion--ghost .accordion__header:hover{background-color:var(--color-background-panel)}.accordion--ghost .accordion__content{background-color:transparent;border-top:none}@media (prefers-reduced-motion:reduce){.accordion__content,.accordion__icon{transition:none}}@media (prefers-contrast:high){.accordion{border-width:2px}.accordion__header{border-bottom-width:2px}.accordion__content{border-top-width:2px}}.blog-hero{background-color:transparent;border-bottom:none;padding:var(--spacing-12,3rem) 0 0}.blog-category{background-color:var(--color-brand-primary-light);border-radius:var(--border-radius-md);color:var(--color-brand-primary);font-weight:var(--font-weight-medium)}.blog-title{font-weight:700;line-height:1.2;margin:var(--spacing-4,1rem) 0;max-width:800px}.blog-excerpt,.blog-title{margin-left:auto;margin-right:auto}.blog-excerpt{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-6,1.5rem);max-width:720px}.blog-author{background:transparent;border:none;margin:0 auto var(--spacing-8,2rem);max-width:720px;padding:0}.author-avatar{height:3rem;width:3rem}.blog-featured-image{margin:0 auto var(--spacing-12,3rem);max-width:800px}.blog-featured-image img{border-radius:var(--border-radius-lg)}.blog-content{color:var(--color-text-primary);font-size:1.125rem;line-height:1.75;margin:0 auto var(--spacing-12,3rem);max-width:720px}.blog-content h2{border-bottom:1px solid var(--color-border-light);font-size:1.875rem;font-weight:600;margin:var(--spacing-10,2.5rem) 0 var(--spacing-4,1rem) 0;padding-bottom:var(--spacing-2)}.blog-content h3{margin:var(--spacing-8,2rem) 0 var(--spacing-3,.75rem) 0}.blog-content p{color:var(--color-text-primary);margin-bottom:var(--spacing-6,1.5rem)}.blog-content a{color:var(--color-brand-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s}.blog-content a:hover{color:var(--color-brand-primary-hover)}.blog-content ol,.blog-content ul{margin:0 0 var(--spacing-6,1.5rem);padding-left:var(--spacing-5,1.25rem)}.blog-content li{color:var(--color-text-primary);margin-bottom:var(--spacing-3,.75rem)}.blog-image{margin:var(--spacing-8,2rem) 0;text-align:center}.blog-image img{border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);max-width:100%;width:auto}.blog-image figcaption{color:var(--color-text-tertiary);font-size:.9rem;margin-top:var(--spacing-3,.75rem)}.blog-table{border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:none;margin:var(--spacing-8,2rem) 0;overflow-x:auto}.blog-table table{border:none;border-radius:0}.blog-table td,.blog-table th{font-size:.9rem}.blog-cta{background:var(--color-background-section);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg,.75rem);margin:var(--spacing-12,3rem) auto;max-width:720px;padding:var(--spacing-8,2rem);text-align:center}.blog-cta h3{color:var(--color-text-primary);font-size:1.375rem;font-weight:600}.cta-button{background-color:var(--color-brand-primary);border:none;color:#fff}.cta-button:hover{background-color:var(--color-brand-primary-hover);color:#fff;transform:translateY(-1px)}.latest-articles{background:var(--color-background-section);border-top:1px solid var(--color-border-light);padding:var(--spacing-12,3rem) 0}.latest-articles h2{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-8,2rem);text-align:center}.articles-grid{display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.article-card{background:transparent;border:none;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;height:100%;padding:0;transition:var(--transition-base)}.article-card:hover{box-shadow:none;transform:none}.article-card h3{font-size:1.25rem;margin:var(--spacing-3) 0 var(--spacing-2)}.article-card p{font-size:1rem;margin-bottom:var(--spacing-4)}.article-card a{color:var(--color-text-primary);font-weight:600;text-decoration:none}.article-card a:hover h3{color:var(--color-brand-primary)}.blog-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow .3s,transform .3s}.blog-card:hover{border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-card .blog-card-content{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-6)}.blog-image-container{background:var(--color-background-panel);display:block;overflow:hidden;padding-top:56.25%;position:relative}.blog-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .3s;width:100%}.blog-card:hover .blog-image{transform:scale(1.05)}@media (max-width:768px){.blog-title{font-size:2rem}.blog-excerpt{font-size:1.125rem}.blog-content{font-size:1rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}}.content-container{margin:0 auto;max-width:800px}.container,.content-container{padding:0 var(--spacing-4,1rem)}.container{max-width:1280px}@media (prefers-reduced-motion:reduce){.article-card,.blog-card,.cta-button{transition:none}.article-card:hover,.blog-card:hover,.cta-button:hover{transform:none}}@media print{.blog-cta,.latest-articles{display:none}.blog-hero{background:#fff;color:#000}.blog-category{background:none;border:1px solid #000;color:#000}}.page-blog-post{background-color:var(--color-background-body)}.blog-post__header{margin:0 auto;max-width:840px;padding:var(--spacing-16) var(--spacing-6) var(--spacing-10);text-align:center}.blog-post__meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-4)}.blog-post__title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 var(--spacing-6) 0}.blog-post__excerpt{color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:1.6}.blog-post__author{align-items:center;display:flex;gap:var(--spacing-3);justify-content:center;margin-top:var(--spacing-6)}.blog-post__author-avatar{border-radius:50%;height:3rem;width:3rem}.blog-post__author-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.blog-post__featured-image{margin:0 auto var(--spacing-12);max-width:1024px}.blog-post__featured-image img{border-radius:var(--border-radius-lg);width:100%}.blog-post__body{color:var(--color-text-primary);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:720px;padding:0 var(--spacing-6)}.blog-post__body h1,.blog-post__body h2,.blog-post__body h3,.blog-post__body h4{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:1.3}.blog-post__body h2{border-bottom:1px solid var(--color-border-light);font-size:1.75rem;margin:var(--spacing-12) 0 var(--spacing-4) 0;padding-bottom:var(--spacing-2)}.blog-post__body h3{font-size:1.5rem;margin:var(--spacing-8) 0 var(--spacing-4) 0}.blog-post__body h4{font-size:1.25rem;margin:var(--spacing-6) 0 var(--spacing-3) 0}.blog-post__body p{margin-bottom:var(--spacing-5)}.blog-post__body a{color:var(--color-brand-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s ease}.blog-post__body a:hover{color:var(--color-brand-primary-hover)}.blog-post__body ol,.blog-post__body ul{margin:0 0 var(--spacing-5) var(--spacing-5)}.blog-post__body li{margin-bottom:var(--spacing-2);padding-left:var(--spacing-2)}.blog-post__body li::marker{color:var(--color-text-secondary)}.blog-post__body blockquote{border-left:3px solid var(--color-brand-primary);color:var(--color-text-secondary);font-size:1.1rem;font-style:italic;margin:var(--spacing-8) 0;padding-left:var(--spacing-5)}.blog-post__body figure{margin:var(--spacing-10) 0}.blog-post__body figure img{border-radius:var(--border-radius-md);width:100%}.blog-post__body figcaption{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--spacing-3);text-align:center}.blog-post__body table{border-collapse:collapse;margin:var(--spacing-8) 0;width:100%}.blog-post__body td,.blog-post__body th{border:1px solid var(--color-border-light);padding:var(--spacing-3);text-align:left}.blog-post__body th{background-color:var(--color-background-section);font-weight:var(--font-weight-medium)}.blog-post__body hr{background-color:var(--color-border-medium);border:0;height:1px;margin:var(--spacing-12) auto;width:50%}.blog-post__body .cta{background-color:var(--color-background-section);border-radius:var(--border-radius-lg);margin:var(--spacing-10) 0;padding:var(--spacing-8);text-align:center}.blog-post__body .cta p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-5)}.blog-post__body .cta .btn,.blog-post__body .cta a.btn{color:var(--color-text-inverse);text-decoration:none}@media (max-width:768px){.blog-post__title{font-size:var(--font-size-3xl)}.blog-post__body{font-size:1rem}}.section{overflow:hidden;padding:var(--spacing-8) 0;width:100%}.section--default{background-color:var(--bg-body);color:var(--text-primary)}.section--light{background-color:var(--bg-card);color:var(--text-primary)}.section--dark{background-color:var(--primary-dark);color:var(--text-inverse)}.section--accent{background-color:var(--accent-pale);color:var(--text-primary)}.section--primary{background-color:var(--primary-light);color:var(--text-inverse)}.section--padding-none{padding-bottom:0;padding-top:0}.section--padding-small{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.section--padding-default{padding-bottom:var(--spacing-8);padding-top:var(--spacing-8)}.section--padding-large{padding-bottom:var(--spacing-12);padding-top:var(--spacing-12)}.section__container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}.section__container--narrow{max-width:640px}.section__container--default{max-width:1024px}.section__container--wide{max-width:1280px}.section__container--full{max-width:none}.section--with-pattern:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%239C92AC' fill-opacity='.2' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0}@media (min-width:640px){.section__container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:768px){.section{padding:var(--spacing-10) 0}.section--padding-small{padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}.section--padding-default{padding-bottom:var(--spacing-10);padding-top:var(--spacing-10)}.section--padding-large{padding-bottom:var(--spacing-16);padding-top:var(--spacing-16)}.section__container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.minimal-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);contain:layout style;padding:var(--spacing-8);position:relative;transition:var(--transition-base)}.minimal-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.minimal-card__icon{align-items:center;background:var(--color-brand-primary);border-radius:var(--border-radius-md);color:#fff;display:flex;height:52px;justify-content:center;margin-bottom:var(--spacing-5);width:52px}.minimal-card__title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:var(--spacing-3)}.minimal-card__description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.hero-section{background:var(--color-background-body);padding:var(--spacing-16) 0 var(--spacing-12);text-align:center}.bg-gradient-subtle{background:linear-gradient(135deg,var(--color-brand-primary-pale) 0,var(--color-background-section) 100%)}.hero-content{max-width:100%}.display-1{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:var(--line-height-tight)}.text-large{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.form-input{background:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);color:var(--color-text-primary);display:block;font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-base);width:100%}.form-input:focus{border-color:var(--color-brand-primary);box-shadow:var(--shadow-focus);outline:none}.form-input::-moz-placeholder{color:var(--color-text-tertiary)}.form-input::placeholder{color:var(--color-text-tertiary)}.badge{align-items:center;border-radius:var(--border-radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.025em;line-height:1;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase}.badge-primary{background:var(--color-brand-primary);color:#fff}.badge-outline{background:transparent;border:1px solid var(--color-brand-primary);color:var(--color-brand-primary)}.badge-outline:hover{background:var(--color-brand-primary);color:#fff;text-decoration:none}.badge-info{background:var(--color-info);color:#fff}.bg-brand-gradient{background:linear-gradient(135deg,var(--color-brand-cta) 0,var(--color-brand-primary) 100%)}.text-white{color:#fff!important}.text-white.opacity-90{opacity:.9}.btn-lg{padding:var(--spacing-4) var(--spacing-8)}.text-gray-500{color:var(--color-text-tertiary)}.text-green-600{color:var(--color-brand-primary)}.text-green-800{color:var(--color-brand-primary-hover)}.bg-gray-50{background:var(--color-background-section)}.bg-gray-100{background:var(--color-border-light)}.bg-white{background:var(--color-background-body)}.bg-green-100{background:var(--color-brand-primary-light)}.bg-green-600{background:var(--color-brand-primary)}.border-gray-300{border-color:var(--color-border-medium)}.border-border-color{border-color:var(--color-border-light)}.text-accent-cta{color:var(--color-brand-cta)}.bg-panel-bg{background:var(--color-background-section)}.bg-accent-light{background:var(--color-brand-primary-pale)}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}.hero-subtitle{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:600px}.btn-minimal{border:none;border-radius:var(--border-radius-md);contain:layout style;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);padding:var(--spacing-4) var(--spacing-8);transition:var(--transition-base);white-space:nowrap}.btn-minimal--primary{background-color:var(--color-brand-cta);box-shadow:var(--shadow-cta-glow)}.btn-minimal--primary:hover{background-color:var(--color-brand-cta-hover);box-shadow:0 6px 20px 0 var(--color-brand-cta-glow);transform:translateY(-2px)}.btn-minimal--secondary{background-color:var(--color-brand-primary);box-shadow:0 4px 14px 0 rgba(10,126,60,.3);color:#fff}.btn-minimal--secondary:hover{background-color:var(--color-brand-primary-hover);transform:translateY(-2px)}.btn-minimal--outline{background-color:transparent;border:2px solid var(--color-brand-primary)}.btn-minimal--outline:hover{background-color:var(--color-brand-primary);transform:translateY(-1px)}.hero-cta{align-items:center;background:var(--color-brand-cta);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-cta-glow);color:#fff;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-8);text-decoration:none;transition:var(--transition-base)}.hero-cta:hover{background:var(--color-brand-cta-hover);box-shadow:0 6px 20px 0 var(--color-brand-cta-glow);color:#fff;transform:translateY(-2px)}.section-minimal{background:#fff;padding:0}.section-minimal--alt{background:#f8fafc;padding:0}.full-width,.section-minimal--full-width,.section-minimal[style*="background:"]{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-width:100vw;position:relative;width:100%}.full-width .max-w-container,.section-minimal--full-width .max-w-container,.section-minimal[style*="background:"] .max-w-container{margin:0 auto;max-width:var(--container-max-width,1200px);padding:0 var(--container-padding-inline,1rem);position:relative;z-index:1}.section-header{margin-bottom:3rem}.section-title{color:#1e293b;font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1rem}.section-subtitle{color:#64748b;font-size:1.125rem;line-height:1.4;margin:0 auto 1rem}.grid-minimal{display:grid;gap:.42rem;grid-template-columns:1fr}@media (min-width:640px){.grid-minimal{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width:1024px){.grid-minimal{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.grid-minimal--2-col{grid-template-columns:1fr}@media (min-width:768px){.grid-minimal--2-col{grid-template-columns:repeat(2,1fr)}}.btn-minimal{align-items:center;border:2px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-minimal--primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);box-shadow:0 2px 8px rgba(102,204,138,.25);color:#fff}.btn-minimal--primary:hover{background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);box-shadow:0 4px 12px rgba(102,204,138,.35);color:#fff;transform:translateY(-1px)}.btn-minimal--secondary{background:#fff;border-color:#e2e8f0;color:#64748b}.btn-minimal--secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-minimal--outline{background:transparent;border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.btn-minimal--outline:hover{background:var(--color-brand-primary);color:#fff}.platform-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:.67rem 0}.platform-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:inherit;display:flex;flex-direction:column;padding:.67rem .33rem;text-align:center;text-decoration:none;transition:all .25s ease}.platform-item:hover{border-color:var(--color-brand-primary);box-shadow:0 10px 30px rgba(0,0,0,.1);text-decoration:none;transform:translateY(-4px)}.platform-item__icon{align-items:center;background:#f8fafc;border-radius:12px;color:var(--color-brand-primary);display:flex;height:60px;justify-content:center;margin-bottom:.33rem;width:60px}.platform-item__icon img{height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.platform-item__name{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.platform-item__description{color:#64748b;font-size:.875rem;margin:.5rem 0 0}.platform-item--coming-soon{opacity:.6}.platform-item--coming-soon:hover{border-color:#e2e8f0;box-shadow:none;transform:none}.minimal-card--featured{border-color:var(--color-brand-primary);box-shadow:0 4px 20px rgba(102,204,138,.2);transform:scale(1.02)}.minimal-card__badge{background:#64748b;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:50%;letter-spacing:.025em;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%)}.minimal-card__badge--featured{background:var(--color-brand-primary)}.minimal-card__price{align-items:center;display:flex;flex-direction:column;margin:1rem 0}.price-amount{color:#1e293b;font-size:2.5rem;font-weight:700}.price-period{color:#64748b;font-size:.875rem;margin-top:.25rem}.pricing-features{background:#f8fafc;border-radius:12px;margin:3rem 0;padding:2rem}.pricing-features__grid{gap:1rem}.pricing-feature{color:#1e293b;font-size:.9375rem;font-weight:500;gap:.75rem}.minimal-card__image{background:#f8fafc;border-radius:12px 12px 0 0;height:200px;margin:-1.5rem -1.5rem 1rem;overflow:hidden}.minimal-card__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.minimal-card__content{display:flex;flex-direction:column;gap:.75rem}.minimal-card__meta{align-items:center;display:flex;gap:.5rem}.platform-icon{border-radius:4px;height:20px;width:20px}.platform-tag{background:var(--color-brand-primary);border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.about-stats{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:3rem 0;padding:2rem}.about-stats__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.about-stat{text-align:center}.about-stat__number{color:var(--color-brand-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.about-stat__label{color:#64748b;font-size:.875rem;font-weight:500}.footer-minimal{background:#1e293b;color:#cbd5e1;padding:3rem 0 2rem}.footer-content{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.footer-content{grid-template-columns:repeat(4,1fr)}}.footer-section h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#cbd5e1;font-size:.9375rem;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:var(--color-brand-primary)}.footer-bottom{border-top:1px solid #374151;color:#9ca3af;font-size:.875rem;margin-top:2rem;padding-top:2rem;text-align:center}@media (max-width:640px){.hero-section{padding:3rem 0 2rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.section-minimal{padding:.67rem 0}.section-title{font-size:1.875rem}.minimal-card{padding:1.25rem}.platform-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.platform-item{padding:1.5rem .75rem}.platform-item__icon{height:48px;width:48px}.section-minimal--full-width,.section-minimal[style*="background:"]{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}@media (max-width:1024px){.footer{padding:3rem 0 2rem}}@media (max-width:768px){.footer{padding:2.5rem 0 1.5rem}.section-minimal{padding:.83rem 0}}@media (max-width:480px){.section-minimal{padding:.5rem 0}}.container,.max-w-container{max-width:var(--container-max-width,1200px);padding:0 var(--container-padding-inline,1rem);width:100%}@media (min-width:640px){.container,.max-w-container{padding:0 var(--container-padding-inline,1.5rem)}}@media (min-width:1024px){.container,.max-w-container{padding:0 var(--container-padding-inline,2rem)}}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.gradient-bg{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.subtle-shadow{box-shadow:0 1px 3px rgba(0,0,0,.1)}.hover-lift{transition:transform .25s ease}.hover-lift:hover{transform:translateY(-2px)}.btn-minimal:focus,.minimal-card:focus,.platform-item:focus{box-shadow:0 0 0 3px rgba(102,204,138,.3);outline:none}@media (prefers-reduced-motion:reduce){.btn-minimal,.hero-cta,.hover-lift,.minimal-card,.platform-item{transform:none;transition:none}.btn-minimal:hover,.hero-cta:hover,.hover-lift:hover,.minimal-card:hover,.platform-item:hover{transform:none}}.main-content{flex:1;padding-top:4rem}.hero{background:linear-gradient(135deg,#fafbfc,#f8fafc);padding:var(--spacing-20) 0}.hero-title{color:var(--color-brand-primary);font-size:3.5rem;margin:0 0 var(--spacing-6) 0}.hero-description{font-size:1.5rem;line-height:1.5;margin:0 auto;max-width:800px}.content-grid{align-items:center;display:grid;gap:var(--spacing-12);grid-template-columns:1fr}@media (min-width:1024px){.content-grid{grid-template-columns:1fr 1fr}}.content-text{line-height:1.7}.content-text h2{color:var(--color-brand-primary);font-size:2.25rem;font-weight:700;margin:0 0 var(--spacing-6) 0}.content-text p{color:var(--color-text-secondary);font-size:1.125rem;margin:0 0 var(--spacing-4) 0}.content-text p:last-child{margin-bottom:0}.image-container{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-lg);display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative}.image-placeholder{color:var(--color-text-secondary);padding:var(--spacing-8);text-align:center}.image-placeholder h3{color:var(--color-brand-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-2) 0}.image-placeholder p{font-size:1rem;margin:0;opacity:.8}.founded-badge{background:linear-gradient(135deg,var(--color-brand-cta),var(--color-brand-primary));border-radius:var(--border-radius-lg);bottom:-12px;box-shadow:var(--box-shadow-md);color:#fff;min-width:80px;padding:var(--spacing-4) var(--spacing-6);position:absolute;right:-12px;text-align:center}.founded-badge .year{font-size:1.5rem;font-weight:800;line-height:1;margin:0}.founded-badge .label{font-size:.875rem;margin:0;opacity:.9}.cards-grid{display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--spacing-12)}.value-card{background:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);padding:var(--spacing-8);text-align:center;transition:var(--transition-base)}.value-card:hover{border-color:var(--color-brand-cta);box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.card-icon{align-items:center;border-radius:var(--border-radius-lg);color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-6);width:64px}.card-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.card-icon-purple{background:linear-gradient(135deg,var(--color-brand-cta),#4f7942)}.card-icon-pink{background:linear-gradient(135deg,#ec4899,#be185d)}.card-icon svg{height:32px;width:32px}.card-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-4) 0}.card-description{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0}.team-card{margin:0 auto;max-width:300px;text-align:center}.team-avatar{align-items:center;background:linear-gradient(135deg,var(--color-brand-cta),var(--color-brand-primary));border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:800;height:120px;justify-content:center;margin:0 auto var(--spacing-6);width:120px}.team-name{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-2) 0}.team-role{color:var(--color-text-secondary);font-size:1rem;margin:0 0 var(--spacing-4) 0}.team-description{color:var(--color-text-tertiary);font-size:.875rem;line-height:1.6;margin:0}.values-grid{display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-12)}.value-item{align-items:flex-start;display:flex;gap:var(--spacing-4)}.value-icon{align-items:center;border-radius:var(--border-radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.value-icon-blue{background:#dbeafe;color:#1d4ed8}.value-icon-purple{background:#ede9fe;color:var(--color-brand-cta)}.value-icon-green{background:#d1fae5;color:#059669}.value-icon-indigo{background:#e0e7ff;color:#4338ca}.value-icon svg{height:24px;width:24px}.value-content h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-2) 0}.value-content p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0}.cta-section{padding:var(--spacing-20) 0;text-align:center}.cta-actions{gap:var(--spacing-4);margin-top:var(--spacing-8)}@media (max-width:768px){.hero-title{font-size:2.5rem}.content-text h2{font-size:1.875rem}.cards-grid{gap:var(--spacing-6);grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-description{font-size:1.25rem}.value-card{padding:var(--spacing-6)}}.pricing-hero{background:linear-gradient(135deg,#f8fafc,#e0e7ff 50%,#f1f5f9);overflow:hidden;padding:var(--spacing-8) 0 var(--spacing-16);position:relative;text-align:center}.pricing-hero:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,rgba(123,97,255,.1) 0,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.pricing-cards-grid{display:grid;gap:2rem;grid-template-columns:1fr;margin:3rem auto;max-width:1200px;padding:0 1rem}@media (min-width:640px){.pricing-cards-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pricing-cards-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}.pricing-card{background-color:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column;height:100%;padding:3rem 1.5rem 2rem;transition:var(--transition-base)}.pricing-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.pricing-card--featured{background-color:transparent;border:3px solid var(--color-brand-cta);box-shadow:0 10px 30px rgba(123,97,255,.2);transform:scale(1.03)}.pricing-card--featured>*{position:relative;z-index:1}.pricing-card--featured:hover{box-shadow:var(--shadow-xl);transform:scale(1.03) translateY(-3px)}.pricing-card--featured:before{display:none}.pricing-card__badge{background-color:var(--color-background-section);border:1px solid var(--color-border-light);border-radius:var(--border-radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);left:50%;letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-3);position:absolute;text-transform:uppercase;top:.7rem;transform:translate(-50%);white-space:nowrap}.pricing-card__badge--featured{background-color:var(--color-brand-cta);border-color:var(--color-brand-cta);color:#fff;font-weight:var(--font-weight-bold)}.pricing-card__title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);margin-top:var(--spacing-4)}.pricing-card__price{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--spacing-6)}.price-amount{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:1}.price-period{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.pricing-card__description{color:var(--color-text-secondary);flex-grow:1;margin-bottom:var(--spacing-6)}.pricing-card__actions{margin-top:auto;padding-top:var(--spacing-4);width:100%}.pricing-card__actions .btn-minimal{display:block;padding-bottom:var(--spacing-3);padding-top:var(--spacing-3);width:100%}.pricing-features{margin-top:var(--spacing-12)}.pricing-features__grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:1000px}@media (min-width:640px){.pricing-features__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pricing-features__grid{grid-template-columns:repeat(4,1fr)}}.pricing-feature{align-items:center;background-color:var(--color-background-elevated);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-3);padding:var(--spacing-3)}.pricing-feature svg{color:var(--color-brand-primary);flex-shrink:0}.pricing-card--featured .btn-minimal--primary{background-color:var(--color-brand-cta);box-shadow:var(--shadow-md);color:#fff;font-weight:var(--font-weight-semibold)}.pricing-card--featured .btn-minimal--primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.minimal-card.pricing-card{border:1px solid var(--color-border-light);padding:var(--spacing-6)}.mt-12{margin-top:var(--spacing-12)}.section-minimal{padding:var(--spacing-16) 0}.section-header{margin-bottom:var(--spacing-12)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-left:auto;margin-right:auto;max-width:600px}.check-icon{color:var(--color-status-success);flex-shrink:0}.faq-item{background:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-4);overflow:hidden;transition:var(--transition-base)}.faq-item:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-sm)}.faq-button{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);justify-content:space-between;padding:var(--spacing-6) var(--spacing-6);text-align:left;transition:var(--transition-base);width:100%}.faq-button:focus,.faq-button:hover{background-color:var(--color-background-panel)}.faq-button:focus{outline:none}.faq-content{background-color:var(--color-background-panel);border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);line-height:1.6;padding:0 var(--spacing-6) var(--spacing-6)}@media (max-width:768px){.pricing-cards-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 .5rem}.pricing-card{margin-bottom:0}.pricing-card--featured{margin-bottom:0;transform:none}.pricing-button{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-6)}}@media (max-width:480px){.pricing-hero{padding:var(--spacing-6) 0 var(--spacing-12)}.faq-button{font-size:var(--font-size-base);padding:var(--spacing-4)}.faq-content{padding:0 var(--spacing-4) var(--spacing-4)}}.pricing-comparison-section{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-16);padding-top:var(--spacing-16)}.comparison-table-wrapper{border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin:var(--spacing-8) 0;overflow-x:auto}.comparison-table{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-4) var(--spacing-3);text-align:center}.comparison-table th{background-color:var(--color-background-section);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.feature-column{background-color:var(--color-background-elevated)!important;font-weight:var(--font-weight-medium);text-align:left!important;width:35%}.plan-column--featured{background-color:var(--color-brand-cta-light);border-left:1px solid var(--color-brand-cta);border-right:1px solid var(--color-brand-cta);position:relative}.comparison-table thead .plan-column--featured:before{content:none}.plan-column--featured:before{background:transparent;border-radius:0;color:var(--color-brand-cta);content:"★";font-size:1.25rem;height:auto;left:auto;position:absolute;right:1rem;top:8px;transform:none;width:auto}.feature-name{background-color:var(--color-background-elevated);color:var(--color-text-primary);font-weight:var(--font-weight-medium);text-align:left}.plan-feature{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.feature-available{color:var(--color-success)}.feature-available,.feature-unavailable{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.feature-unavailable{color:var(--color-text-tertiary)}.comparison-table tr:hover{background-color:var(--color-background-section)}.comparison-table tr:hover .plan-column--featured{background-color:var(--color-brand-cta-light)!important}.comparison-cta{background-color:var(--color-background-section);border-radius:var(--border-radius-lg);margin-top:var(--spacing-8);padding:var(--spacing-6)}.comparison-cta-text{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4)}.comparison-cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}body:not(.pricing-page) .pricing-comparison-section{display:none}@media (max-width:768px){.comparison-table-wrapper{border-left:none;border-radius:0;border-right:none;margin:var(--spacing-6) -1rem}.comparison-table td,.comparison-table th{font-size:var(--font-size-xs);padding:var(--spacing-3) var(--spacing-2)}.feature-column{width:40%}.comparison-cta-buttons{align-items:center;flex-direction:column}.comparison-cta-buttons .btn-minimal{max-width:200px;width:100%}}@media (max-width:480px){.pricing-comparison-section{margin-top:var(--spacing-12);padding-top:var(--spacing-12)}.comparison-table{min-width:480px}.comparison-cta{border-radius:0;margin:var(--spacing-6) -1rem 0}}.utility-page-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;min-height:80vh;padding:2rem 1rem;text-align:center}.nav{background-color:var(--color-background-body);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:1020}.nav__container{align-items:center;display:flex;height:4rem;justify-content:space-between}.hero{padding:var(--spacing-8) 0 var(--spacing-16);text-align:center}.hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-4) 0}.error-page{background:linear-gradient(135deg,#f8fafc,#e0e7ff 50%,#f1f5f9);min-height:100vh}.error-container{max-width:600px;padding:2rem;text-align:center}.error-code{color:var(--color-brand-primary);font-size:var(--font-size-6xl);font-weight:var(--font-weight-black);line-height:var(--line-height-none)}.error-code,.error-title{margin-bottom:var(--spacing-4)}.error-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.error-message{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.error-actions{gap:1rem}.simple-404{align-items:center;background-color:#f8f9fa;color:#212529;display:flex;flex-direction:column;font-family:var(--font-family-sans);height:100vh;justify-content:center;margin:0;padding:var(--spacing-5);text-align:center}.simple-404 .container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:600px;padding:40px}.simple-404 h1{color:#343a40;font-size:36px;margin-bottom:16px}.simple-404 p{color:#6c757d;font-size:18px;margin-bottom:24px}.simple-404 a{color:#007bff;text-decoration:none}.simple-404 a:hover{text-decoration:underline}.contact-hero{background:linear-gradient(135deg,#f8fafc,#e0e7ff 50%,#f1f5f9);padding:var(--spacing-8) 0 var(--spacing-16);text-align:center}.contact-title{color:var(--color-brand-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-4)}.contact-description{color:var(--color-text-secondary);font-size:var(--font-size-xl);margin:0 auto;max-width:600px}.contact-content{padding:4rem 0}.contact-grid{align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.contact-grid{gap:2rem;grid-template-columns:1fr}}.contact-info{space-y:2rem}.contact-item{align-items:flex-start;display:flex;gap:1rem;margin-bottom:2rem}.contact-icon{align-items:center;background:linear-gradient(135deg,var(--color-brand-cta),var(--color-brand-primary));border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-icon svg{height:24px;width:24px}.contact-details h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.contact-details p{color:var(--color-text-secondary);margin:0}.contact-details a{color:var(--color-brand-primary);text-decoration:none}.contact-details a:hover{text-decoration:underline}.contact-form{background:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:1rem;box-shadow:0 4px 15px rgba(0,0,0,.05);padding:2rem}.contact-form h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.contact-form h3,.form-group{margin-bottom:1.5rem}.form-label{color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{border:2px solid var(--color-border-light);border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--color-brand-cta);outline:none}.form-textarea{min-height:120px;resize:vertical}.legal-content{line-height:1.7;margin:0 auto;max-width:800px;padding:2rem 1rem}.legal-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center}.legal-subtitle{color:var(--color-text-secondary);font-size:1.125rem;text-align:center}.legal-section,.legal-subtitle{margin-bottom:3rem}.legal-section h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.legal-section h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.legal-section p{color:var(--color-text-secondary);margin-bottom:1rem}.legal-section ol,.legal-section ul{margin-bottom:1rem;padding-left:2rem}.legal-section li{color:var(--color-text-secondary);margin-bottom:.5rem}.legal-section strong{color:var(--color-text-primary)}.legal-section a{color:var(--color-brand-primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}.auth-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0e7ff 50%,#f1f5f9);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.1);max-width:400px;padding:2rem;width:100%}.auth-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.recipe-hero{background:linear-gradient(135deg,#f8fafc,#e0e7ff 50%,#f1f5f9);padding:var(--spacing-8) 0 var(--spacing-16);text-align:center}.recipe-title{color:var(--color-brand-primary);font-size:3rem;font-weight:800;margin-bottom:1rem}.blog-hero{background:linear-gradient(135deg,#f8fafc,#e0e7ff 50%,#f1f5f9);padding:var(--spacing-8) 0 var(--spacing-16);text-align:center}.blog-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.blog-meta{color:var(--color-text-secondary);font-size:1rem}.blog-content{line-height:1.7;margin:0 auto;max-width:800px;padding:2rem 1rem}.blog-content h2{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin:2rem 0 1rem}.blog-content h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:1.5rem 0 .75rem}.blog-content p{color:var(--color-text-secondary);margin-bottom:1rem}.blog-content ol,.blog-content ul{margin-bottom:1rem;padding-left:2rem}.blog-content li{color:var(--color-text-secondary);margin-bottom:.5rem}@media (max-width:768px){.error-code{font-size:4rem}.blog-title,.contact-title,.error-title,.hero__title,.legal-title,.recipe-title{font-size:2rem}}.progress-bar-30{width:30%}.progress-bar-60{width:60%}.error-page{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);display:flex;flex:1;justify-content:center;padding:var(--spacing-12) 0}.error-content{max-width:600px;padding:0 var(--spacing-4);text-align:center}.error-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fef2f2);border:2px solid #fca5a5;border-radius:50%;color:#dc2626;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-8);width:80px}.error-number{color:var(--color-brand-cta);font-size:4rem;font-weight:800;line-height:1}.error-number,.error-title{margin:0 0 var(--spacing-4) 0}.error-title{color:var(--color-text-primary);font-size:1.875rem;font-weight:700;line-height:1.2}.error-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin:0 0 var(--spacing-8) 0}.error-actions{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4)}.error-help{border-top:1px solid var(--color-border-light);color:var(--color-text-tertiary);font-size:.875rem;margin-top:var(--spacing-8);padding-top:var(--spacing-6)}.error-help a{color:var(--color-brand-cta);font-weight:500;text-decoration:none}.error-help a:hover{color:#1b4d3e;text-decoration:underline}@media (min-width:640px){.error-actions{flex-direction:row;justify-content:center}}@media (max-width:480px){.error-number{font-size:3rem}.error-title{font-size:1.5rem}.error-description{font-size:1rem}}.server-error-page{align-items:center;background-color:#f8f9fa;color:#212529;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;margin:0;padding:20px;text-align:center}.server-error-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:600px;padding:40px}.server-error-page h1{color:#343a40;font-size:36px;margin-bottom:16px}.server-error-page p{color:#6c757d;font-size:18px;margin-bottom:24px}.server-error-page a{color:#007bff;text-decoration:none}.server-error-page a:hover{text-decoration:underline}.auth-form-margin-bottom{margin-bottom:var(--spacing-6)}.auth-form-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-4) 0}.auth-form-subtitle{color:var(--color-text-secondary);margin:0 0 var(--spacing-6) 0}.auth-form-fields{display:flex;flex-direction:column;gap:var(--spacing-3)}.auth-password-spacing{margin-bottom:var(--spacing-5)}.connector-hero{background:linear-gradient(135deg,var(--color-background-panel) 0,#fff 50%,var(--color-background-panel-alt) 100%);overflow:hidden;padding:6rem 0 4rem;position:relative;text-align:center}.connector-hero:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,rgba(59,130,246,.05) 0,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.connector-header{gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}.connector-header,.connector-logo{align-items:center;display:flex;justify-content:center}.connector-logo{background:#fff;border:1px solid var(--color-border-light);border-radius:1.5rem;box-shadow:var(--box-shadow-lg);flex-shrink:0;height:80px;width:80px}.connector-logo img{height:48px;-o-object-fit:contain;object-fit:contain;width:48px}.connector-title{color:var(--color-text-primary);font-size:3rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:1rem}.connector-subtitle{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6;margin:0 auto 2rem;max-width:800px;position:relative;z-index:1}.connector-actions{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}@media (min-width:640px){.connector-actions{flex-direction:row;justify-content:center}}.platform-badge{align-items:center;background:var(--color-brand-primary-light);border:1px solid var(--color-brand-primary);border-radius:var(--border-radius-full);color:var(--color-brand-primary);display:inline-flex;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;padding:.625rem 1.25rem;text-transform:uppercase}.benefit-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);height:100%;overflow:hidden;padding:2rem;position:relative;transition:all var(--transition-duration-base) var(--transition-timing-function-base)}.benefit-card:before{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-status-success));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform var(--transition-duration-base);width:100%}.benefit-icon{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-status-success));border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-md);height:4rem;margin-bottom:1.5rem;width:4rem}.benefit-icon svg{color:#fff;height:1.5rem;width:1.5rem}.step-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);overflow:hidden;padding:2.5rem;transition:all var(--transition-duration-base) var(--transition-timing-function-base)}.step-card:before{background:linear-gradient(135deg,var(--color-brand-primary-light),var(--color-status-success-bg));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-duration-base);width:100%}.step-number{align-items:center;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-status-success));border-radius:50%;box-shadow:var(--box-shadow-md);color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:4rem;justify-content:center;margin:0 auto 1.5rem;transition:transform var(--transition-duration-base);width:4rem}.dashboard-preview{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.05);padding:1rem}.dashboard-preview img{border-radius:.5rem;width:100%}.loading-indicator{color:#6b7280;padding:2rem}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#2d5b3f;height:1.5rem;margin-right:.75rem;width:1.5rem}.filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:2rem;color:#374151;display:inline-flex;font-size:.875rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.filter-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}.filter-btn.active{background:var(--color-brand-cta)}.filter-btn--primary,.filter-btn.active{border-color:var(--color-brand-cta);color:#fff}.filter-btn--primary{background:linear-gradient(135deg,var(--color-brand-cta),var(--color-brand-primary));box-shadow:0 2px 8px rgba(124,58,237,.25);font-weight:600;position:relative}.filter-btn--primary:hover{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-cta));box-shadow:0 4px 12px rgba(124,58,237,.35);transform:translateY(-1px)}.connector-features{background:var(--color-background-body);padding:4rem 0}.features-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.feature-item{background:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:1rem;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:2rem;text-align:center;transition:all .3s ease}.feature-item:hover{border-color:var(--color-brand-cta);box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-4px)}.feature-icon{background:linear-gradient(135deg,var(--color-brand-cta),var(--color-brand-primary));color:#fff;height:64px;width:64px}.feature-icon svg{height:32px;width:32px}.feature-title{font-size:1.25rem}.how-it-works{background:var(--color-background-section);padding:4rem 0}.step-item{position:relative;text-align:center}.step-title{color:var(--color-text-primary);font-size:1.125rem;margin-bottom:.75rem}.step-description{color:var(--color-text-secondary);font-size:.9rem}.connector-shopify .connector-logo{background:#96bf48}.connector-woocommerce .connector-logo{background:#96588a}.connector-amazon .connector-logo{background:#f90}.connector-ebay .connector-logo{background:#e53238}.connector-stripe .connector-logo{background:#2d5b3f}.connector-recipes{background:var(--color-background-body);padding:4rem 0}.recipes-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,280px));justify-content:start;margin-top:2rem}@media (max-width:1200px){.recipes-grid{grid-template-columns:repeat(auto-fit,minmax(260px,260px))}}@media (max-width:900px){.recipes-grid{grid-template-columns:repeat(auto-fit,minmax(240px,240px))}}@media (max-width:600px){.recipes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center}}.recipe-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%}.recipe-image-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:160px;justify-content:center;overflow:hidden}.recipe-image-container img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-base);width:100%}.recipe-content{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1rem}.recipe-title{color:#111827;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.recipe-description{color:#6b7280;line-height:1.5;margin:0}.recipe-card--compact{max-width:280px;min-width:280px;width:280px}@media (max-width:1200px){.recipe-card--compact{max-width:260px;min-width:260px;width:260px}}@media (max-width:900px){.recipe-card--compact{max-width:240px;min-width:240px;width:240px}}@media (max-width:600px){.recipe-card--compact{margin:0 auto;max-width:320px;min-width:280px;width:100%}}.recipe-image-container--compact{height:120px}.recipe-content--compact{gap:.5rem;padding:.75rem}.recipe-header--compact{margin-bottom:.25rem}.connector-badge--compact{background:var(--color-brand-cta);border-radius:.375rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.recipe-title--compact{font-size:.9rem;font-weight:600;line-height:1.3;margin:0}.recipe-description--compact{color:#6b7280;flex:1;font-size:.8rem;line-height:1.4;margin:0}.recipe-footer--compact{margin-top:.5rem}.recipe-cta--compact{align-items:center;color:var(--color-brand-cta);display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;text-decoration:none;transition:color .2s ease}.recipe-cta--compact:hover{color:var(--color-brand-primary)}.recipe-arrow{transition:transform .2s ease}.recipe-cta--compact:hover .recipe-arrow{transform:translateX(2px)}.recipe-link{align-items:center;background-color:var(--color-brand-cta);border:none;border-radius:.375rem;color:var(--color-text-on-dark);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:700;margin-top:auto;padding:.5rem .75rem;text-decoration:none;transition:all var(--transition-base)}.recipe-link:hover{background-color:var(--color-brand-cta-hover);box-shadow:0 2px 8px rgba(123,97,255,.3);transform:translateY(-1px)}.recipe-header{gap:1rem;margin-bottom:1rem}.recipe-header,.recipe-icon{align-items:center;display:flex}.recipe-icon{background:linear-gradient(135deg,var(--color-brand-cta),var(--color-brand-primary));border-radius:.5rem;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.recipe-icon svg{height:20px;width:20px}.recipe-features{list-style:none;margin:0;padding:0}.recipe-features li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.recipe-features li:before{color:var(--color-brand-primary);content:"✓";font-weight:700}.connector-cta{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-status-success));color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.connector-cta:before{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-description{font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.cta-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.cta-actions{flex-direction:row;justify-content:center}}.btn-white{background:#fff;border-color:#fff}.btn-white,.btn-white:hover{color:var(--color-brand-primary)}.btn-white:hover{background:var(--color-gray-100)}.btn-outline-white{background:transparent;border-color:#fff;color:#fff}.btn-outline-white:hover{background:#fff;color:var(--color-brand-primary)}.platform-integrations{background:var(--color-background-section);padding:4rem 0}.integration-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem}.integration-item{background:#fff;border:1px solid var(--color-border-light);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.integration-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.integration-logo{align-items:center;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.integration-logo img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.integration-name{color:var(--color-text-primary);font-size:1rem;font-weight:600}.connector-template-hero{background:linear-gradient(135deg,var(--color-background-body) 0,var(--color-background-panel) 50%,var(--color-background-panel-alt) 100%);overflow:hidden;padding:6rem 0 4rem;position:relative}.connector-template-hero:before{background:radial-gradient(ellipse at center,rgba(123,97,255,.03) 0,transparent 70%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:50%}.connector-hero-grid{align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.connector-hero-content{position:relative;z-index:1}.connector-hero-content .space-y-6>*+*{margin-top:1.5rem}.connector-hero-content .space-y-4>*+*{margin-top:1rem}.connector-hero-title{color:var(--color-text-primary);font-size:3rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:1rem}.connector-hero-description{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.connector-cta-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.connector-cta-primary{align-items:center;background:linear-gradient(135deg,var(--color-status-success),#047857);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all var(--transition-duration-base)}.connector-cta-primary:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:var(--box-shadow-lg);color:#fff;transform:translateY(-2px)}.connector-cta-secondary{align-items:center;background:transparent;border:2px solid var(--color-status-success);border-radius:var(--border-radius-lg);color:var(--color-status-success);display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all var(--transition-duration-base)}.connector-cta-secondary:hover{background:var(--color-status-success-bg);color:var(--color-status-success);transform:translateY(-1px)}.trust-indicators{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.trust-indicator{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.875rem;gap:.5rem}.trust-indicator svg{flex-shrink:0;height:1rem;width:1rem}.connector-dashboard-preview{align-items:center;display:flex;justify-content:center;position:relative}.connector-dashboard-preview img{border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-xl);height:auto;max-width:500px;transition:transform var(--transition-duration-base);width:100%}.connector-dashboard-preview img:hover{transform:scale(1.02)}.connector-template-section{padding:6rem 0}.connector-template-section--gray{background:var(--color-background-panel)}.connector-template-section--white{background:var(--color-background-body)}.connector-section-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.connector-section-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.connector-section-description{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6}#connectors-container,#connectors-recipes-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.connector-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;position:relative;transition:all var(--transition-duration-base) var(--transition-timing-function-base)}.connector-card:before{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-status-success));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform var(--transition-duration-base);width:100%}.connector-card__logo{border-radius:var(--border-radius-lg);height:64px;-o-object-fit:contain;object-fit:contain;width:64px}.connector-card__name{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:1rem 0 .5rem}.connector-card__description{color:var(--color-text-secondary);flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.connector-card__status{margin-bottom:1rem}.status-badge{border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600;padding:.375rem .875rem}.status-badge--success{background:var(--color-status-success-bg);color:var(--color-status-success)}.status-badge--info{background:var(--color-status-info-bg);color:var(--color-status-info)}.connector-card__action{align-items:center;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-status-success));border-radius:var(--border-radius-lg);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:.875rem 1.5rem;text-decoration:none;transition:all var(--transition-duration-base)}.connector-card__action:hover{box-shadow:var(--box-shadow-md);color:#fff;transform:translateY(-2px)}.connector-card__action--disabled{background:var(--color-background-panel);color:var(--color-text-tertiary);cursor:not-allowed}.connector-card__action--disabled:hover{box-shadow:none;transform:none}.connector-loading-container{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.connector-loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border-light);border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-brand-primary);height:2rem;margin-bottom:1rem;width:2rem}.no-recipes-placeholder{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.no-recipes-icon{align-items:center;background:var(--color-background-panel);border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.no-recipes-icon svg{color:var(--color-text-tertiary);height:2rem;width:2rem}.no-recipes-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.no-recipes-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:2rem}.connector-filters-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem}.benefits-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.steps-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.connector-final-cta{background:linear-gradient(135deg,var(--color-status-success),#047857);color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.connector-final-cta:before{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.connector-final-cta-content{margin:0 auto;max-width:800px;padding:0 2rem;position:relative;z-index:1}.connector-final-cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.connector-final-cta-description{color:hsla(0,0%,100%,.9);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.connector-final-cta-button{align-items:center;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);color:var(--color-status-success);display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all var(--transition-duration-base)}.connector-final-cta-button:hover{background:var(--color-background-panel);box-shadow:var(--box-shadow-lg);color:var(--color-status-success);transform:translateY(-2px)}.connector-final-cta-note{color:hsla(0,0%,100%,.8);font-size:.875rem;margin-top:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-delayed-2{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite}.animate-float-delayed-2{animation:float-delayed-2 10s ease-in-out infinite}@media (max-width:1024px){.connector-hero-grid{gap:3rem;grid-template-columns:1fr;text-align:center}.connector-template-hero{padding:4rem 0 3rem}}@media (max-width:768px){.connector-template-section{padding:4rem 0}.connector-hero-grid{gap:2rem;padding:0 1rem}.connector-hero-title{font-size:2.25rem}.connector-section-title{font-size:2rem}.connector-hero-description,.connector-section-description{font-size:1.125rem}.connector-cta-buttons{align-items:stretch;flex-direction:column}.connector-cta-primary,.connector-cta-secondary{justify-content:center;width:100%}#connectors-container,#connectors-recipes-container,.benefits-grid,.steps-grid{gap:1.5rem;grid-template-columns:1fr}.trust-indicators{gap:1rem;justify-content:center}.trust-indicator{font-size:.8rem}.connector-filters-container{gap:.5rem}.connector-final-cta-title{font-size:2rem}.connector-final-cta-description{font-size:1.125rem}.benefit-card,.connector-card,.recipe-card,.step-card{padding:1.5rem}.connector-title{font-size:2rem}.connector-header{flex-direction:column;gap:1rem}.cta-title{font-size:2rem}}@media (max-width:480px){.connector-hero-title{font-size:1.875rem}.connector-section-title{font-size:1.75rem}.connector-hero-grid{padding:0 1rem}.connector-template-section{padding:3rem 0}.connector-cta-primary,.connector-cta-secondary,.connector-final-cta-button{font-size:.9rem;padding:.875rem 1.5rem}.trust-indicators{align-items:center;flex-direction:column;gap:.75rem}.connector-final-cta-title{font-size:1.75rem}}.connector-container{margin:0 auto;max-width:1200px;padding:0 2rem}.connector-spacing-sm{margin-bottom:1rem}.connector-spacing-md{margin-bottom:2rem}.connector-spacing-lg{margin-bottom:3rem}.connector-text-center{text-align:center}.connector-text-muted{color:var(--color-text-secondary)}.connector-hidden{display:none}.connector-visible{display:block}.connector-cta-primary:focus-visible,.connector-cta-secondary:focus-visible,.connector-final-cta-button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (prefers-color-scheme:dark){.connector-template-hero:before{background:radial-gradient(ellipse at center,rgba(123,97,255,.05) 0,transparent 70%)}.connector-final-cta:before{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.05) 0,transparent 70%)}}@media (prefers-reduced-motion:reduce){.connector-cta-primary,.connector-cta-secondary,.connector-dashboard-preview img,.connector-final-cta-button{transition:none}.connector-cta-primary:hover,.connector-cta-secondary:hover,.connector-dashboard-preview img:hover,.connector-final-cta-button:hover{transform:none}}@media (prefers-contrast:high){.connector-cta-primary,.connector-cta-secondary{border-style:solid;border-width:2px}.benefit-card,.recipe-card,.step-card{border-width:2px}}body{font-display:swap;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-base)}@font-face{ascent-override:90%;descent-override:22%;font-display:swap;font-family:Inter-fallback;line-gap-override:0%;size-adjust:107%;src:local("Inter"),local("Arial"),local("Helvetica"),local("sans-serif")}img{height:auto;max-width:100%}:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px;transition:outline .2s ease-in-out}html{scroll-behavior:smooth;scroll-padding-top:4rem}:root{--global-header-height:4rem;--global-footer-height:12rem;--transition-base:0.2s ease-in-out;--z-sticky:100;--color-primary:var(--color-brand-primary);--color-primary-dark:var(--color-brand-primary-hover);--color-secondary:var(--color-status-success);--color-accent:var(--color-brand-primary);--color-gray-50:var(--color-background-panel);--color-gray-100:var(--color-background-panel-alt);--color-gray-200:var(--color-border-light);--color-gray-900:var(--color-text-primary)}html{font-size:16px}body{background:var(--color-background-body);color:var(--color-text-primary);display:flex;flex-direction:column;font-size:1rem;min-height:100vh}.global-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid var(--color-border-light);box-shadow:var(--box-shadow-xs);left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:1000}.global-header,.nav-spacer{height:var(--global-header-height)}.hero-section{background:linear-gradient(135deg,var(--color-background-panel) 0,#fff 50%,var(--color-background-panel-alt) 100%);padding:1rem 0}.hero-section:before{background:radial-gradient(ellipse at center,rgba(109,40,217,.05) 0,transparent 70%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:50%}.hero-section-modern{align-items:center;background-color:var(--color-background-body);display:flex;margin-bottom:.05rem;min-height:auto;overflow:hidden;padding:.1rem 0;position:relative}.hero-title-section{margin-bottom:.05rem;text-align:center}.hero-title{background:linear-gradient(135deg,var(--color-brand-cta) 20%,var(--color-brand-primary) 60%)!important;-webkit-background-clip:text!important;font-size:4rem;line-height:1.05;margin:0;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important}.hero-subtitle-modern--green{color:#0a7e3c;font-size:1.125rem;font-weight:500;line-height:1.7;margin-bottom:0!important;padding:0 .5rem}@media (min-width:768px){.hero-subtitle-modern--green{font-size:1.25rem;padding:0}}.hero-features-list--compact{display:flex;flex-direction:column;gap:.75rem;margin-bottom:0}.hero-feature-item--compact{font-size:.95rem;line-height:1.4;margin-bottom:0;padding:.25rem 0}.hero-feature-icon--compact{flex-shrink:0;font-size:1.1rem;margin-right:.75rem}.hero-feature-text{color:#374151;font-size:.9rem}.hero-feature-item--compact{align-items:center;display:flex;font-size:.85rem;line-height:1.2;margin-bottom:.02rem}.hero-feature-item--compact:last-child{margin-bottom:0}.hero-feature-icon--compact{font-size:.85rem;margin-right:.3rem}.hero-cta-wrapper--styled{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.15rem;margin:.05rem 0 .02rem}.btn-hero-primary--gradient{margin-right:.17rem}.btn-hero-primary--gradient,.btn-hero-secondary--styled{border-radius:.25rem;padding:.25rem .5rem}.btn-hero-icon--compact{margin-right:.17rem}.hero-trust-text--styled{margin-bottom:.25rem}.hero-trust-stats--styled{gap:.42rem}.hero-floating-badge--top-right{right:1rem;top:1rem}.hero-floating-badge--bottom-left,.hero-floating-badge--top-right{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 3px 10px rgba(0,0,0,.15);display:flex;gap:.5rem;padding:.5rem .75rem;position:absolute}.hero-floating-badge--bottom-left{bottom:1rem;left:1rem}.floating-badge-icon--large{font-size:1.1rem}.floating-badge-content--compact{line-height:1.2}.floating-badge-title--dark{color:#1f2937;display:block;font-size:.75rem;font-weight:600}.floating-badge-subtitle--gray{color:#6b7280;display:block;font-size:.6rem}.hero-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.hero-content-wrapper{margin:0 auto;max-width:1200px;position:relative;z-index:2}.hero-content-wrapper--styled{align-items:flex-start;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.hero-content-compact{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:1rem 0}@media (min-width:768px){.hero-content-compact{align-items:flex-start;flex-direction:row;gap:4rem;padding:1rem 0}}.hero-text-content{display:flex;flex:1;flex-direction:column;gap:1rem;max-width:100%}@media (min-width:768px){.hero-text-content{gap:1rem;max-width:50%}}.hero-actions{flex-direction:column;gap:1.5rem;margin-top:1rem}@media (min-width:640px){.hero-actions{flex-direction:row;gap:1.5rem}}.hero-content{color:var(--color-text-primary)}.hero-content--compact{gap:var(--spacing-4)!important}.btn-hero-primary--gradient{align-items:center;background:linear-gradient(135deg,#7b61ff,#6366f1);border-radius:.75rem;box-shadow:0 4px 14px 0 rgba(123,97,255,.3);color:#fff;display:inline-block;display:inline-flex;font-weight:600;justify-content:center;margin-right:0;min-height:3rem;padding:1rem 2rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.btn-hero-text--large{display:block;font-size:1rem}.btn-hero-subtext--large{display:block;font-size:.75rem;opacity:.9}.btn-hero-secondary--styled{align-items:center;background:transparent;border:2px solid #0a7e3c;border-radius:.75rem;color:#0a7e3c;display:inline-flex;font-weight:600;justify-content:center;min-height:3rem;padding:1rem 2rem;text-decoration:none;transition:background-color .25s ease,color .25s ease}.btn-hero-icon--styled{margin-right:.5rem}.hero-trust-text--styled{color:#6b7280;font-size:.85rem;font-weight:500;margin-bottom:.75rem}.hero-trust-stats{display:flex;gap:.33rem;justify-content:center}.hero-trust-stats--styled{display:flex;gap:1.25rem}.trust-stat,.trust-stat--centered{text-align:center}.trust-stat-number--green{color:#0a7e3c;display:block;font-size:1.25rem;font-weight:700}.trust-stat-label--small{color:#6b7280;display:block;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.hero-visual{position:relative}.hero-visual-container{position:relative;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:transform .3s ease}.hero-visual-container--styled{margin:0 auto;max-width:560px;position:relative}.hero-visual-container:hover{transform:perspective(1000px) rotateY(-10deg) rotateX(2deg)}.hero-main-image{border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.3);height:auto;width:100%}.hero-main-image--styled{border-radius:.8rem;box-shadow:0 15px 20px -5px rgba(0,0,0,.1);height:auto;width:100%}.hero-floating-badge{align-items:center;animation:float-badge 3s ease-in-out infinite;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);display:flex;gap:.4rem;padding:.4rem .6rem;position:absolute}.hero-floating-badge--1{animation-delay:0s;right:-10%;top:20%}.hero-floating-badge--1-styled{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 3px 10px rgba(0,0,0,.15);display:flex;gap:.5rem;padding:.5rem .75rem;position:absolute;right:1rem;top:1rem}.hero-floating-badge--2{animation-delay:1.5s;bottom:25%;left:-15%}.hero-floating-badge--2-styled{align-items:center;background:#fff;border-radius:.75rem;bottom:1rem;box-shadow:0 3px 10px rgba(0,0,0,.15);display:flex;gap:.5rem;left:1rem;padding:.5rem .75rem;position:absolute}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-badge-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.floating-badge-icon--styled{font-size:1.1rem}.floating-badge-content{display:flex;flex-direction:column}.floating-badge-content--styled{line-height:1.2}.floating-badge-title{color:#1f2937;font-size:.875rem;font-weight:700;margin-bottom:.125rem}.floating-badge-title--styled{color:#1f2937;display:block;font-size:.75rem;font-weight:600}.floating-badge-subtitle{color:#6b7280;font-size:.75rem}.floating-badge-subtitle--styled{color:#6b7280;display:block;font-size:.6rem}.max-w-container--styled{margin:0 auto;max-width:1200px;padding:0 1rem}.container,.max-w-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.hero-content-wrapper{align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr;min-height:auto}.hero-content{display:flex;flex-direction:column;justify-content:center;max-width:800px;padding-right:.33rem}.hero-title{font-size:3.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem;text-align:left}.hero-tagline{border-left:4px solid var(--color-status-success,#10b981);color:var(--color-text-secondary);font-size:1.25rem;font-weight:500;line-height:1.4;margin-bottom:.5rem;padding-left:.33rem}.text-accent,.text-primary{color:var(--color-brand-primary)}.text-accent{font-weight:var(--font-weight-extrabold)}.highlight{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-status-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:800}.hero-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:1.5;max-width:90%;text-align:left}.hero-description{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);text-align:left}.hero-description-block{background:#f0f9f3;border-left:4px solid #0a7e3c;border-radius:0 8px 8px 0;margin-bottom:.5rem;padding:.5rem}.hero-description-text{color:var(--color-text-primary);font-size:1.1rem;line-height:1.4;margin:0}.hero-description-detail{margin-bottom:.67rem}.hero-description-detail p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0}.hero-description-main{margin-bottom:.67rem}.hero-description-main p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.btn-start-demo{background:linear-gradient(135deg,#7b61ff,#6b46c1);border:none;border-radius:8px;box-shadow:0 4px 14px rgba(123,97,255,.3);color:#fff;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.btn-start-demo:hover{box-shadow:0 6px 20px rgba(123,97,255,.4);transform:translateY(-2px)}.spreadsheet-preview{border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.1);height:auto;max-width:100%;transform:perspective(1000px) rotateY(-5deg);transition:all .3s ease}.spreadsheet-preview:hover{box-shadow:0 25px 50px rgba(0,0,0,.15);transform:perspective(1000px) rotateY(-2deg) translateY(-5px)}.hero-trust-badge{background:#fff;border-radius:20px;bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#0a7e3c;font-size:.875rem;font-weight:600;padding:8px 16px;position:absolute;right:20px}.otp-message{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.5;margin-bottom:1.5rem;text-align:left}.brand-accent{color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}.hero-cta-group{align-items:center;display:flex;flex-wrap:wrap;gap:.33rem;margin-bottom:.5rem}.hero-features{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-top:.17rem}.btn{border:2px solid transparent;border-radius:var(--border-radius-lg);cursor:pointer;font-size:var(--font-size-base);gap:var(--spacing-2);justify-content:center;line-height:var(--line-height-base);min-height:var(--touch-target-min);overflow:hidden;padding:var(--spacing-3) var(--spacing-8);position:relative;white-space:nowrap}.btn,.btn-primary{align-items:center;display:inline-flex;font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base)}.btn-primary{background-color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);border-radius:var(--border-radius-md);color:#fff;gap:.5rem;padding:.75rem 1.5rem}.btn-primary:hover{background-color:var(--color-brand-primary-hover);box-shadow:var(--box-shadow-sm);transform:translateY(-1px)}.btn-outline{align-items:center;background-color:transparent;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-md);color:var(--color-text-primary);display:inline-flex;font-weight:var(--font-weight-semibold);gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-base)}.btn-outline:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);transform:translateY(-1px)}.btn-lg{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--spacing-4) var(--spacing-10)}.dashboard-preview{border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);height:auto;max-width:100%;transform:perspective(1000px) rotateY(-5deg);transition:all var(--transition-base)}.dashboard-preview:hover{box-shadow:var(--box-shadow-xl);transform:perspective(1000px) rotateY(-2deg) translateY(-5px)}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.6);border:1px solid var(--color-brand-primary);border-radius:var(--border-radius-full);bottom:1.5rem;box-shadow:var(--box-shadow-md);color:var(--color-brand-primary);font-size:.9375rem;padding:.625rem 1.25rem;right:1.5rem;text-align:center;z-index:10}.loading-indicator{display:none}.spinner{border-top:3px solid var(--color-border-light);border:3px solid var(--color-border-light);border-top-color:var(--color-brand-primary);height:24px;margin-right:.75rem;width:24px}.text-accent{color:var(--color-brand-primary,#0f7a3c)!important;font-weight:var(--font-weight-extrabold,800)}.max-w-7xl{max-width:80rem}.gap-12{gap:3rem}.gap-8{gap:2rem}@media (max-width:1024px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:var(--font-size-base)}.hero-content-wrapper{gap:3rem}}@media (max-width:768px){.hero-content-wrapper{gap:2rem;grid-template-columns:1fr;min-height:auto;text-align:center}.hero-content{margin:0 auto;max-width:100%;padding-right:0;text-align:center}.hero-title{font-size:2.25rem;text-align:center}.hero-tagline{font-size:1.125rem}.hero-subtitle,.hero-tagline{margin-left:auto;margin-right:auto;max-width:100%;text-align:center}.hero-subtitle{font-size:var(--font-size-base)}.hero-cta-group{justify-content:center}.hero-features{text-align:center}.dashboard-preview{max-width:90%;transform:none}.dashboard-preview:hover{transform:translateY(-5px)}.hero-section-modern{min-height:100vh;padding:1rem 0}.hero-trust-text{text-align:center}.hero-trust-stats{flex-wrap:wrap;gap:1rem;justify-content:center}.hero-visual-container,.hero-visual-container:hover{transform:none}.hero-floating-badge--1{right:5%;top:10%}.hero-floating-badge--2{bottom:15%;left:5%}.hero-decoration--1,.hero-decoration--2,.hero-decoration--3{display:none}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:var(--font-size-sm)}.hero-cta-group{flex-direction:column;width:100%}.btn-outline,.btn-primary{justify-content:center;width:100%}.hero-content-wrapper{padding:0 1rem}.hero-floating-badge{display:none}.hero-trust-stats{flex-direction:column;gap:1rem}.btn-hero-primary,.btn-hero-secondary{justify-content:center;text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.dashboard-preview:hover{transform:translateY(-5px)}.spinner{animation:none}}@media (prefers-contrast:high){.text-accent{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;text-fill-color:unset;color:var(--color-brand-primary)}.feature-card{border-width:2px}.btn{border-width:3px}}.benefits-cta .btn:focus-visible,.hero-cta-group .btn:focus-visible{box-shadow:0 0 0 4px rgba(99,102,241,.1);outline:2px solid var(--color-brand-cta);outline-offset:4px}.section-header{margin-bottom:2rem}.feature-title,.problem-title,.solution-title,.step-title,.why-title,h1,h2,h3{text-align:center}.section-cta{margin-top:3rem}.cta-description{margin-bottom:1rem;text-align:center}.filter-container{margin-bottom:2rem;text-align:center}.filter-label{margin-bottom:1rem;text-align:center}.feature-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 15px rgba(0,0,0,.03);height:100%;padding:2rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.feature-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.08);transform:translateY(-5px)}.feature-icon{border-radius:1rem;margin:0 auto 1.5rem}.feature-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-description{font-size:1rem}.pain-points-card,.solution-card{background:#fff;border:2px solid;border-radius:16px;height:100%;padding:2rem;position:relative}.pain-points-card{background:linear-gradient(135deg,#fff5f5,#fef2f2);border-color:#f87171}.solution-card{background:linear-gradient(135deg,#e6f7ed,#d1f4e0);border-color:#0a7e3c}.pain-points-title,.solution-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.pain-points-title{color:#dc2626}.solution-title{color:#059669}.pain-points-list,.solution-list{list-style:none;margin:0;padding:0}.pain-point-item,.solution-item{align-items:flex-start;display:flex;font-size:1rem;gap:.75rem;line-height:1.5;margin-bottom:1rem}.pain-point-item:last-child,.solution-item:last-child{margin-bottom:0}.pain-point-icon,.solution-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:1.25rem;justify-content:center;margin-top:.125rem;width:1.25rem}.pain-point-icon{background:#fecaca;color:#dc2626}.solution-icon{background:#bbf7d0;color:#059669}@media (max-width:768px){.pain-points-card,.solution-card{margin-bottom:1.5rem;padding:1.5rem}.pain-points-title,.solution-title{font-size:1.25rem}.pain-point-item,.solution-item{font-size:.9rem}}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding);width:100%}.section{padding:var(--spacing-16) 0;position:relative}.section:nth-child(2n){background-color:var(--bg-secondary)}.section:nth-child(odd){background-color:var(--background)}.section-header{margin-bottom:var(--spacing-16);margin-left:auto;margin-right:auto;max-width:768px;text-align:center}.section-title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-6);text-align:center}.section-description{color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:1.6;margin:0;text-align:center}.section-cta{margin-top:var(--spacing-12);text-align:center}.cta-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6)}.hero-section{background:linear-gradient(135deg,var(--background) 0,var(--bg-secondary) 100%);overflow:hidden;padding:var(--spacing-16) 0 var(--spacing-20);position:relative}.hero-content{align-items:center;display:grid;gap:var(--spacing-16);grid-template-columns:1fr 1fr;min-height:70vh}.hero-text{max-width:600px}.hero-title{color:var(--color-text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;margin-bottom:var(--spacing-8)}.hero-subtitle{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-6)}.hero-description,.hero-subtitle{color:var(--color-text-secondary)}.hero-description{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-10)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.hero-img{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);height:auto;max-width:600px;width:100%}.hero-badge{background:var(--accent-pale);border:1px solid var(--accent);border-radius:var(--radius-lg);bottom:-1rem;box-shadow:var(--shadow-md);color:var(--accent);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-3) var(--spacing-5);position:absolute;right:-1rem}.features-grid{display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-12)}.feature-card{background:var(--background);border:2px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:all var(--transition-base)}.feature-card:before{background:linear-gradient(90deg,var(--accent),var(--accent-cta));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.feature-icon{align-items:center;background:var(--accent-pale);border-radius:var(--radius-full);color:var(--accent);display:flex;height:4rem;justify-content:center;margin:0 auto var(--spacing-6);width:4rem}.feature-icon svg{height:2rem;width:2rem}.feature-title{color:var(--accent);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-4)}.feature-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}.benefits-content{align-items:center;display:grid;gap:var(--spacing-16);grid-template-columns:1fr 1fr}.benefits-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin:var(--spacing-8) 0}.benefit-item{align-items:flex-start;display:flex;gap:var(--spacing-4)}.benefit-icon{align-items:center;background:var(--accent);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;margin-top:.125rem;width:1.5rem}.benefit-item p{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;line-height:1.5;margin:0}.benefits-cta{margin-top:var(--spacing-8)}.benefits-image{align-items:center;display:flex;justify-content:center;position:relative}.benefits-img{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:auto;max-width:500px;width:100%}.benefits-badge{background:var(--background);border:2px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--accent);font-size:var(--font-size-sm);font-weight:600;left:1rem;padding:var(--spacing-3) var(--spacing-5);position:absolute;top:1rem}.problem-solution{display:grid;gap:var(--spacing-12);grid-template-columns:1fr 1fr;margin-top:var(--spacing-12)}.problem-card,.solution-card{border:2px solid;border-radius:var(--radius-xl);padding:var(--spacing-8)}.problem-card{background:#fef2f2;border-color:#fca5a5}.solution-card{background:var(--success-pale);border-color:var(--success)}.problem-title{color:#dc2626}.problem-title,.solution-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-6)}.solution-title{color:var(--success)}.problem-list,.solution-list{display:flex;flex-direction:column;gap:var(--spacing-3);list-style:none;margin:0;padding:0}.problem-list li,.solution-list li{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.5}.steps-grid{display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--spacing-12)}.step-card{background:var(--background);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-8);position:relative;text-align:center;transition:all var(--transition-base)}.step-icon{align-items:center;background:var(--accent-pale);border-radius:var(--radius-full);display:flex;height:5rem;justify-content:center;margin:0 auto var(--spacing-6);width:5rem}.step-icon img{height:3rem;width:3rem}.step-title{color:var(--accent);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-4)}.step-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}.platforms-grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:var(--spacing-12)}.recipe-filters{margin:var(--spacing-12) 0}.filter-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-6)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.filter-btn{align-items:center;background:var(--background);border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-base)}.filter-btn:hover{background:var(--accent-pale);border-color:var(--accent-cta);color:var(--accent)}.filter-btn.active{background:var(--accent-cta);border-color:var(--accent-cta);color:var(--text-white)}.filter-icon{height:1rem;width:1rem}.recipes-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:var(--spacing-8)}.recipes-grid,.why-grid{display:grid;gap:var(--spacing-8)}.why-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:var(--spacing-12)}.why-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center;transition:all var(--transition-base)}.why-icon{align-items:center;background:var(--accent-pale);border-radius:var(--radius-full);color:var(--accent);display:flex;height:4rem;justify-content:center;margin:0 auto var(--spacing-4);width:4rem}.why-icon svg{height:2rem;width:2rem}.why-title{color:var(--accent);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-3)}.why-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}.text-accent{color:var(--accent)}.brand-accent{color:var(--accent-cta);font-weight:700}.loading-indicator{color:var(--text-secondary);text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-cta);display:inline-block;height:2rem;width:2rem}.error-message{background:var(--error-pale);border:1px solid var(--error);border-radius:var(--radius);color:var(--error);padding:var(--spacing-4);text-align:center}@media (max-width:1024px){.benefits-content,.hero-content{gap:var(--spacing-12);grid-template-columns:1fr;text-align:center}.benefits-image,.hero-image{order:-1}.problem-solution{gap:var(--spacing-8);grid-template-columns:1fr}}@media (max-width:768px){.section{padding:var(--spacing-12) 0}.section-title{font-size:var(--font-size-3xl)}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-actions{align-items:center;flex-direction:column}.features-grid,.steps-grid{grid-template-columns:1fr}.filter-buttons{justify-content:center}}.grid{display:grid;gap:var(--spacing-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (max-width:1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(2,1fr)}.lg\\:grid-cols-4{grid-template-columns:repeat(3,1fr)}.lg\\:grid-cols-5{grid-template-columns:repeat(3,1fr)}.lg\\:grid-cols-6{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.md\\:grid-cols-2{grid-template-columns:1fr}.md\\:grid-cols-3{grid-template-columns:1fr}.md\\:grid-cols-4{grid-template-columns:repeat(2,1fr)}.lg\\:grid-cols-3{grid-template-columns:1fr}.lg\\:grid-cols-4{grid-template-columns:repeat(2,1fr)}.lg\\:grid-cols-5{grid-template-columns:repeat(2,1fr)}.lg\\:grid-cols-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.grid{gap:var(--spacing-4)}.md\\:grid-cols-4{grid-template-columns:1fr}.lg\\:grid-cols-4{grid-template-columns:1fr}.lg\\:grid-cols-5{grid-template-columns:1fr}.lg\\:grid-cols-6{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-1{padding-bottom:var(--spacing-1);padding-top:var(--spacing-1)}.py-2{padding-bottom:var(--spacing-2);padding-top:var(--spacing-2)}.py-5{padding-bottom:var(--spacing-5);padding-top:var(--spacing-5)}.py-6{padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}.py-8{padding-bottom:var(--spacing-8);padding-top:var(--spacing-8)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-white{color:#fff}.bg-primary{background-color:var(--background)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.border{border:1px solid var(--border-color)}.border-0{border:none}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-hidden{overflow-y:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.transition{transition:var(--transition-base)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.transform{transform:translateZ(0)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.focus\\:outline-none:focus{outline:none}.focus\\:ring:focus{box-shadow:var(--focus-ring)}.hover\\:bg-hover:hover{background-color:var(--bg-hover)}.hover\\:text-accent:hover{color:var(--accent)}.hover\\:shadow-md:hover{box-shadow:var(--shadow-md)}.loading-spinner{border:3px solid var(--border-color);display:inline-block;height:2rem;width:2rem}.loading-spinner-sm{border-width:2px;height:1rem;width:1rem}.loading-spinner-lg{border-width:4px;height:3rem;width:3rem}.app-container{background-color:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.app-content-wrapper{display:flex;flex:1}.app-sidebar{background:var(--background);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;overflow-y:auto;position:fixed;top:0;width:260px;z-index:40}.app-sidebar__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-6)}.sidebar-brand{align-items:center;color:var(--color-text-primary);display:flex;gap:var(--spacing-3);text-decoration:none}.sidebar-brand .logo-container{flex-shrink:0;height:32px;width:32px}.sidebar-brand .brand-logo{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.sidebar-brand .brand-text{color:var(--color-brand-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2}.mobile-toggle{background:none;border:none;border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;display:none;padding:var(--spacing-2)}.mobile-toggle:hover{background-color:var(--bg-secondary)}.app-sidebar__content{display:flex;flex:1;flex-direction:column;padding:var(--spacing-4) 0}.app-nav{flex:1;list-style:none;margin:0;padding:0}.app-nav__item{margin:0}.app-nav__link{align-items:center;border-left:3px solid transparent;color:var(--color-text-secondary);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-fast)}.app-nav__link:hover{background-color:var(--bg-secondary);color:var(--color-text-primary)}.app-nav__item.active .app-nav__link,.app-nav__link.active{background-color:var(--accent-pale);border-left-color:var(--color-brand-primary);color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}.nav-icon{flex-shrink:0;height:20px;width:20px}.sidebar-action{border-top:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-6)}.sidebar-action .btn{font-weight:var(--font-weight-semibold);justify-content:center;width:100%}.user-section{border-top:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-6)}.user-profile{gap:var(--spacing-3)}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:var(--color-brand-primary);border-radius:var(--radius-full);color:#fff;flex-shrink:0;font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}.avatar-text,.user-avatar{font-size:var(--font-size-sm)}.avatar-text{font-weight:var(--font-weight-bold)}.user-info{flex:1;min-width:0;position:relative}.user-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-1) 0;text-align:left;width:100%}.user-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon{color:var(--color-text-secondary);flex-shrink:0;height:16px;width:16px}.user-menu{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);bottom:100%;box-shadow:var(--shadow-lg);left:0;margin-bottom:var(--spacing-2);padding:var(--spacing-2);position:absolute;right:0;z-index:50}.user-menu.hidden{display:none}.menu-item{border-radius:var(--radius);color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:all var(--transition-fast)}.menu-item:hover{background-color:var(--bg-secondary);color:var(--color-text-primary)}.logout-button{background:none;border:none;color:var(--error);cursor:pointer;text-align:left;width:100%}.logout-button:hover{background-color:var(--error-pale);color:var(--error)}.app-main{display:flex;flex:1;flex-direction:column;margin-left:260px;padding-bottom:2rem}.app-header{align-items:center;background:var(--background);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;min-height:80px;padding:var(--spacing-6) var(--spacing-8)}.app-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.app-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0 0}.app-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#page-content-area{background:var(--bg-secondary);flex:1;padding:var(--spacing-8)}.app-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.app-card h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-4) 0}.app-card h2,.app-card h3{color:var(--color-text-primary)}.app-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.stats-grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-8)}.stat-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .flex{align-items:flex-start}.stat-card .p-2{border-radius:var(--radius-lg);flex-shrink:0}.stat-card .ml-4{margin-left:var(--spacing-4)}.stat-card .text-sm{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.stat-card .text-2xl{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.welcome-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.welcome-section h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.welcome-section p{color:var(--color-text-secondary);margin:0}.recent-reports-section{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.recent-reports-section .px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.recent-reports-section .py-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.recent-reports-section .border-b{border-bottom:1px solid var(--border-color)}.recent-reports-section h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.recent-reports-section a{color:var(--color-brand-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none}.recent-reports-section a:hover{color:var(--color-brand-hover)}.min-w-full{min-width:100%}.divide-y{border-collapse:separate;border-spacing:0}.divide-y>*+*{border-top:1px solid var(--border-color)}.bg-gray-50{background-color:var(--bg-secondary)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-3{padding-bottom:var(--spacing-3);padding-top:var(--spacing-3)}.py-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.text-left{text-align:left}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:var(--font-weight-medium)}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-gray-500,.text-gray-600{color:var(--color-text-secondary)}.text-gray-900{color:var(--color-text-primary)}.whitespace-nowrap{white-space:nowrap}.quick-actions{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.quick-actions h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-4) 0}.quick-action-card{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;padding:var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.quick-action-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-action-card svg{flex-shrink:0;height:2rem;margin-right:var(--spacing-3);width:2rem}.quick-action-card p{margin:0}.quick-action-card .font-medium{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.quick-action-card .text-sm{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.status-badge.success{background-color:var(--success-pale);color:var(--success)}.status-badge.error{background-color:var(--error-pale);color:var(--error)}.status-badge.warning{background-color:var(--warning-pale);color:var(--warning)}.status-badge.pending{background-color:var(--info-pale);color:var(--info)}@media (max-width:1024px){.app-sidebar{transform:translateX(-100%);transition:transform var(--transition-base)}.app-sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.mobile-toggle{display:block}.stats-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.app-header{padding:var(--spacing-4) var(--spacing-6)}.app-title{font-size:var(--font-size-2xl)}#page-content-area{padding:var(--spacing-4)}}@media (max-width:768px){.app-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.app-actions{justify-content:flex-start;width:100%}.quick-actions .grid,.stats-grid{grid-template-columns:1fr}.app-title{font-size:var(--font-size-xl)}}@media (max-width:480px){.app-sidebar{width:100%}.app-header{padding:var(--spacing-3) var(--spacing-4)}#page-content-area{padding:var(--spacing-3)}.quick-actions,.recent-reports-section,.stat-card,.welcome-section{padding:var(--spacing-4)}}@media (max-width:1024px){.sidebar-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all var(--transition-base);visibility:hidden;z-index:39}.sidebar-overlay.open{opacity:1;visibility:visible}}.grid.grid-cols-1{grid-template-columns:1fr}.grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid.md\\:grid-cols-2{grid-template-columns:1fr}.grid.md\\:grid-cols-3{grid-template-columns:1fr}.grid.md\\:grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid.md\\:grid-cols-4{grid-template-columns:1fr}}.auth-error-modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.auth-error-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);max-width:400px;padding:2rem;text-align:center;width:90%}.auth-error-content h3{color:#b91c1c;font-size:1.5rem;margin-top:0}.auth-error-content p{color:#4b5563;margin:1rem 0}.auth-error-content button{background:linear-gradient(135deg,#2d5b3f,#4f7942);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.auth-error-content button:hover{background:linear-gradient(135deg,#1b4d3e,#3e7b4e)}.error-notification{animation:slideIn .3s ease-out;background-color:#ef4444;border-radius:6px;bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;max-width:350px;padding:15px 20px;position:fixed;right:20px;z-index:9000}.error-network{background-color:#f59e0b}.error-retry-btn{background-color:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.5);border-radius:4px;color:#fff;cursor:pointer;display:inline-block;margin-top:10px;padding:6px 12px;transition:background-color .2s}.error-retry-btn:hover{background-color:hsla(0,0%,100%,.4)}.global-error-container{background-color:#ef4444;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;left:0;padding:12px 16px;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease-out;z-index:1000}.global-error-container.visible{transform:translateY(0)}.global-error-container{align-items:flex-start;background-color:var(--error-pale);border:1px solid var(--error);border-radius:var(--radius);display:flex;gap:.75rem;margin:1rem 0;padding:1rem}.global-error-container .icon{color:var(--error);flex-shrink:0;margin-top:.125rem}.global-error-container .content{flex:1}.global-error-container .title{color:var(--error);font-weight:600;margin-bottom:.25rem}.global-error-container .message{color:var(--text-secondary);line-height:1.5}.global-success-container{align-items:flex-start;background-color:var(--success-pale);border:1px solid var(--success);border-radius:var(--radius);display:flex;gap:.75rem;margin:1rem 0;padding:1rem}.global-success-container .icon{color:var(--success);flex-shrink:0;margin-top:.125rem}.global-success-container .content{flex:1}.global-success-container .title{color:var(--success);font-weight:600;margin-bottom:.25rem}.global-success-container .message{color:var(--text-secondary);line-height:1.5}.global-warning-container{align-items:flex-start;background-color:var(--warning-pale);border:1px solid var(--warning);border-radius:var(--radius);display:flex;gap:.75rem;margin:1rem 0;padding:1rem}.global-warning-container .icon{color:var(--warning);flex-shrink:0;margin-top:.125rem}.global-warning-container .content{flex:1}.global-warning-container .title{color:var(--warning);font-weight:600;margin-bottom:.25rem}.global-warning-container .message{color:var(--text-secondary);line-height:1.5}.global-info-container{align-items:flex-start;background-color:var(--info-pale);border:1px solid var(--info);border-radius:var(--radius);display:flex;gap:.75rem;margin:1rem 0;padding:1rem}.global-info-container .icon{color:var(--info);flex-shrink:0;margin-top:.125rem}.global-info-container .content{flex:1}.global-info-container .title{color:var(--info);font-weight:600;margin-bottom:.25rem}.global-info-container .message{color:var(--text-secondary);line-height:1.5}.toast-container{display:flex;flex-direction:column;gap:.5rem;max-width:400px;position:fixed;right:1rem;top:1rem;z-index:var(--z-toast)}.toast{align-items:flex-start;animation:slideIn .3s ease-out;background-color:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;gap:.75rem;padding:1rem}.toast.error{background-color:var(--error-pale);border-color:var(--error)}.toast.success{background-color:var(--success-pale);border-color:var(--success)}.toast.warning{background-color:var(--warning-pale);border-color:var(--warning)}.toast.info{background-color:var(--info-pale);border-color:var(--info)}.toast .icon{flex-shrink:0;margin-top:.125rem}.toast.error .icon{color:var(--error)}.toast.success .icon{color:var(--success)}.toast.warning .icon{color:var(--warning)}.toast.info .icon{color:var(--info)}.toast .content{flex:1}.toast .title{font-weight:600;margin-bottom:.25rem}.toast.error .title{color:var(--error)}.toast.success .title{color:var(--success)}.toast.warning .title{color:var(--warning)}.toast.info .title{color:var(--info)}.toast .message{color:var(--text-secondary);line-height:1.5}.toast .close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;padding:.25rem;transition:var(--transition-fast)}.toast .close:hover{background-color:var(--bg-hover);color:var(--text-secondary)}.form-error{align-items:center;color:var(--error);display:flex;font-size:var(--font-size-sm);gap:.25rem;margin-top:.25rem}.form-error .icon{flex-shrink:0}.field-error{box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.field-error,.field-error:focus{border-color:var(--error)!important}.field-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.2)!important}.loading-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.loading-overlay.hidden{display:none!important}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent);height:3rem;width:3rem}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.toast-container{left:.5rem;max-width:none;right:.5rem;top:.5rem}.toast{padding:.875rem}.global-error-container,.global-info-container,.global-success-container,.global-warning-container{margin:.5rem 0;padding:.875rem}}.btn-primary,.w-full.btn-primary,button.btn-primary{background-color:var(--color-brand-cta)!important;border-color:var(--color-brand-cta)!important;box-shadow:0 4px 14px 0 var(--color-brand-cta-glow)!important;color:#fff!important}.btn-primary:hover,.w-full.btn-primary:hover,button.btn-primary:hover{background-color:var(--color-brand-cta-hover)!important;border-color:var(--color-brand-cta-hover)!important;box-shadow:0 6px 20px 0 var(--color-brand-cta-glow)!important;transform:translateY(-2px)}@media (min-width:768px){#nav-desktop-links,.nav-links,.nav__desktop-links{align-items:center!important;display:flex!important;gap:1rem!important;list-style:none!important;margin:0!important;padding:0!important}#nav-desktop-links.hidden,.nav-links.hidden,.nav__desktop-links.hidden{display:flex!important}}.footer .grid{display:grid!important}.footer .grid.grid-cols-1{grid-template-columns:1fr!important}@media (min-width:768px){.footer .grid.md\:grid-cols-4{grid-template-columns:1.5fr 1fr 1fr 1fr!important}}.footer .gap-7{gap:1.75rem!important}#footer-logo-container{display:block!important}#footer-logo-container img{display:block!important;height:auto!important;max-width:100%!important;width:120px!important}.mobile-menu-toggle{align-items:center!important;background:transparent!important;border:1px solid transparent!important;border-radius:.375rem!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:3px!important;height:2.5rem!important;justify-content:center!important;transition:all .3s ease!important;width:2.5rem!important}@media (min-width:768px){.mobile-menu-toggle{display:none!important}}.hamburger-line{background-color:#475569!important;border-radius:1px!important;display:block!important;height:2px!important;transition:all .3s ease!important;width:18px!important}.nav__mobile-overlay{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:hsla(0,0%,100%,.95)!important;bottom:0!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:4rem!important;transition:all .3s ease!important;visibility:hidden!important;z-index:1000!important}.nav__mobile-overlay.nav__mobile-overlay--active{display:block!important;opacity:1!important;visibility:visible!important}.footer a:not(.social-links a){color:#9ca3af!important;display:block!important;font-size:.875rem!important;line-height:1.5!important;text-decoration:none!important;transition:all .2s ease!important}.footer a:not(.social-links a):hover{color:#f9fafb!important;text-decoration:none!important;transform:translateX(2px)!important}.footer a:not(.social-links a):focus{border-radius:.25rem!important;color:#f9fafb!important;outline:2px solid hsla(0,0%,100%,.5)!important;outline-offset:2px!important}.footer .social-links a{align-items:center!important;background-color:hsla(0,0%,100%,.05)!important;border-radius:.5rem!important;color:#d1d5db!important;display:flex!important;height:2.5rem!important;justify-content:center!important;transition:all .2s ease!important;width:2.5rem!important}.footer .social-links a:hover{background-color:hsla(0,0%,100%,.1)!important;color:#f9fafb!important;transform:translateY(-2px)!important}.footer .social-links a:focus{outline:2px solid hsla(0,0%,100%,.5)!important;outline-offset:2px!important}.dashboard-card,.feature-card,.platform-card,.pricing-card,.recipe-card{background-color:var(--color-background-body);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-5);position:relative;transition:var(--transition-base)}.dashboard-card:hover,.feature-card:hover,.platform-card:hover,.pricing-card:hover,.recipe-card:hover{border-color:var(--color-border-medium);box-shadow:var(--box-shadow-md);transform:translateY(-1px)}.platform-card{min-height:160px;padding:var(--spacing-6) var(--spacing-4);text-align:center}.platform-card:hover{border-color:var(--color-brand-cta);transform:translateY(-2px)}.recipe-card{overflow:hidden;padding:0}.feature-card{box-shadow:var(--box-shadow-sm);padding:var(--spacing-8);text-align:center}.feature-card:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.pricing-card{padding:var(--spacing-8);position:relative;text-align:center}.dashboard-card{box-shadow:var(--box-shadow-sm)}.dashboard-card:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.btn,.card,.dashboard-card,.feature-card,.nav,.platform-card,.pricing-card,.recipe-card,.section{contain:layout style}.btn:hover,.card:hover,.dashboard-card:hover,.feature-card:hover,.platform-card:hover,.pricing-card:hover,.recipe-card:hover{will-change:transform,box-shadow}.nav-spacer{flex-shrink:0;height:var(--global-header-height,4rem);width:100%}.main-content{flex:1 0 auto}.main-content,.main-content-area{max-width:100vw;overflow-x:hidden;width:100%}.main-content-area{padding-top:calc(var(--global-header-height, 4rem) - 2rem);scroll-padding-top:var(--global-header-height,4rem)}.main-content-area section:first-child,.main-content-area>div>section:first-child,.main-content-area>section:first-child{margin-top:0!important;padding-top:0!important}body{padding:0}.main-content,body{margin:0}.skip-link{background:var(--color-background-body);border:2px solid var(--color-border-medium);border-radius:var(--border-radius-md);color:var(--color-text-primary);left:6px;padding:var(--spacing-2);position:absolute;text-decoration:none;top:-40px;z-index:9999}.skip-link:focus{top:6px}.loading-indicator{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;padding:var(--spacing-8)}.loading-spinner,.spinner{animation:spin 1s linear infinite;border:2px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-brand-cta);display:inline-block;height:1.5rem;width:1.5rem}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover,.card:hover,.dashboard-card:hover,.feature-card:hover,.platform-card:hover,.pricing-card:hover,.recipe-card:hover{transform:none;will-change:auto}.loading-spinner,.spinner{animation:none;border:2px solid var(--color-brand-cta);border-radius:0}}@media (prefers-contrast:high){.btn,.card,.dashboard-card,.feature-card,.platform-card,.pricing-card,.recipe-card{border-width:2px}.skip-link{border-width:3px}}@media print{.btn,.footer,.global-header,.loading-indicator,.nav,.navbar,.skip-link{display:none!important}.card,.dashboard-card,.feature-card,.platform-card,.pricing-card,.recipe-card{border:1px solid #000;-moz-column-break-inside:avoid;box-shadow:none;break-inside:avoid;margin-bottom:1rem}.main-content,.main-content-area{padding-top:0}.section{padding:1rem 0}}@supports (container-type:inline-size){.card,.dashboard-card,.feature-card,.platform-card,.pricing-card,.recipe-card{container-type:inline-size}@container (min-width: 300px){.card h3,.card__title,.dashboard-card h3,.feature-card h3,.platform-card h3,.pricing-card h3,.recipe-card h3{font-size:var(--font-size-xl)}}}