html,body{margin:0;height:100%;font-family:Arial,sans-serif;overflow:hidden}
.bg{position:fixed;inset:0;background:center center/cover no-repeat;opacity:0;transition:opacity 1.5s ease;animation:ken 16s ease-in-out infinite alternate}
#bg1{opacity:1}
@keyframes ken{from{transform:scale(1) translateX(0)}to{transform:scale(1.08) translateX(-2%)}}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(1px)}
.content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:24px}
.logo{height:70px;opacity:.9;margin-bottom:14px}
h1{margin:0;font-size:clamp(2.2rem,6vw,4rem);text-shadow:0 3px 14px #000}
.tag{font-size:1.2rem;color:#eee;margin:14px 0 28px}
.order{background:#d8a63c;color:#fff;text-decoration:none;padding:18px 34px;border-radius:999px;font-weight:700;font-size:1.2rem;box-shadow:0 12px 35px rgba(216,166,60,.45)}
.promo{margin-top:28px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:18px;border-radius:18px;max-width:520px}
.promo div{margin:8px 0}
.promo small{display:block;margin-top:12px;color:#ddd}
.call{margin-top:22px;background:#8c3f22;color:#fff;text-decoration:none;padding:15px 28px;border-radius:999px;font-weight:700}
.addr{margin-top:16px;color:#eee;line-height:1.5}