html,body{margin:0;height:100%;font-family:Arial,sans-serif;overflow-x:hidden}
.bg{position:fixed;inset:0;background:center/cover no-repeat;transition:opacity 1.2s ease;animation:ken 12s ease-in-out infinite;opacity:0}
#bgA{opacity:1}
@keyframes ken{0%{transform:scale(1)}100%{transform:scale(1.08)}}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.55))}
.header{position:absolute;top:18px;left:0;right:0;text-align:center;z-index:5}
.logo{height:56px;opacity:.88;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.promo-card{width:min(92%,620px);background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-radius:28px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
h1{margin:0;color:#8c3f22;font-size:3rem;text-align:center}
.tag{text-align:center;color:#666}
.offer{background:#fff8ea;border:3px solid #d6a441;border-radius:18px;padding:18px;margin:22px 0}
.item{text-align:center}
.line{height:1px;background:#d6a441;margin:14px 0}
.note{font-size:12px;color:#666;text-align:center}
.order,.call{display:block;text-decoration:none;text-align:center;border-radius:999px;font-weight:700}
.order{background:#d6a441;color:#fff;padding:20px;font-size:1.35rem;box-shadow:0 10px 30px rgba(214,164,65,.45)}
.order:hover{transform:translateY(-2px)}
.sub,.addr{text-align:center;color:#555}
.call{background:#8c3f22;color:#fff;padding:16px;margin-top:14px}
@media(max-width:700px){.logo{height:42px}.promo-card{padding:22px}h1{font-size:2.2rem}}