.app-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.app-backdrop__video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}.app-backdrop__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00000080,#000000a6 45%,#000000d1)}.app-surface{position:relative;z-index:1;min-height:100vh;min-height:100dvh}.lang-switcher{position:fixed;top:clamp(.75rem,2vw,1.25rem);inset-inline-end:clamp(.75rem,2vw,1.25rem);z-index:50;display:flex;gap:0;padding:3px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000059}.lang-switcher__btn{min-width:2.75rem;padding:.4rem .65rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:#ffffffbf;background:transparent;border:none;border-radius:999px;cursor:pointer;transition:color .2s ease,background .2s ease}.lang-switcher__btn:hover{color:#fff}.lang-switcher__btn--active{color:#0a0f0d;background:linear-gradient(135deg,#e8fff6,#3ecf9a);box-shadow:0 0 16px #3ecf9a59}.lang-switcher__btn:focus-visible{outline:2px solid #3ecf9a;outline-offset:2px}.hero{--hero-emerald: #3ecf9a;--hero-emerald-soft: rgba(62, 207, 154, .35);--hero-emerald-glow: rgba(62, 207, 154, .55);--hero-text: #f4f7f5;--hero-muted: rgba(244, 247, 245, .72);position:relative;z-index:20;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--hero-text)}.hero__inner{position:relative;width:100%;max-width:56rem;padding:clamp(1.5rem,5vw,3rem);text-align:center}.hero__content{display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.75rem)}.hero__title{position:relative;z-index:2;margin:0;width:100%;max-width:min(100%,42rem);opacity:0;animation:hero-fade-up 1s ease-out .15s forwards}.hero-brand-title{display:block;font-size:clamp(1.75rem,6.5vw,3.35rem);font-weight:800;line-height:1.12;letter-spacing:.03em;text-align:center;background:none;border:none;padding:0;background-image:linear-gradient(135deg,#fff,#b8e0ff 45%,#6ec8ff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 20px rgba(0,100,255,.35));text-shadow:0 0 20px rgba(100,180,255,.45),0 0 40px rgba(0,120,255,.25)}@supports not (background-clip: text){.hero-brand-title{color:#eaf4ff;-webkit-text-fill-color:#eaf4ff;background:none}}html[dir=rtl] .hero-brand-title{letter-spacing:.02em}.hero__subtitle{margin:0;max-width:32ch;font-size:clamp(1rem,2.8vw,1.35rem);font-weight:400;letter-spacing:.02em;line-height:1.5;color:#f4f7f5e6;text-shadow:0 2px 16px rgba(0,0,0,.45),0 0 24px rgba(80,160,255,.15);opacity:0;animation:hero-fade-up 1s ease-out .45s forwards}html[dir=rtl] .hero__subtitle{letter-spacing:0}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.75rem,2vw,1rem);margin-top:.25rem;opacity:0;animation:hero-fade-up 1s ease-out .75s forwards}.hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.75rem;font-size:clamp(.875rem,2vw,.95rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,background-color .35s ease,border-color .35s ease,color .35s ease}html[dir=rtl] .hero__btn{text-transform:none;letter-spacing:.02em}.hero__btn--primary{color:#0a0f0d;background:linear-gradient(135deg,#e8fff6 0%,var(--hero-emerald) 100%);border-color:#ffffff1f;box-shadow:0 0 0 1px #0003,0 12px 40px -8px var(--hero-emerald-soft)}.hero__btn--primary:hover{transform:scale(1.035);box-shadow:0 0 0 1px #ffffff14,0 0 32px var(--hero-emerald-glow),0 18px 48px -10px #00000080}.hero__btn--primary:focus-visible{outline:2px solid var(--hero-emerald);outline-offset:3px}.hero__btn--ghost{color:var(--hero-text);background:#ffffff0a;border-color:#ffffff38;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero__btn--ghost:hover{transform:scale(1.035);border-color:var(--hero-emerald-soft);box-shadow:0 0 28px #3ecf9a33;background:#ffffff14}.hero__btn--ghost:focus-visible{outline:2px solid var(--hero-emerald);outline-offset:3px}.hero__btn:active{transform:scale(.98)}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.hero__actions{flex-direction:column;width:100%}.hero__btn{width:100%;max-width:16rem}}@media(prefers-reduced-motion:reduce){.hero__title,.hero__subtitle,.hero__actions{animation:none;opacity:1;transform:none}.hero__btn{transition:none}.hero__btn:hover{transform:none}}.floating-cards{position:relative;z-index:10;width:100%;padding:clamp(3rem,8vw,5rem) clamp(1.25rem,4vw,2rem);pointer-events:auto;background:linear-gradient(180deg,#050a0e80,#03060ab8);color:#e8f2f8}.floating-cards__container{max-width:72rem;margin:0 auto}.floating-cards__title{margin:0 0 .4rem;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#fffffff5;text-shadow:0 2px 20px rgba(0,0,0,.5),0 0 28px rgba(100,180,255,.2)}html[dir=rtl] .floating-cards__title{letter-spacing:.04em}.floating-cards__lede{margin:0 0 2.25rem;text-align:center;font-size:.95rem;color:#e8f2f8c7;text-shadow:0 1px 12px rgba(0,0,0,.4)}.floating-cards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,2.5vw,1.5rem);align-items:stretch}@media(min-width:1025px){.floating-cards__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.5rem)}}.floating-card{position:relative;min-height:0;border-radius:1.15rem;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,1,.36,1),filter .35s ease}.floating-card:hover{transform:scale(1.05);z-index:2}.floating-card__link{display:block;height:100%;text-decoration:none;color:inherit;outline:none;border-radius:1.15rem}.floating-card__link:focus-visible .floating-card__glass{outline:2px solid #5eb8ff;outline-offset:3px}.floating-card__motion{display:block;height:100%;animation:floating-card-drift 7s ease-in-out infinite;transform-style:preserve-3d}.floating-card--1 .floating-card__motion{animation-delay:0s}.floating-card--2 .floating-card__motion{animation-delay:.5s}.floating-card--3 .floating-card__motion{animation-delay:1s}.floating-card--4 .floating-card__motion{animation-delay:1.5s}@keyframes floating-card-drift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(4px,-6px) rotate(.8deg)}66%{transform:translate(-4px,5px) rotate(-.8deg)}}.floating-card__glass{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-height:11.5rem;padding:clamp(1rem,2.5vw,1.35rem);text-align:center;border-radius:1.15rem;background:linear-gradient(155deg,#ffffff1f,#ffffff0a);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #00000059,0 0 24px #50b4ff1f;transition:box-shadow .4s ease,border-color .35s ease}.floating-card:hover .floating-card__glass{border-color:#78c8ff73;box-shadow:0 14px 40px #00000073,0 0 40px #50b4ff59,0 0 56px #008cff1f}.floating-card--masala-logo-only .floating-card__glass{gap:0;min-height:10.5rem;justify-content:center}.floating-card__logo-top{display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-card__logo-empty{display:block;width:clamp(72px,18vw,96px);height:clamp(72px,18vw,96px);flex-shrink:0}.floating-card__logo{width:clamp(72px,18vw,96px);height:clamp(72px,18vw,96px);object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}.floating-card__logo-fallback{width:clamp(72px,18vw,96px);height:clamp(72px,18vw,96px);border-radius:16px;display:grid;place-items:center;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:#7ec8ff;background:#64b4ff1f}.floating-card__name{margin:0;max-width:100%;font-size:clamp(.88rem,2.1vw,1.05rem);font-weight:700;line-height:1.3;letter-spacing:.02em;color:#fffffff5;text-shadow:0 2px 12px rgba(0,0,0,.45),0 0 18px rgba(100,180,255,.12)}html[dir=rtl] .floating-card__name{letter-spacing:0}@media(max-width:768px){.floating-card__glass{min-height:10rem;padding:.85rem .65rem;gap:.5rem}.floating-card--masala-logo-only .floating-card__glass{min-height:9rem}.floating-card__motion{animation-name:floating-card-drift-subtle;animation-duration:9s}.floating-card:hover{transform:scale(1.05)}}@keyframes floating-card-drift-subtle{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2px,-4px) rotate(.4deg)}}@media(prefers-reduced-motion:reduce){.floating-card__motion{animation:none!important}.floating-card{transition:none}.floating-card:hover{transform:none}.floating-card:hover .floating-card__glass{box-shadow:0 8px 28px #00000059,0 0 24px #50b4ff1f}}.contact{position:relative;z-index:10;width:100%;padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,4vw,2rem) clamp(3rem,8vw,5rem);pointer-events:auto;background:linear-gradient(180deg,#03060ab8,#020408e0);color:#e8f2f8}.contact__container{max-width:42rem;margin:0 auto;text-align:center}.contact__title{margin:0 0 .75rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fffffff5;text-shadow:0 2px 18px rgba(0,0,0,.5),0 0 24px rgba(100,180,255,.18)}html[dir=rtl] .contact__title{letter-spacing:.03em;text-transform:none}.contact__line{margin:0 0 1.75rem;font-size:clamp(.95rem,2.4vw,1.1rem);line-height:1.55;color:#e8f2f8e6;text-shadow:0 2px 14px rgba(0,0,0,.45)}.contact__line-text{display:inline-block}.contact__icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1rem,3vw,1.5rem);list-style:none;margin:0;padding:0}.contact__icons li{margin:0;padding:0}.contact__icon-link{display:inline-flex;text-decoration:none;color:inherit;border-radius:1rem;transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease}.contact__icon-link:focus-visible{outline:2px solid #5eb8ff;outline-offset:4px}.contact__icon-glass{display:grid;place-items:center;width:clamp(3.25rem,8vw,4rem);height:clamp(3.25rem,8vw,4rem);border-radius:1rem;background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000059,0 0 20px #50a0ff1a;transition:box-shadow .35s ease,border-color .35s ease,background .35s ease}.contact__icon-svg{display:block;color:#fffffff2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));transition:color .3s ease,filter .35s ease}.contact__icon-link--facebook .contact__icon-svg{color:#b4d2fffa}.contact__icon-link--whatsapp .contact__icon-svg{color:#a0f0c8fa}.contact__icon-link:hover{transform:translateY(-2px) scale(1.06)}.contact__icon-link:hover .contact__icon-glass{border-color:#8cc8ff73;box-shadow:0 12px 32px #0006,0 0 32px #64b4ff59,0 0 48px #008cff1f}.contact__icon-link--whatsapp:hover .contact__icon-glass{border-color:#64dca066;box-shadow:0 12px 32px #0006,0 0 32px #50dc8c47,0 0 44px #00c8781a}.contact__icon-link:hover .contact__icon-svg{filter:drop-shadow(0 0 12px rgba(120,200,255,.55))}.contact__icon-link--whatsapp:hover .contact__icon-svg{filter:drop-shadow(0 0 12px rgba(100,230,160,.5))}@media(prefers-reduced-motion:reduce){.contact__icon-link{transition:none}.contact__icon-link:hover{transform:none}.contact__icon-glass,.contact__icon-svg{transition:none}.contact__icon-link:hover .contact__icon-glass{box-shadow:0 8px 24px #00000059,0 0 20px #50a0ff1a}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}html.lang-ar body{font-family:Segoe UI,Tahoma,Noto Sans Arabic,Dubai,Arial,sans-serif}.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}