:root{--gold:#f5b51b;--gold2:#ffe08a;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#030303;color:#fff;overflow-x:hidden}
.landing{min-height:100vh;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.38),rgba(0,0,0,.78)),url("../img/background-abstract-premium.jpg") center/cover fixed no-repeat;isolation:isolate}
.landing:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(245,181,27,.24),transparent 34%),linear-gradient(180deg,transparent,#030303 96%);z-index:-1}
.particles span{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold);animation:rise linear infinite}
.topbar{width:min(1320px,92%);margin:auto;padding:28px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}
.top-logo{width:175px;filter:drop-shadow(0 0 18px rgba(245,181,27,.22))}
nav{display:flex;gap:36px}
nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.08em}
nav a:hover{color:var(--gold)}
.hero{width:min(1180px,94%);margin:auto;text-align:center;padding:38px 0 24px;position:relative;z-index:2}
.badge{display:inline-flex;padding:11px 22px;border:1px solid rgba(245,181,27,.5);border-radius:999px;background:rgba(245,181,27,.11);color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(12px)}
.hero-logo{display:block;width:min(380px,75vw);margin:26px auto 18px;filter:drop-shadow(0 0 36px rgba(245,181,27,.22))}
.eyebrow{text-transform:uppercase;letter-spacing:.43em;color:#f2f2f2;margin:0;font-size:14px}
h1{margin:10px 0 10px;font-size:clamp(52px,9vw,108px);line-height:.9;text-transform:uppercase;letter-spacing:.08em;color:transparent;background:linear-gradient(180deg,#fff4c7,#f5b51b 54%,#80520c);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 42px rgba(245,181,27,.34)}
.subtitle{max-width:820px;margin:0 auto 32px;color:#ededed;font-size:clamp(17px,2vw,23px);line-height:1.55}.subtitle strong{color:var(--gold2)}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:820px;margin:0 auto 30px}
.time-card{min-height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(245,181,27,.42);border-radius:20px;background:linear-gradient(145deg,rgba(0,0,0,.65),rgba(255,255,255,.07));box-shadow:0 0 24px rgba(245,181,27,.18),inset 0 0 28px rgba(255,255,255,.04);backdrop-filter:blur(18px)}
.time-card strong{font-size:clamp(42px,6vw,68px);color:var(--gold2);line-height:1;text-shadow:0 0 22px rgba(245,181,27,.55)}
.time-card span{margin-top:10px;text-transform:uppercase;letter-spacing:.22em;font-size:13px}
.progress-panel{max-width:850px;margin:0 auto 28px;text-align:left}.progress-top{display:flex;justify-content:space-between;gap:18px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em;font-size:13px}.progress-top b{color:var(--gold2)}
.progress-bar{height:13px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden}.progress-bar div{height:100%;width:95%;border-radius:999px;background:linear-gradient(90deg,#805100,var(--gold),#fff1b8);box-shadow:0 0 25px rgba(245,181,27,.9);animation:glow 2s ease-in-out infinite}
.features{margin:28px auto 16px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(245,181,27,.38);border-radius:20px;background:rgba(0,0,0,.48);backdrop-filter:blur(18px);overflow:hidden}
.features article{padding:27px 17px;border-right:1px solid rgba(255,255,255,.1)}.features article:last-child{border-right:none}.features div{font-size:34px;margin-bottom:12px}.features h3{margin:0 0 8px;color:var(--gold);text-transform:uppercase;font-size:13px}.features p{margin:0;color:#ddd;font-size:12.5px;line-height:1.5}
.launch-card{margin:24px auto 0;display:grid;grid-template-columns:1fr 1.35fr auto;align-items:center;gap:30px;padding:26px 32px;border-radius:22px;border:1px solid rgba(245,181,27,.38);background:linear-gradient(135deg,rgba(245,181,27,.08),rgba(0,0,0,.55));backdrop-filter:blur(18px);text-align:left}
.launch-card span{text-transform:uppercase;letter-spacing:.12em;color:#fff;font-size:13px}.launch-card h2{margin:8px 0 0;color:var(--gold);text-transform:uppercase;letter-spacing:.04em;font-size:30px}.launch-card p{margin:0;color:#e8e8e8;line-height:1.55}
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:16px 22px;color:var(--gold);text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.06em;border-radius:12px;border:1px solid var(--gold);background:rgba(0,0,0,.35);box-shadow:0 0 20px rgba(245,181,27,.13)}.btn:hover{background:var(--gold);color:#070707}
.whatsapp{position:fixed;right:34px;bottom:84px;width:72px;height:72px;z-index:9;display:grid;place-items:center;border-radius:50%;background:#19b755;color:#fff;text-decoration:none;font-size:40px;box-shadow:0 18px 40px rgba(0,0,0,.38);animation:bounce 2.8s infinite}
footer{width:min(1320px,92%);margin:auto;padding:22px 0 26px;display:flex;justify-content:space-between;gap:18px;color:#cfcfcf;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
@keyframes glow{50%{filter:brightness(1.35)}}@keyframes bounce{50%{transform:translateY(-8px)}}@keyframes rise{from{transform:translateY(100vh);opacity:0}12%,82%{opacity:.85}to{transform:translateY(-10vh);opacity:0}}
@media(max-width:980px){nav{display:none}.features{grid-template-columns:repeat(2,1fr)}.features article:nth-child(2n){border-right:none}.launch-card{grid-template-columns:1fr;text-align:center}footer{flex-direction:column;text-align:center}}
@media(max-width:640px){.topbar{justify-content:center}.top-logo{width:165px}.countdown{grid-template-columns:repeat(2,1fr);gap:12px}.time-card{min-height:118px}.eyebrow{letter-spacing:.25em;font-size:12px}.features{grid-template-columns:1fr}.features article{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.launch-card{padding:22px 18px}.whatsapp{right:20px;bottom:24px;width:62px;height:62px;font-size:35px}}
