@keyframes auth-visual-glow{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(12%,10%)scale(1.15)}}.recipe-banner-container{width:100%;height:100%;padding-inline:var(--banner-inset,0px);color:#fff;flex-direction:column;display:flex;position:relative}.recipe-banner-container .recipe-banner-title-container{box-shadow:0 8px 32px color-mix(in srgb, var(--ink-permanent) 22%, transparent);background:0 0;border-radius:18px;position:relative}.recipe-banner-container .recipe-banner-title-container>*{z-index:1}.recipe-banner-container .recipe-banner-title-container:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border:1px solid #ffffff1b;width:100%;height:100%;position:absolute;inset:0}.recipe-banner-container .recipe-banner-title-container{text-align:right;width:fit-content;max-width:min(480px,100% - 24px);margin:40px 14px 0 auto;padding:24px}.is-mobile .recipe-banner-container .recipe-banner-title-container{max-width:calc(100% - 20px);margin:20px 0 0 auto;padding:10px 14px;display:none}.is-mobile .recipe-banner-container .recipe-banner-title-container .slide-title{font-size:28px;line-height:32px}.recipe-banner-container .recipe-banner-content{box-shadow:0 8px 32px color-mix(in srgb, var(--ink-permanent) 22%, transparent);background:0 0}.recipe-banner-container .recipe-banner-content>*{z-index:1}.recipe-banner-container .recipe-banner-content:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border:1px solid #ffffff1b;width:100%;height:100%;position:absolute;inset:0}.recipe-banner-container .recipe-banner-content{right:calc(var(--banner-inset,0px) + 20px);border-radius:24px;flex-direction:column;gap:8px;max-width:520px;padding:12px 14px;display:flex;position:absolute;bottom:36px}.is-mobile .recipe-banner-container .recipe-banner-content{gap:6px;width:auto;max-width:calc(50% - 20px);padding:10px 12px;bottom:32px;left:auto;right:10px;transform:none}.is-mobile .recipe-banner-container .recipe-banner-content .detail-icon{font-size:14px}.is-sm-mobile .recipe-banner-container .recipe-banner-content{width:calc(100% - 44px);max-width:100%;right:auto}.recipe-banner-container .recipe-banner-content .recipe-banner-content-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.recipe-banner-container .recipe-banner-content .recipe-banner-content-heading .tag{border:1px solid var(--surface-hover);border-radius:999px;width:fit-content;padding:2px 10px}.recipe-banner-container .recipe-banner-content .recipe-title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:1lh;margin-bottom:6px;font-size:28px;line-height:32px;display:-webkit-box;overflow:hidden}.is-mobile .recipe-banner-container .recipe-banner-content .recipe-title{margin-bottom:4px;font-size:18px;line-height:22px}.recipe-banner-container .recipe-banner-content .recipe-banner-content-details{align-items:center;gap:10px;display:flex}.recipe-banner-container .recipe-banner-content .recipe-banner-cta-icon{border-radius:999px;flex-shrink:0;width:34px;min-width:0;height:34px;margin-left:auto;padding:0}.recipe-banner-container .recipe-banner-content .recipe-banner-cta-icon .custom-icon{margin:0}
.hero-banner-carousel-container{--banner-inset:max(20px, calc((100% - 1280px) / 2))}.hero-banner-carousel-container .embla{border-radius:0}.hero-banner-carousel-container .embla__slide>div,.hero-banner-carousel-container .embla__slide>a,.hero-banner-carousel-container .embla__slide>button{height:100%;min-height:480px}.is-mobile .hero-banner-carousel-container .embla__slide>div,.is-mobile .hero-banner-carousel-container .embla__slide>a,.is-mobile .hero-banner-carousel-container .embla__slide>button{height:300px;min-height:0;max-height:300px;overflow:hidden}.is-mobile .hero-banner-carousel-container .default-banner-container{padding:24px 16px}.hero-banner-carousel-container .embla .embla__controls{padding:0 max(20px,var(--banner-inset,20px));bottom:6px}.hero-banner-carousel-container .embla .embla__controls .embla__dots{gap:8px}.hero-banner-carousel-container .embla .embla__controls .embla__dots:before{display:none}.is-mobile .hero-banner-carousel-container .embla .embla__controls .embla__dots{margin-inline:0 auto}.hero-banner-carousel-container .embla .embla__controls .embla__dots .embla__dot{width:18px;height:18px}.hero-banner-carousel-container .embla .embla__controls .embla__dots .embla__dot:after{display:none}.hero-banner-carousel-container .embla .embla__controls .embla__dots .embla__dot:before{background:color-mix(in srgb, var(--text-white) 55%, transparent);opacity:1;border:0;width:7px;height:7px;transition:width .22s cubic-bezier(.2,0,0,1),background-color .22s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-banner-carousel-container .embla .embla__controls .embla__dots .embla__dot:hover:before{background:color-mix(in srgb, var(--text-white) 85%, transparent)}.hero-banner-carousel-container .embla .embla__controls .embla__dots .embla__dot--selected:before{background:color-mix(in srgb, var(--text-white) 95%, transparent);width:24px;height:7px;box-shadow:0 1px 6px color-mix(in srgb, var(--ink) 25%, transparent)}
@keyframes auth-visual-glow{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(12%,10%)scale(1.15)}}.custom-banner-container{width:100%;height:100%}.custom-banner-container.custom-button{border-radius:0}.custom-banner-container .custom-banner-content{width:100%;height:100%;padding-inline:var(--banner-inset,0px);flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.is-mobile .custom-banner-container .custom-banner-content{justify-content:end;align-items:flex-end}.custom-banner-container .custom-banner-content .custom-banner-title-container{isolation:isolate;color:var(--text-white);width:fit-content;max-width:min(700px,100% - 28px);box-shadow:0 8px 32px color-mix(in srgb, var(--ink-permanent) 22%, transparent);background:0 0;border-radius:20px;flex-direction:column;align-items:flex-start;gap:22px;margin:0 0 0 14px;padding:32px 24px;display:flex;position:relative}.custom-banner-container .custom-banner-content .custom-banner-title-container>*{z-index:1}.custom-banner-container .custom-banner-content .custom-banner-title-container:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border:1px solid #ffffff1b;width:100%;height:100%;position:absolute;inset:0}.custom-banner-container .custom-banner-content .custom-banner-title-container .slide-title,.custom-banner-container .custom-banner-content .custom-banner-title-container .slide-description{text-shadow:0 1px 10px color-mix(in srgb, var(--ink-permanent,#000) 45%, transparent)}:root:has(.theme-light) .custom-banner-container .custom-banner-content .custom-banner-title-container:before{background:linear-gradient(114deg,#0f172a57 0%,#0f172a33 100%)}.custom-banner-container .custom-banner-content .custom-banner-title-container{justify-content:center;min-width:50%;min-height:200px}.custom-banner-container .custom-banner-content .custom-banner-title-container:before{border:none}.is-mobile .custom-banner-container .custom-banner-content .custom-banner-title-container{justify-content:space-between;gap:6px;max-width:calc(60% - 20px);min-height:40px;margin:0 auto 28px;padding:18px 24px}.is-mobile .custom-banner-container .custom-banner-content .custom-banner-title-container .slide-title{font-size:26px;line-height:30px}.is-sm-mobile .custom-banner-container .custom-banner-content .custom-banner-title-container{min-width:100%;max-width:calc(100% - 20px)}
@keyframes auth-visual-glow{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(12%,10%)scale(1.15)}}.plan-banner-container{width:100%;height:100%;padding-inline:var(--banner-inset,0px);color:#fff;flex-direction:column;display:flex;position:relative}.plan-banner-container .plan-banner-title-container{box-shadow:0 8px 32px color-mix(in srgb, var(--ink-permanent) 22%, transparent);background:0 0;border-radius:18px;position:relative}.plan-banner-container .plan-banner-title-container>*{z-index:1}.plan-banner-container .plan-banner-title-container:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border:1px solid #ffffff1b;width:100%;height:100%;position:absolute;inset:0}.plan-banner-container .plan-banner-title-container{text-align:right;width:fit-content;max-width:min(480px,100% - 24px);margin:40px 14px 0 auto;padding:24px}.is-mobile .plan-banner-container .plan-banner-title-container{max-width:calc(100% - 20px);margin:20px 0 0 auto;padding:10px 14px;display:none}.is-mobile .plan-banner-container .plan-banner-title-container .slide-title{font-size:28px;line-height:32px}.plan-banner-container .plan-banner-content{box-shadow:0 8px 32px color-mix(in srgb, var(--ink-permanent) 22%, transparent);background:0 0}.plan-banner-container .plan-banner-content>*{z-index:1}.plan-banner-container .plan-banner-content:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border:1px solid #ffffff1b;width:100%;height:100%;position:absolute;inset:0}.plan-banner-container .plan-banner-content{right:calc(var(--banner-inset,0px) + 20px);border-radius:24px;flex-direction:column;gap:8px;max-width:520px;padding:12px 14px;display:flex;position:absolute;bottom:36px}.is-mobile .plan-banner-container .plan-banner-content{gap:6px;width:auto;max-width:calc(50% - 20px);padding:10px 12px;bottom:32px;left:auto;right:10px;transform:none}.is-mobile .plan-banner-container .plan-banner-content .detail-icon{font-size:14px}.is-sm-mobile .plan-banner-container .plan-banner-content{width:calc(100% - 44px);max-width:100%;right:auto}.plan-banner-container .plan-banner-content .plan-title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:1lh;margin-bottom:6px;font-size:28px;line-height:32px;display:-webkit-box;overflow:hidden}.is-mobile .plan-banner-container .plan-banner-content .plan-title{margin-bottom:4px;font-size:18px;line-height:22px}.plan-banner-container .plan-banner-content .plan-banner-content-details{align-items:center;gap:10px;display:flex}.plan-banner-container .plan-banner-content .plan-banner-cta-icon{border-radius:999px;flex-shrink:0;width:34px;min-width:0;height:34px;margin-left:auto;padding:0}.plan-banner-container .plan-banner-content .plan-banner-cta-icon .custom-icon{margin:0}
@keyframes auth-visual-glow{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(12%,10%)scale(1.15)}}.default-banner-grid{grid-template-columns:1fr 1fr;align-items:center;gap:32px;max-width:1552px;display:grid}@media (max-width:960px){.default-banner-grid{text-align:center;grid-template-columns:1fr;gap:20px}}.default-banner-left{max-width:680px}@media (max-width:960px){.default-banner-left{max-width:720px;margin:0 auto}}.default-banner-right{min-height:420px;display:block;position:relative;overflow:visible}@media (max-width:960px){.default-banner-right{min-height:220px}}.default-banner-title,.default-banner-text{color:var(--text-white);filter:drop-shadow(1px 1px #00000040);font-weight:400}.default-banner-left{background:color-mix(in srgb, var(--surface-inverse) 3%, transparent);border:1px solid color-mix(in srgb, var(--surface-inverse) 14%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:24px;padding:12px}.default-banner-left .default-banner-title{font-size:50px;font-weight:400;line-height:70px}@media (max-width:960px){.default-banner-left .default-banner-title{margin-top:16px;font-size:32px;line-height:42px}}@media (max-width:600px){.default-banner-left .default-banner-title{margin-top:12px;font-size:24px;font-weight:500;line-height:36px}}.default-banner-left .default-banner-text{margin-top:12px;font-size:24px;font-weight:300;line-height:38px}@media (max-width:960px){.default-banner-left .default-banner-text{margin-top:24px;margin-bottom:32px;font-size:18px;font-weight:400;line-height:24px}}@media (max-width:600px){.default-banner-left .default-banner-text{margin:16px auto;font-size:16px;font-weight:500;line-height:20px}}.search-field-container{margin-top:24px}@media (max-width:960px){.search-field-container{margin-top:16px;margin-bottom:16px}}.default-banner-image{width:min(100%,699px);height:auto;margin:0;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}@media (max-width:960px){.default-banner-image{max-width:380px;max-height:320px;display:none;bottom:-60px}}@media (max-width:600px){.default-banner-image{max-width:260px;max-height:200px;display:none;bottom:90px}}
.default-banner-container-outer{background:var(--primary-700);background:url(/assets/images/illustrations/hero-banner-pattern.svg),linear-gradient(90deg, var(--primary-700) 0%, var(--primary) 100%);width:100%;overflow:hidden}.default-banner-container{place-items:center;margin:0 auto;padding:48px 32px;display:grid}@media (max-width:960px){.default-banner-container{padding:calc(var(--topbar-height-mobile,0px) + 32px) 16px 32px 16px}}