:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.hero{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(180,80,30,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(200,50,50,.15) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 20% 70%,rgba(220,140,40,.12) 0%,transparent 50%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#fff9;border:1px solid rgba(255,255,255,.12);padding:.4rem .9rem;border-radius:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0a}.hero-title{font-size:clamp(2.5rem,7vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;max-width:700px;margin-bottom:1.25rem}.hero-title span{background:linear-gradient(135deg,#ff6b35,#f7c948,#e63946);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.15rem;color:#ffffff8c;max-width:520px;margin-bottom:3rem}.hero-scroll{position:absolute;bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff59;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;animation:bounce 2s ease-in-out infinite}.hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#fff6;margin-bottom:.75rem}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.section-desc{color:#ffffff80;font-size:1.05rem;max-width:600px;margin-bottom:3rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.food-card{position:relative;border-radius:1rem;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;cursor:default}.food-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0006}.food-card-img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.food-card-body{padding:1.25rem 1.25rem 1.5rem}.food-card-country{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff73;margin-bottom:.5rem}.food-card-name{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.5rem}.food-card-desc{font-size:.88rem;color:#ffffff80;line-height:1.55;margin-bottom:.75rem}.food-card-rating{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#f7c948}.food-card-rating span{color:#fff6;font-size:.75rem}.spotlight{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}.spotlight-card{position:relative;border-radius:1rem;overflow:hidden;min-height:380px}.spotlight-card img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.spotlight-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000c,#0000001a 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem}.spotlight-card-overlay .food-card-country{color:#ffffffa6}.spotlight-card-overlay .food-card-name{font-size:1.6rem;margin-bottom:.4rem}.divider{max-width:1200px;margin:0 auto;padding:0 2rem;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.08),transparent)}.footer{text-align:center;padding:4rem 2rem;color:#ffffff4d;font-size:.85rem}.footer-title{font-size:1.1rem;font-weight:600;color:#fff9;margin-bottom:.5rem}@media(max-width:700px){.gallery,.spotlight{grid-template-columns:1fr}.spotlight-card{min-height:280px}.section{padding:3rem 1.25rem}}