.homepage__hero{align-items:center;display:flex;isolation:isolate;min-height:36rem;overflow:hidden;padding:6rem 0;position:relative}@media (max-width:905px){.homepage__hero{min-height:0;padding:5rem 0 4rem}}.homepage__hero-bg{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:-1}.homepage__hero:after{background:linear-gradient(to bottom,rgba(12,14,21,.72) 0,rgba(12,14,21,.55) 55%,var(--md-sys-color-surface-container-lowest,#0c0e15) 100%);content:"";inset:0;position:absolute;z-index:-1}.homepage__hero-content{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.homepage__hero-title{color:#fff;font-size:2.75rem;font-weight:600;margin:0}@media (max-width:905px){.homepage__hero-title{font-size:2rem}}.homepage__hero-subtitle{color:hsla(0,0%,100%,.82);font-size:1.15rem;margin:var(--md-sys-spacing-3) 0 var(--md-sys-spacing-8)}.homepage__search{background:var(--md-sys-color-surface-container-lowest,#0c0e15);border-radius:var(--md-sys-shape-corner-full);box-shadow:0 4px 24px rgba(0,0,0,.35);display:flex;max-width:36rem;padding:var(--md-sys-spacing-1);width:100%}.homepage__search-input{background:transparent;border:none;color:var(--md-sys-color-on-surface);flex:1;font-size:1rem;min-width:0;outline:none;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-5)}.homepage__search-input::placeholder{color:var(--md-sys-color-on-surface-variant)}.homepage__search-button{border-radius:var(--md-sys-shape-corner-full);white-space:nowrap}.homepage__popular{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2);justify-content:center;list-style:none;margin:var(--md-sys-spacing-6) 0 0;padding:0}.homepage__popular a{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.12);border-radius:var(--md-sys-shape-corner-full);color:#fff;display:inline-block;font-size:.9rem;padding:var(--md-sys-spacing-1) var(--md-sys-spacing-4);transition:background .15s ease}.homepage__popular a:hover{background:hsla(0,0%,100%,.24)}.homepage__popular-label{color:hsla(0,0%,100%,.82);font-size:.9rem;padding-block:var(--md-sys-spacing-1);padding-inline:0 var(--md-sys-spacing-2)}.homepage__section{padding-bottom:var(--md-sys-spacing-8);padding-top:var(--md-sys-spacing-8)}.homepage__section-header{margin-bottom:var(--md-sys-spacing-5)}.homepage__section-header h2{margin:0}.homepage__row-actions{align-items:center;display:flex;gap:var(--md-sys-spacing-1)}.homepage__section-title{margin:0 0 var(--md-sys-spacing-6);text-align:center}.homepage__carousel{display:flex;gap:var(--md-sys-spacing-4);outline:none;overflow-x:auto;padding-bottom:var(--md-sys-spacing-2);scroll-snap-type:x mandatory;scrollbar-width:none}.homepage__carousel::-webkit-scrollbar{display:none}.homepage__carousel-item{flex:0 0 calc(25% - var(--md-sys-spacing-4)*3/4);scroll-snap-align:start}@media (max-width:905px){.homepage__carousel-item{flex-basis:calc((100% - var(--md-sys-spacing-4))/2)}}@media (max-width:600px){.homepage__carousel-item{flex-basis:82%}}.homepage__carousel-item--wide{flex-basis:calc(33.33333% - var(--md-sys-spacing-4)*2/3)}@media (max-width:905px){.homepage__carousel-item--wide{flex-basis:calc((100% - var(--md-sys-spacing-4))/2)}}@media (max-width:600px){.homepage__carousel-item--wide{flex-basis:82%}}.homepage__carousel-btn{background:var(--md-sys-color-surface-container-high,#2b2930);border:1px solid var(--md-sys-color-outline-variant,#49454f);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface,#e6e0e9);transition:background .15s ease,border-color .15s ease}.homepage__carousel-btn:hover{background:var(--md-sys-color-surface-container-highest,#36343b);border-color:var(--md-sys-color-outline,#938f99)}.homepage__carousel-btn svg{display:block;height:1.5rem;width:1.5rem}.homepage__carousel-btn[disabled]{opacity:.35;pointer-events:none}.homepage__carousel-dots{display:flex;gap:var(--md-sys-spacing-2);justify-content:center;margin-top:var(--md-sys-spacing-4)}.homepage__carousel-dot{background:var(--md-sys-color-surface-container-highest,#36343b);border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;height:.5rem;padding:0;transition:background .2s ease,width .2s ease;width:.5rem}.homepage__carousel-dot--active{background:var(--md-sys-color-primary,#ffb0c8);width:1.5rem}.homepage__empty{align-items:center;color:var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;gap:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-8) 0;text-align:center}.homepage__empty-icon{opacity:.7;width:8rem}.homepage__features{justify-content:center}.homepage__feature{align-items:flex-start;display:flex;gap:var(--md-sys-spacing-4);height:100%;padding:var(--md-sys-spacing-5) var(--md-sys-spacing-4)}.homepage__feature h3{font-size:1.1rem;margin:0 0 var(--md-sys-spacing-2)}.homepage__feature p{color:var(--md-sys-color-on-surface-variant);line-height:1.6;margin:0}.homepage__feature-badge{align-items:center;background:var(--md-sys-color-primary-container,#633b48);border-radius:var(--md-sys-shape-corner-large,1rem);color:var(--md-sys-color-on-primary-container,#ffd9e0);display:flex;flex:0 0 auto;height:3rem;justify-content:center;width:3rem}.homepage__feature-badge svg{height:1.5rem;width:1.5rem}.homepage__how{background:var(--md-sys-color-surface-container-low,#1b1b22)}.homepage__steps{position:relative}@media (min-width:906px){.homepage__steps:before{background:var(--md-sys-color-outline-variant,#49454f);content:"";height:2px;position:absolute;top:1.375rem;inset-inline:20%}}.homepage__step{padding:0 var(--md-sys-spacing-4);position:relative;text-align:center}.homepage__step h3{font-size:1.1rem;font-weight:500;margin:var(--md-sys-spacing-4) 0 var(--md-sys-spacing-2)}.homepage__step p{color:var(--md-sys-color-on-surface-variant);font-size:.95rem;line-height:1.6;margin:0 auto;max-width:19rem}.homepage__step-num{align-items:center;background:var(--md-sys-color-primary,#ffb0c8);border-radius:var(--md-sys-shape-corner-full);box-shadow:0 0 0 .45rem var(--md-sys-color-surface-container-low,#1b1b22);color:var(--md-sys-color-on-primary,#541a32);display:inline-flex;font-size:1.05rem;font-weight:600;height:2.75rem;justify-content:center;position:relative;width:2.75rem;z-index:1}.homepage__faq{margin:0 auto;max-width:44rem}.homepage__faq-item{border-bottom:1px solid var(--md-sys-color-outline-variant,#49454f)}.homepage__faq-item:first-child{border-top:1px solid var(--md-sys-color-outline-variant,#49454f)}.homepage__faq-item summary{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:var(--md-sys-spacing-3);justify-content:space-between;list-style:none;padding:var(--md-sys-spacing-4) 0;text-align:start}.homepage__faq-item summary::-webkit-details-marker{display:none}.homepage__faq-item summary:after{border-bottom:2px solid var(--md-sys-color-primary,#ffb0c8);border-right:2px solid var(--md-sys-color-primary,#ffb0c8);content:"";flex:0 0 auto;height:.5rem;transform:rotate(45deg);transition:transform .2s ease;width:.5rem}.homepage__faq-item[open] summary:after{transform:rotate(225deg)}.homepage__faq-item p{color:var(--md-sys-color-on-surface-variant);font-size:.92rem;line-height:1.6;margin:0;padding-bottom:var(--md-sys-spacing-5)}.homepage__discord{background:var(--md-sys-color-surface-container-low);padding:var(--md-sys-spacing-8) 0}.homepage__discord h2{margin:0 0 var(--md-sys-spacing-2)}.homepage__discord p{color:var(--md-sys-color-on-surface-variant);margin:0}.homepage__discord-icon{height:1.25rem;margin-inline-end:var(--md-sys-spacing-2);vertical-align:middle;width:1.25rem}.homepage__cta{padding-bottom:var(--md-sys-spacing-10,5rem)}.homepage__cta-panel{background:url(/image/fallback_recipe.webp) 50%/cover no-repeat;border-radius:var(--md-sys-shape-corner-extra-large,1.75rem);overflow:hidden;padding:4.5rem var(--md-sys-spacing-6);position:relative;text-align:center}@media (max-width:600px){.homepage__cta-panel{padding:3rem var(--md-sys-spacing-4)}}.homepage__cta-panel:before{background:rgba(12,14,21,.82);content:"";inset:0;position:absolute}.homepage__cta-panel>*{position:relative}.homepage__cta-panel h2{color:#fff;font-size:1.8rem;margin:0 0 var(--md-sys-spacing-3)}.homepage__cta-panel p{color:hsla(0,0%,100%,.75);line-height:1.6;margin:0 auto;max-width:34rem}.homepage__cta-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-4);justify-content:center;margin-top:var(--md-sys-spacing-6)}.homepage__cta-actions .btn-text{color:#fff}