@charset "UTF-8";:root{--color-primary-light: #F9FAF8;--color-primary-light-hover: #F6F7F5;--color-primary-light-active: #EBEEEB;--color-primary: #C0C9BD;--color-primary-hover: #ADB5AA;--color-primary-active: #9AA197;--color-primary-dark: #90978E;--color-primary-dark-hover: #737971;--color-primary-dark-active: #565A55;--color-primary-darker: #434642;--color-secondary-light: #EAE0C7;--color-secondary-light-hover: #FDF4E3;--color-secondary-light-active: #FBE8C5;--color-secondary: #F2B545;--color-secondary-hover: #DAA33E;--color-secondary-active: #C29137;--color-secondary-dark: #d59828;--color-secondary-dark-hover: #916D29;--color-secondary-dark-active: #6D511F;--color-secondary-darker: #553F18;--color-tertiary-light: #F7FBFB;--color-tertiary-light-hover: #F4F9F9;--color-tertiary-light-active: #E7F3F4;--color-tertiary: #B3D9DA;--color-tertiary-hover: #A1C3C4;--color-tertiary-active: #8FAEAE;--color-tertiary-dark: #86A3A4;--color-tertiary-dark-hover: #6B8283;--color-tertiary-dark-active: #516262;--color-tertiary-darker: #3F4C4C;--color-text-main: #292C2C;--color-neutral-white: #f6f6f6;--color-neutral-gray: #5C6670;--color-bg-forms: #EAE0C7;--color-ingredient: #E5E9E3;--color-success-dark: #2D7A1F;--color-success-light: #C1E6B2;--color-error-dark: #B91C1C;--color-error-light: #E0A0A0;--color-warning-dark: #FFE24E;--color-warning-light: #F3E5A1;--color-info-dark: #1E40AF;--color-info-light: #B5C0E3;--font-family-primary: "Poppins", sans-serif;--font-family-secondary: "Glass Antiqua", cursive;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-h1-size: 3.75rem;--font-h1-line-height: 1.1;--font-h1-weight: 300;--font-h2-size: 3rem;--font-h2-line-height: 1.2;--font-h2-weight: 300;--font-h3-size: 2.25rem;--font-h3-line-height: 1.3;--font-h3-weight: 300;--font-h4-size: 1.875rem;--font-h4-line-height: 1;--font-h4-weight: 300;--font-h5-size: 1.5rem;--font-h5-line-height: 1;--font-h5-weight: 300;--font-body-size: 1rem;--font-body-line-height: 1.5;--font-body-weight: 400;--font-lg-size: 1.1rem;--font-lg-line-height: 1.2;--font-lg-weight: 400;--font-sm-size: .875rem;--font-sm-line-height: 1.5;--font-sm-weight: 400;--font-xs-size: .75rem;--font-xs-line-height: 1.5;--font-xs-weight: 400;--font-caption-size: .625rem;--font-caption-line-height: 1.5;--font-caption-weight: 400;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-13: 3.25rem;--spacing-14: 3.5rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-17: 4.25rem;--spacing-18: 4.5rem;--spacing-19: 4.75rem;--spacing-20: 5rem;--spacing-21: 5.25rem;--spacing-22: 5.5rem;--spacing-23: 5.75rem;--spacing-24: 6rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 10px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .16);--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-sm: 2px;--radius-md: 5px;--radius-lg: 8px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: 50ms;--transition-base: .15s;--transition-slow: .3s;--transition-easing: ease-in-out}:root{--bg-primary: var(--color-primary-light);--bg-secondary: var(--color-neutral-white);--bg-tertiary: var(--color-tertiary-light);--bg-dark: var(--color-primary-dark);--bg-body: var(--color-primary-light);--text-primary: var(--color-text-main);--text-secondary: var(--color-neutral-gray);--text-placeholder: var(--color-neutral-gray);--text-inverse: var(--color-neutral-white);--text-link: var(--color-secondary);--text-link-hover: var(--color-secondary-hover);--border-color-primary: var(--color-neutral-gray);--border-color-secondary: var(--color-primary);--border-color-focus: var(--color-info-dark);--border-color-error: var(--color-error-dark);--border-color-success: var(--color-success-dark);--color-required: #7F1D1D;--btn-primary-bg: var(--color-secondary);--btn-primary-text: var(--color-text-main);--btn-primary-hover: var(--color-secondary-hover);--btn-secondary-bg: var(--color-primary);--btn-secondary-text: var(--color-text-main);--btn-secondary-hover: var(--color-primary-hover);--btn-ghost-bg: transparent;--btn-ghost-text: var(--color-text-main);--btn-ghost-hover: var(--color-primary-light-hover);--surface-base: var(--color-neutral-white);--surface-raised: var(--color-neutral-white);--surface-overlay: rgba(0, 0, 0, .5);--bg-footer-start: var(--color-tertiary-darker);--bg-footer-end: #00ffff;--svg-overlay-opacity: .8;--svg-overlay-color: rgba(242, 181, 69, 1);--icon-color-filter: brightness(0) saturate(100%) invert(25%) sepia(0%) saturate(0%)}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--color-primary-darker);--bg-secondary: var(--color-text-main);--bg-tertiary: var(--color-tertiary-darker);--bg-dark: var(--color-text-main);--bg-body: var(--color-primary-darker);--text-primary: var(--color-neutral-white);--text-secondary: var(--color-primary-light);--text-inverse: var(--color-text-main);--border-color-primary: var(--color-primary);--border-color-secondary: var(--color-primary-light);--surface-base: var(--color-text-main);--surface-raised: var(--color-primary-dark);--color-required: #FCA5A5}}.dark-theme{--bg-primary: var(--color-primary-darker);--bg-secondary: var(--color-text-main);--bg-tertiary: var(--color-tertiary-darker);--bg-dark: #1a1a1a;--bg-body: var(--color-primary-darker);--bg-footer-start: #1a1a1a;--bg-footer-end: #ff0000;--text-primary: var(--color-neutral-white);--text-secondary: var(--color-primary-light);--text-inverse: var(--color-text-main);--border-color-primary: var(--color-primary);--border-color-secondary: var(--color-primary-light);--surface-base: var(--color-text-main);--surface-raised: var(--color-primary-dark);--svg-overlay-opacity: .3;--svg-overlay-color: rgba(67, 70, 66, .6);--color-required: #FCA5A5;--icon-color-filter: brightness(0) invert(1)}.light-theme{--bg-primary: var(--color-primary);--bg-secondary: var(--color-neutral-white);--bg-tertiary: var(--color-tertiary-light);--bg-dark: var(--color-tertiary-darker);--bg-body: var(--color-primary-light);--bg-footer-start: var(--color-tertiary-darker);--bg-footer-end: #718078;--text-primary: var(--color-text-main);--text-secondary: var(--color-neutral-gray);--text-inverse: var(--color-neutral-white);--border-color-primary: var(--color-neutral-gray);--border-color-secondary: var(--color-primary);--surface-base: var(--color-neutral-white);--surface-raised: var(--color-neutral-white);--svg-overlay-opacity: .8;--svg-overlay-color: rgba(242, 181, 69, 1);--color-required: #7F1D1D;--icon-color-filter: brightness(0) saturate(100%) invert(25%) sepia(0%) saturate(0%)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}html,body{min-height:100%}body{line-height:1.5;font-family:var(--font-family-primary, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background-color:var(--color-neutral-white, #f3f3f3);color:var(--color-text-main, #292c2c)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}ul[class],ol[class]{list-style:none;padding:0}a{text-decoration:none;color:inherit}p,h1,h2,h3,h4{overflow-wrap:break-word}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:var(--font-family-primary),"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--font-body-size);line-height:var(--font-body-line-height);color:var(--text-primary);background-color:var(--bg-body);transition:background-color .3s ease,color .3s ease}h1{font-family:var(--font-family-secondary),"Glass Antiqua","Brush Script MT",cursive,serif;font-size:var(--font-h1-size);line-height:var(--font-h1-line-height);font-weight:var(--font-h1-weight);color:var(--text-primary)}h2,h3,h4{font-family:var(--font-family-primary),"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--font-weight-bold);color:var(--text-primary)}h2{font-size:var(--font-h2-size);line-height:var(--font-h2-line-height)}h3{font-size:var(--font-h3-size);line-height:var(--font-h3-line-height)}h4{font-size:var(--font-h4-size);line-height:var(--font-h4-line-height)}p{font-size:var(--font-body-size);line-height:var(--font-body-line-height);color:var(--text-primary)}small{font-size:var(--font-sm-size)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-base) var(--transition-easing)}a:hover{color:var(--color-secondary-hover)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.layout-container{width:min(1200px,100%);margin-inline:auto;padding-inline:var(--spacing-16)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-16)}.grid__col-12,.grid__col-6,.grid__col-4,.grid__col-3{grid-column:span 12}@media (min-width: var(--breakpoint-md)){.grid__col-6{grid-column:span 6}.grid__col-4{grid-column:span 4}.grid__col-3{grid-column:span 3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-fade-in{animation:fadeIn .3s ease-in-out forwards}.animate-fade-out{animation:fadeOut .3s ease-in-out forwards}.animate-slide-in-up{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-in-down{animation:slideInDown .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-in-left{animation:slideInLeft .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-scale-out{animation:scaleOut .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes lift{to{transform:translateY(-2px)}}@keyframes press{to{transform:translateY(0)}}@keyframes scaleButton{to{transform:scale(1.02)}}@keyframes shimmer{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes expandFocus{to{transform:scaleX(1.02)}}@keyframes cardLift{to{transform:translateY(-4px)}}@keyframes focusPulse{0%,to{opacity:1}50%{opacity:.8}}.button-hover-lift{transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)}.button-hover-lift:hover:not(:disabled){transform:translateY(-2px)}.button-scale-hover{transition:transform .3s cubic-bezier(.4,0,.2,1)}.button-scale-hover:hover:not(:disabled){transform:scale(1.02)}.link-shimmer{transition:opacity .6s ease-in-out}.link-shimmer:hover{opacity:.85}.input-expand-focus{transition:transform .3s cubic-bezier(.4,0,.2,1)}.input-expand-focus:focus{transform:scaleX(1.02)}.card-lift-hover{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.card-lift-hover:hover{transform:translateY(-4px)}.focus-pulse:focus-visible{animation:focusPulse .4s ease-in-out}
