@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a0910;--gl:rgba(255,255,255,.055);--gl2:rgba(255,255,255,.09);--line:rgba(255,255,255,.1);--ink:#f7f4ef;--mut:#a7a2b5;--a:#ffb454;--b:#ff5d8f;--c:#8b6cff;--g:linear-gradient(135deg,#ffb454,#ff5d8f);--ok:#4ade80}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font:15px/1.5 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#2a1538,transparent),radial-gradient(900px 500px at 100% 0,#3a1d12,transparent),var(--bg);background-attachment:fixed;overflow-x:hidden}
h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.1}a{color:var(--a);text-decoration:none}
.orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orbs i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;animation:fl 14s ease-in-out infinite}
.orbs i:nth-child(1){width:420px;height:420px;background:#ff5d8f;left:-100px;top:30%}.orbs i:nth-child(2){width:360px;height:360px;background:#ffb454;right:-80px;top:10%;animation-delay:-5s}.orbs i:nth-child(3){width:320px;height:320px;background:#8b6cff;left:45%;bottom:-120px;animation-delay:-9s}
@keyframes fl{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-50px)}}@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes sh{to{background-position:200% 0}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}50%{box-shadow:0 0 0 8px rgba(74,222,128,0)}}@keyframes dot{0%,80%,100%{opacity:.25}40%{opacity:1}}
main,.nav{position:relative;z-index:1}.wrap{max-width:1680px;margin:0 auto;padding:0 28px 40px}.row{display:flex;gap:12px;align-items:center}.sp{justify-content:space-between}.mut{color:var(--mut)}.sm{font-size:13px}.up{animation:up .6s both}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;max-width:1680px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.03em}.logo i{width:30px;height:30px;border-radius:10px;background:var(--g);box-shadow:0 0 24px rgba(255,93,143,.6);display:inline-block;position:relative}.logo i:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#fff;opacity:.9}
.glass{background:var(--gl);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(0,0,0,.25)}
.pad{padding:20px}
.btn{border:0;border-radius:14px;padding:12px 20px;font:inherit;font-weight:700;color:#1a1020;cursor:pointer;background:var(--g);background-size:200% 100%;box-shadow:0 6px 24px rgba(255,93,143,.35);transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,93,143,.5);animation:sh 1.2s linear infinite}
.btn.g{background:var(--gl2);color:var(--ink);box-shadow:none;border:1px solid var(--line)}.btn.g:hover{background:rgba(255,255,255,.16)}.btn:disabled{opacity:.45;pointer-events:none}.btn.sm{padding:8px 14px;font-size:13px}
input,textarea,select{font:inherit;color:var(--ink);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:11px 14px;width:100%;outline:0;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--a);box-shadow:0 0 0 3px rgba(255,180,84,.2)}select option{color:#000}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--gl2);color:var(--mut);margin:0 4px 4px 0;border:1px solid var(--line)}.tag.v{color:#86efac;background:rgba(74,222,128,.12);border-color:rgba(74,222,128,.25)}.tag.h{color:#ffb454}
.hero{text-align:center;padding:60px 20px 30px;max-width:900px;margin:0 auto}.hero h1{font-size:clamp(38px,7vw,76px)}.grad{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:19px;color:var(--mut);margin:20px auto 30px;max-width:640px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:30px 0}.steps .glass{padding:24px;transition:.3s}.steps .glass:hover{transform:translateY(-6px);border-color:rgba(255,180,84,.5);box-shadow:0 0 40px rgba(255,180,84,.15)}.steps .n{font-size:34px;margin-bottom:10px}
.rh{position:relative;border-radius:28px;overflow:hidden;margin-bottom:22px;min-height:230px;display:flex;align-items:flex-end;background:linear-gradient(120deg,#3a1d12,#2a1538)}.rh img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.rh:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,9,16,.92),rgba(10,9,16,.1))}.rh>div{position:relative;z-index:1;padding:28px}.rh h1{font-size:clamp(32px,5vw,56px)}
.live{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--ok)}.live:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--ok);animation:pulse 1.8s infinite}
.lay{display:grid;grid-template-columns:1fr 440px;gap:22px;align-items:start}@media(max-width:1100px){.lay{grid-template-columns:1fr}}
.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:14px;position:sticky;top:0;z-index:5}.tabs button{border:1px solid var(--line);background:var(--gl);color:var(--ink);font:inherit;font-weight:600;padding:9px 18px;border-radius:99px;cursor:pointer;white-space:nowrap;backdrop-filter:blur(12px);transition:.2s}.tabs button.on{background:var(--g);color:#1a1020;border-color:transparent}
.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.dish{overflow:hidden;display:flex;flex-direction:column;transition:.3s;animation:up .5s both;animation-delay:var(--d)}.dish:hover{transform:translateY(-6px);border-color:rgba(255,180,84,.55);box-shadow:0 18px 50px rgba(255,93,143,.2)}
.ph{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,rgba(255,180,84,.25),rgba(139,108,255,.25));display:grid;place-items:center;font-size:56px;overflow:hidden}.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.dish:hover .ph img{transform:scale(1.08)}
.pr{position:absolute;right:10px;bottom:10px;background:rgba(10,9,16,.8);backdrop-filter:blur(8px);padding:5px 12px;border-radius:99px;font-weight:800}.bdg{position:absolute;left:10px;top:10px;background:var(--g);color:#1a1020;font-size:11px;font-weight:800;padding:4px 10px;border-radius:99px}
.bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.bd b{font-size:17px}.bd p{font-size:13px;color:var(--mut);flex:1}.bd .btn{margin-top:6px}
.side{position:sticky;top:12px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 24px)}
.chat{display:flex;flex-direction:column;gap:10px;overflow:auto;max-height:300px;padding:2px}.m{padding:10px 14px;border-radius:16px;max-width:92%;white-space:pre-wrap;animation:pop .3s both}.m.u{background:var(--g);color:#1a1020;font-weight:600;align-self:flex-end;border-bottom-right-radius:4px}.m.b{background:var(--gl2);align-self:flex-start;border-bottom-left-radius:4px}
.typing span{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:50%;background:var(--mut);animation:dot 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
.opt{border:1px solid var(--line);background:rgba(0,0,0,.25);border-radius:14px;padding:12px;margin-top:8px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.chips button{cursor:pointer;font:inherit;font-size:12px;color:var(--ink)}.chips button:hover{border-color:var(--a)}
.ln{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);gap:8px;animation:pop .25s both}.q{display:inline-flex;gap:9px;align-items:center;font-weight:700}.q button{width:28px;height:28px;border-radius:9px;border:1px solid var(--line);background:var(--gl2);color:var(--ink);cursor:pointer;font-size:16px}.q button:hover{background:var(--g);color:#1a1020}
.tot{font-size:30px;font-weight:800}.err{color:#fda4af}.ok{color:var(--ok)}
.prog{display:flex;gap:6px;margin:12px 0 6px}.prog i{flex:1;height:7px;border-radius:9px;background:var(--gl2);transition:.5s}.prog i.on{background:var(--g);box-shadow:0 0 14px rgba(255,93,143,.6)}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:1000px){.cols{grid-template-columns:1fr 1fr}}.col>h3{padding:12px 16px;border-radius:14px;margin-bottom:12px;font-size:19px;display:flex;justify-content:space-between}
.c-New>h3{background:rgba(255,93,143,.2);color:#ff9fbd}.c-Accepted>h3{background:rgba(255,180,84,.2);color:#ffd08a}.c-Preparing>h3{background:rgba(139,108,255,.25);color:#c4b5fd}.c-Ready>h3{background:rgba(74,222,128,.2);color:#86efac}
.ord{padding:16px;margin-bottom:12px;animation:pop .4s both;font-size:17px}.ord .t{font-size:24px;font-weight:800}.note{margin-top:8px;padding:8px 12px;border-radius:10px;background:rgba(255,180,84,.15);color:#ffd08a;font-weight:600}
table{width:100%;border-collapse:collapse}td,th{padding:5px;text-align:left;font-size:13px}td input,td select{padding:6px 8px}
.modal{max-width:980px;margin:0 auto 60px;padding:0 20px}

.pr{font-size:13px;font-weight:700;padding:3px 10px;background:rgba(10,9,16,.72)}.bd b{font-size:16px}.tot{font-size:24px}.bd p{font-size:12.5px}.bd .btn{padding:9px 14px;font-size:13px}