*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,Arial,sans-serif;background:#020a12;color:#fff}body{overflow:hidden}
.page{position:relative;width:100vw;height:100vh;min-height:640px;overflow:hidden}
.bg{position:absolute;inset:-20px;background:url("assets/background.png") center/cover no-repeat;transform:scale(1.03);transition:transform .2s ease-out}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,13,.08),rgba(1,7,13,0) 38%,rgba(1,7,13,.10) 100%),linear-gradient(180deg,rgba(1,7,13,.10),transparent 25%,rgba(1,7,13,.18))}
.particles{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#dda35d;border-radius:50%;box-shadow:0 0 8px #dda35d;animation:rise linear infinite}
header{position:absolute;z-index:5;top:28px;left:45px;right:45px;display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:#fff}.anchor{width:48px;height:48px;border:1px solid #dda35d;border-radius:50%;display:grid;place-items:center;color:#dda35d;background:rgba(2,10,18,.72)}.brand strong{display:block;font-size:20px;font-weight:400;letter-spacing:5px}.brand small,.uae small{display:block;color:#dda35d;font-size:7px;letter-spacing:2px;margin-top:5px}.uae{text-align:right}.uae b{font-size:25px;font-weight:300;letter-spacing:3px;color:#dda35d}
main{position:absolute;inset:0;z-index:4;display:grid;place-items:center;text-align:center}.hero{width:min(850px,90vw);margin-top:-10px;animation:enter 1.1s cubic-bezier(.16,1,.3,1) both}.kicker{font-size:10px;letter-spacing:7px;color:#dda35d;margin:0 0 11px}h1{font-size:clamp(52px,7.5vw,100px);font-weight:300;letter-spacing:5px;line-height:.98;margin:0;text-shadow:0 6px 35px rgba(0,0,0,.55)}h1 span{color:#dda35d}.tagline{font-size:clamp(16px,2vw,23px);font-weight:300;margin:20px 0}.gold-line{width:70px;height:1px;background:#dda35d;margin:23px auto;box-shadow:0 0 15px rgba(221,163,93,.7)}.text{font-size:12px;line-height:1.9;color:rgba(255,255,255,.8)}
.countdown{display:flex;justify-content:center;align-items:center;gap:24px;margin:29px 0 24px}.countdown div{min-width:72px}.countdown strong{display:block;color:#e2a65e;font-size:32px;font-weight:300}.countdown small{display:block;margin-top:5px;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,.75)}.countdown i{width:1px;height:30px;background:rgba(255,255,255,.25)}
.cta{display:inline-flex;gap:20px;align-items:center;padding:13px 27px;border:1px solid rgba(221,163,93,.85);border-radius:28px;color:#dda35d;text-decoration:none;font-size:9px;letter-spacing:2px;background:rgba(2,10,18,.35);transition:.3s}.cta span{font-size:17px}.cta:hover{transform:translateY(-3px);background:rgba(221,163,93,.1);box-shadow:0 10px 30px rgba(221,163,93,.15)}
.social{margin-top:20px}.social>small{font-size:7px;letter-spacing:2px;color:rgba(255,255,255,.7)}.social>div{display:flex;justify-content:center;gap:9px;margin-top:8px}.social a{width:26px;height:26px;border:1px solid rgba(221,163,93,.4);border-radius:50%;display:grid;place-items:center;color:#dda35d;text-decoration:none;font-size:9px}
footer{position:absolute;z-index:5;bottom:15px;left:38px;right:38px;display:flex;justify-content:space-between;color:rgba(255,255,255,.42);font-size:6px;letter-spacing:2px}
@keyframes enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{from{transform:translateY(105vh);opacity:0}15%{opacity:.65}85%{opacity:.65}to{transform:translate(45px,-10vh);opacity:0}}
@media(max-width:700px){body{overflow:auto}.page{height:100vh}.bg{background-position:center}.uae{display:none}header{left:18px;right:18px;top:20px}.brand strong{font-size:16px;letter-spacing:4px}.brand small{font-size:6px}.anchor{width:40px;height:40px}h1{font-size:clamp(43px,12vw,68px);letter-spacing:2px}.tagline{font-size:15px}.text{font-size:10px}.countdown{gap:5px}.countdown div{min-width:56px}.countdown strong{font-size:24px}.countdown i{height:24px}footer{left:15px;right:15px;bottom:10px;justify-content:center;gap:12px;flex-wrap:wrap}}
