*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;background:
radial-gradient(circle at top,#5a4413 0%,transparent 30%),
linear-gradient(180deg,#18140f,#090909);font-family:'Tajawal',sans-serif;color:#fff}
.container{width:min(92%,760px);animation:f .8s}
h1{font-size:clamp(52px,8vw,88px);font-weight:800;color:#d4af37}
.soon{font-family:'Montserrat',sans-serif;letter-spacing:12px;font-size:clamp(20px,3vw,34px);color:#f2d77b;margin-top:10px}
.logo{display:block;margin:40px auto;width:min(100%,460px);filter:drop-shadow(0 0 35px rgba(212,175,55,.35));animation:float 4s ease-in-out infinite}
p{font-size:clamp(18px,2.6vw,26px);line-height:1.9;color:#ddd}
@keyframes float{50%{transform:translateY(-10px)}}
@keyframes f{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}