:root{--bg:#3e3e3e;--bg-d:#232323;--orange:#f26a1b;--orange-d:#d95a10}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;background:radial-gradient(circle at 75% 15%,#5a5a5a,var(--bg) 50%,var(--bg-d));overflow-x:hidden;position:relative}
a{color:inherit}

.bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.gear{position:absolute;width:min(620px,110vw);right:-160px;bottom:-180px;color:var(--orange);opacity:.09;animation:spin 60s linear infinite}
.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px 6px rgba(242,106,27,.55);animation:float 7s ease-in-out infinite}
.s1{top:18%;left:12%}.s2{top:68%;left:22%;animation-delay:-2s;transform:scale(.7)}.s3{top:30%;right:16%;animation-delay:-4s}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-26px);opacity:.4}}

.wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;width:min(720px,100%);margin-inline:auto;position:relative;animation:in .9s ease both}
@keyframes in{from{opacity:0;transform:translateY(20px)}}
.logo{width:min(250px,70vw);height:auto;margin-bottom:34px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.06);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}
.pill i{width:9px;height:9px;border-radius:50%;background:var(--orange);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(242,106,27,.7)}100%{box-shadow:0 0 0 12px rgba(242,106,27,0)}}
h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.12;font-weight:800;margin-bottom:16px}
h1 em{font-style:normal;color:var(--orange)}
.sub{color:#d6d6d6;font-size:1.05rem;line-height:1.6;max-width:520px;margin-bottom:34px}

.bar{width:min(380px,100%);height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin-bottom:36px}
.bar span{display:block;height:100%;width:70%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),#ffa05c,var(--orange));background-size:200% 100%;animation:shine 2.4s linear infinite}
@keyframes shine{to{background-position:-200% 0}}

.actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.btn{display:inline-block;padding:13px 28px;border-radius:999px;background:var(--orange);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(242,106,27,.35);transition:.2s}
.btn:hover{background:var(--orange-d);transform:translateY(-2px)}
.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.5);box-shadow:none}
.btn.ghost:hover{background:#fff;color:var(--bg);border-color:#fff}
.social{list-style:none;display:flex;gap:22px}
.social a{color:#bbb;text-decoration:none;font-size:.95rem;border-bottom:1px solid transparent}
.social a:hover{color:var(--orange);border-color:var(--orange)}

footer{text-align:center;color:#999;font-size:.8rem;padding:20px 16px;position:relative}

@media(max-width:480px){.btn{width:100%;text-align:center}.actions{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}