*{box-sizing:border-box}html,body{height:100%;margin:0}
body{background:#090b15 url(/holding/hero.webp) center/cover no-repeat fixed;color:#f4f6ff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:grid;place-items:center}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(9,11,21,.55),rgba(9,11,21,.92));z-index:0}
.hold{position:relative;z-index:1;text-align:center;padding:32px 24px;max-width:760px}
.logo{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(86,237,255,.45))}
.brand{letter-spacing:.32em;font-size:.8rem;color:#56edff;margin:18px 0 6px}
h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.1;margin:0}
h1 span{background:linear-gradient(90deg,#56edff,#a975ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.bar{margin:28px auto 0;width:180px;height:4px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.bar span{display:block;width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#56edff,#a975ff);animation:slide 1.8s ease-in-out infinite}
@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
@media (prefers-reduced-motion:reduce){.bar span{animation:none;width:100%}}