:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.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;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.home-page{background-color:#f8fafc;min-block-size:100vh}.home-page__content{flex-direction:column;gap:6rem;padding-block:3rem;display:flex}@media (min-width:1024px){.home-page__content{padding-block:6rem}}.home-page__category-link{flex-direction:column;flex-shrink:0;align-items:center;gap:1rem;min-inline-size:8rem;text-decoration:none;display:flex}@media (min-width:1024px){.home-page__category-link{min-inline-size:10rem}}.home-page__category-icon{background-color:var(--color-white);border:2px solid var(--color-slate-100);block-size:6rem;inline-size:6rem;box-shadow:var(--shadow-sm);border-radius:9999px;justify-content:center;align-items:center;font-size:1.875rem;transition:all .3s;display:flex;overflow:hidden}@media (min-width:1024px){.home-page__category-icon{block-size:8rem;inline-size:8rem;font-size:3rem}}.home-page__category-icon img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%}.home-page__category-link:hover .home-page__category-icon{box-shadow:var(--shadow-lg);border-color:#ffedd5;transform:scale(1.1)}.home-page__category-name{color:var(--color-slate-700);font-size:.875rem;font-weight:900;transition:color .3s}@media (min-width:1024px){.home-page__category-name{font-size:1.125rem}}.home-page__category-link:hover .home-page__category-name{color:var(--color-primary)}.home-page__recipe-wrapper{flex-shrink:0;block-size:100%;inline-size:280px}@media (min-width:1024px){.home-page__recipe-wrapper{inline-size:320px}}.home-page__cuisine-card{cursor:pointer;border-radius:2rem;flex-shrink:0;block-size:280px;min-inline-size:200px;position:relative;overflow:hidden}@media (min-width:1024px){.home-page__cuisine-card{block-size:320px;min-inline-size:220px}}.home-page__cuisine-img-container{background-color:var(--color-slate-200);position:absolute;inset:0}.home-page__cuisine-img-container img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;transition:transform 1s}.home-page__cuisine-card:hover .home-page__cuisine-img-container img{transform:scale(1.1)}.home-page__cuisine-overlay{background:linear-gradient(#0000,#000000b3);position:absolute;inset:0}.home-page__cuisine-label{color:var(--color-white);font-size:1.5rem;font-weight:900;transition:transform .3s;position:absolute;inset-block-end:1.5rem;inset-inline-end:1.5rem}.home-page__cuisine-card:hover .home-page__cuisine-label{transform:scale(1.1)}.home-page__circle-card{flex-direction:column;flex-shrink:0;align-items:center;gap:1rem;inline-size:140px;text-decoration:none;transition:transform .3s;display:flex}.home-page__circle-card:hover{transform:translateY(-5px)}.home-page__circle-img-wrapper{aspect-ratio:1;border:4px solid var(--color-white);inline-size:100%;box-shadow:var(--shadow-lg);border-radius:50%;overflow:hidden}.home-page__circle-img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;transition:transform .5s}.home-page__circle-card:hover .home-page__circle-img{transform:scale(1.1)}.home-page__circle-label{color:var(--color-slate-800);font-size:1rem;font-weight:900}.home-page__loading{text-align:center;inline-size:100%;padding:1rem}