.order-landing{--accent:#f59e0b;--accent2:#d97706;--amber1:#fbbf24;--text:rgba(15,23,42,.92);--muted:rgba(15,23,42,.55);--radius:24px;--card-bg:rgba(255,255,255,.78);position:relative;min-height:100vh;display:grid;place-items:center;padding:36px 16px;overflow:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe\ UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text)}.order-landing[data-theme="light"]{background:radial-gradient(ellipse 75% 60% at 8% 10%,rgba(251,191,36,.55) 0%,transparent 52%) , radial-gradient(ellipse 65% 70% at 92% 85%,rgba(124,58,237,.38) 0%,transparent 52%) , radial-gradient(ellipse 55% 55% at 50% 50%,rgba(59,130,246,.18) 0%,transparent 52%) , linear-gradient(145deg,#fffdf0 0%,#fff8e1 25%,#f3efff 65%,#eef4ff 100%)}.bg-layer{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;will-change:transform}.orb1{width:680px;height:680px;background:radial-gradient(circle,rgba(251,191,36,.55) 0%,rgba(245,158,11,.28) 42%,transparent 65%);filter:blur(55px);top:-18%;left:-14%;animation:orb-drift1 22s ease-in-out infinite}.orb2{width:580px;height:580px;background:radial-gradient(circle,rgba(124,58,237,.42) 0%,rgba(139,92,246,.20) 42%,transparent 65%);filter:blur(60px);bottom:-18%;right:-10%;animation:orb-drift2 28s ease-in-out infinite}.orb3{width:420px;height:420px;background:radial-gradient(circle,rgba(37,99,235,.28) 0%,transparent 65%);filter:blur(70px);top:38%;left:52%;animation:orb-drift3 19s ease-in-out infinite}@keyframes orb-drift1 {
  0%,100% { transform: translate(0,0)      scale(1);    }
  33%      { transform: translate(60px,50px) scale(1.07); }
  66%      { transform: translate(-30px,70px) scale(.94); }
}@keyframes orb-drift2 {
  0%,100% { transform: translate(0,0)        scale(1);    }
  50%      { transform: translate(-70px,-60px) scale(1.10); }
}@keyframes orb-drift3 {
  0%,100% { transform: translate(0,0)       scale(1);    }
  40%      { transform: translate(-50px,40px) scale(1.12); }
  80%      { transform: translate(35px,-25px) scale(.90); }
}.bg-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(15,23,42,.055) 1px,transparent 1px);background-size:28px 28px;opacity:1}.deco-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(245,158,11,.22);animation:ring-breathe 5s ease-in-out infinite}.dr1{width:380px;height:380px;top:-120px;left:-100px;animation-delay:0s}.dr2{width:220px;height:220px;top:-60px;left:-60px;border-color:rgba(245,158,11,.14);animation-delay:.8s}.dr3{width:560px;height:560px;bottom:-190px;right:-160px;border-color:rgba(124,58,237,.18);animation-delay:1.6s}.dr4{width:200px;height:200px;bottom:60px;left:40px;border-color:rgba(37,99,235,.14);animation-delay:2.8s}@keyframes ring-breathe {
  0%,100% { transform: scale(1);    opacity: 1;  }
  50%      { transform: scale(1.06); opacity: .6; }
}.order-landing .wrap{position:relative;z-index:1;width:min(460px,100%)}.order-landing .card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--card-bg);border:1px solid rgba(255,255,255,.90);box-shadow:0 0 0 1px rgba(245,158,11,.14) , 0 40px 100px rgba(15,23,42,.18) , 0 14px 40px rgba(15,23,42,.10) , inset 0 1px 0 rgba(255,255,255,1) , inset 0 -1px 0 rgba(15,23,42,.04);opacity:0;transform:translateY(24px) scale(.97);animation:ol-pop .72s cubic-bezier(.22,1,.36,1) .08s both , ol-float 8s ease-in-out .82s infinite}@supports (backdrop-filter: blur(1px)) {
  .order-landing .card {
    backdrop-filter: blur(32px) saturate(1.5);
    -webkit-backdrop-filter: blur(32px) saturate(1.5);
    background: rgba(255,255,255,.68);
  }
}@keyframes ol-pop {
  to { opacity: 1; transform: translateY(0) scale(1); }
}@keyframes ol-float {
  0%,100% { transform: translateY(0);    }
  50%      { transform: translateY(-6px); }
}.order-landing .head{opacity:0;animation:ol-fade .45s ease .52s both}.order-landing .body{opacity:0;animation:ol-fade .45s ease .66s both}.order-landing .foot{opacity:0;animation:ol-fade .45s ease .80s both}@keyframes ol-fade { to { opacity:1; } }.card-accent-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbbf24,var(--accent),var(--accent2),var(--accent),#fbbf24);background-size:200% 100%;animation:accent-slide 3.5s linear infinite;z-index:10}@keyframes accent-slide {
  0%   { background-position: 0% 0%; }
  100% { background-position: 200% 0%; }
}.order-landing .head{background:linear-gradient(180deg,rgba(251,191,36,.08) 0%,transparent 100%)}.order-landing .head{padding:36px 28px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.order-landing .logo-wrap{width:100px;height:68px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,255,255,.80);border:1px solid rgba(15,23,42,.07);box-shadow:0 8px 28px rgba(15,23,42,.10) , 0 2px 8px rgba(15,23,42,.06);padding:8px}.order-landing .logo-wrap img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:8px}.order-landing .title h1{margin:0;font-size:23px;font-weight:800;letter-spacing:-.2px;line-height:1.18;color:rgba(15,23,42,.94)}.order-landing .subtitle{margin:7px 0 0;font-size:14px;color:var(--muted);line-height:1.4}.order-landing .body{padding:8px 28px 24px}.order-landing form{display:grid;gap:16px}.order-landing .field-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.order-landing .field{position:relative}.order-landing .input-wrap{position:relative}.order-landing .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--accent2);pointer-events:none;transition:color .22s ease , transform .22s ease;z-index:1}.order-landing .input-wrap:focus-within .input-icon{color:var(--accent);transform:translateY(-50%) scale(1.12)}.order-landing .field input{width:100%;padding:16px 16px 16px 48px;border-radius:16px;border:1.5px solid rgba(15,23,42,.13);outline:none;background:rgba(255,255,255,.90);color:var(--text);font-size:16px;font-weight:500;letter-spacing:.2px;transition:border-color .22s ease , box-shadow .22s ease , background .22s ease;box-shadow:0 2px 8px rgba(15,23,42,.06) inset}.order-landing .field input::placeholder{color:rgba(15,23,42,.30)}.order-landing .field input:focus{background:#fff;border-color:rgba(245,158,11,.50);box-shadow:0 0 0 4px rgba(245,158,11,.16) , 0 4px 16px rgba(15,23,42,.07)}.order-landing .hint{margin-top:8px;font-size:12px;color:rgba(15,23,42,.45);display:flex;align-items:center;gap:5px;padding-left:2px}.order-landing .hint i{font-size:11px;color:var(--accent2)}.order-landing .order-label{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:rgba(15,23,42,.40);text-align:center}.order-landing .actions{display:grid;gap:10px}.order-landing .actions-dual{grid-template-columns:1fr 1fr}.order-landing .btn{position:relative;overflow:hidden;width:100%;border:0;border-radius:16px;padding:15px 16px;font-weight:700;font-size:14.5px;cursor:pointer;transition:transform .20s cubic-bezier(.22,1,.36,1) , box-shadow .20s ease , filter .20s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;user-select:none;letter-spacing:.15px;text-align:left}.order-landing .btn-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;transition:transform .20s cubic-bezier(.22,1,.36,1)}.order-landing .btn:hover{transform:translateY(-3px)}.order-landing .btn:hover .btn-icon{transform:scale(1.18) rotate(-5deg)}.order-landing .btn:active{transform:translateY(0) scale(.98);transition-duration:.08s}.order-landing .btn:focus-visible{outline:3px solid rgba(245,158,11,.45);outline-offset:3px}.order-landing .btn-primary{background:linear-gradient(135deg,var(--amber1) 0%,var(--accent) 55%,var(--accent2) 100%);color:#1a0f00;font-weight:800;box-shadow:0 10px 32px rgba(245,158,11,.40) , 0 3px 10px rgba(0,0,0,.12)}.order-landing .btn-primary .btn-icon{background:rgba(0,0,0,.12)}.order-landing .btn-primary:hover{box-shadow:0 18px 50px rgba(245,158,11,.55) , 0 5px 14px rgba(0,0,0,.14);filter:brightness(1.06)}.order-landing .btn-primary::after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-200%) skewX(-18deg);will-change:transform;animation:btn-shimmer 3.8s ease-in-out 1.6s infinite}@keyframes btn-shimmer {
  0%   { transform: translateX(-200%) skewX(-18deg); }
  100% { transform: translateX(350%)  skewX(-18deg); }
}.order-landing .btn-ghost{background:rgba(255,255,255,.85);color:var(--text);border:1.5px solid rgba(15,23,42,.13);box-shadow:0 4px 14px rgba(15,23,42,.08)}.order-landing .btn-ghost .btn-icon{background:rgba(15,23,42,.06);color:rgba(15,23,42,.70)}.order-landing .btn-ghost:hover{background:rgba(255,255,255,.98);border-color:rgba(245,158,11,.40);box-shadow:0 10px 28px rgba(15,23,42,.12)}@media (max-width:420px){.order-landing .actions-dual{grid-template-columns:1fr}}.order-landing .secure-row{display:flex;align-items:center;justify-content:center;gap:7px;color:rgba(15,23,42,.38);font-size:11.5px;letter-spacing:.3px}.order-landing .secure-row::before,.order-landing .secure-row::after{content:"";flex:1;height:1px;background:rgba(15,23,42,.09)}.order-landing .secure-row i{font-size:10px;color:var(--accent2)}.order-landing .foot{padding:14px 28px 18px;border-top:1px solid rgba(15,23,42,.07);background:rgba(15,23,42,.025);color:rgba(15,23,42,.46);font-size:12px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.order-landing .live-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.22);color:rgba(15,23,42,.70);font-weight:600;font-size:12px;padding:4px 10px;border-radius:999px}.order-landing .pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);animation:ol-pulse 1.8s ease-in-out infinite;flex-shrink:0}@keyframes ol-pulse {
  0%,100% { box-shadow: 0 0 0 0   rgba(245,158,11,.40); }
  60%      { box-shadow: 0 0 0 8px rgba(245,158,11,.0); }
}.order-landing .foot-date{font-size:12px;color:rgba(15,23,42,.40)}.order-landing .trust-strip{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap;animation:ol-fade .5s ease .95s both;opacity:0}.order-landing .trust-strip span{font-size:12px;font-weight:600;color:rgba(15,23,42,.52);display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);padding:6px 12px;border-radius:999px;box-shadow:0 2px 10px rgba(15,23,42,.07)}.order-landing .trust-strip i{color:var(--accent);font-size:11px}.order-landing .loader{position:fixed;inset:0;display:none;place-items:center;background:rgba(255,250,240,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999}.order-landing .loader.on{display:grid}.order-landing .loader-inner{background:rgba(255,255,255,.92);border-radius:20px;padding:26px;box-shadow:0 20px 60px rgba(15,23,42,.15);border:1px solid rgba(255,255,255,.90)}.order-landing .spinner-ring{width:44px;height:44px;border-radius:50%;border:4px solid rgba(15,23,42,.10);border-top-color:var(--accent);animation:ol-spin .9s linear infinite}@keyframes ol-spin { to { transform: rotate(360deg); } }@media (max-width:440px){.order-landing .head{padding:28px 20px 16px}.order-landing .body{padding:8px 20px 22px}.order-landing .foot{padding:12px 20px 16px}.order-landing .trust-strip{gap:10px}}.order-landing .ol-result{display:grid;gap:12px;padding:6px 2px 2px}.order-landing .ol-h2{margin:6px 0 2px;font-size:18px;font-weight:800;letter-spacing:.2px}.order-landing .ol-sub{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.45}.order-landing .ol-actions{margin-top:10px;display:grid;gap:10px}.order-landing .ol-hide{display:none}.order-landing .ol-pill{background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.11);border-radius:14px;padding:10px 12px;color:var(--text);font-size:13px}.order-landing .ol-notice{border-radius:14px;padding:12px;border:1px solid rgba(15,23,42,.11);background:rgba(255,255,255,.88);color:var(--text);font-size:13px}.order-landing .ol-notice-warn{border-color:rgba(245,158,11,.26);background:rgba(245,158,11,.09)}.order-landing .ol-notice-info{border-color:rgba(37,99,235,.20);background:rgba(37,99,235,.08)}.order-landing .ol-select{width:100%;padding:13px 14px;border-radius:14px;border:1.5px solid rgba(15,23,42,.12);background:rgba(255,255,255,.92);color:var(--text);outline:none}.order-landing .ol-select:focus{border-color:rgba(245,158,11,.45);box-shadow:0 0 0 4px rgba(245,158,11,.14)}.order-landing .ol-hours{margin-top:10px;padding:14px;border-radius:16px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.84)}.order-landing .ol-hours-title{margin:0 0 10px;font-size:14px;font-weight:800;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px}.order-landing .ol-hours-toggle{border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.88);color:rgba(15,23,42,.70);border-radius:12px;padding:8px 10px;font-size:12px;cursor:pointer}.order-landing .ol-hours-grid{display:grid;gap:8px}.order-landing .ol-hours-row{display:grid;grid-template-columns:60px 1fr;gap:10px;align-items:start;padding:8px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.90)}.order-landing .ol-day{font-weight:800;font-size:12px;color:var(--text);text-transform:uppercase;letter-spacing:.6px}.order-landing .ol-times{font-size:12px;color:rgba(15,23,42,.65);line-height:1.35}.order-landing .ol-times b{color:var(--text);font-weight:800}.order-landing .ol-hours-row.today{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.08)}.order-landing .ol-hours-note{margin-top:10px;font-size:12px;color:rgba(15,23,42,.54)}