:root{--bg:#071b16;--green:#00a878;--dark:#007b5b;--gold:#f2b705;--text:#10231e;--muted:#60736b}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(0,168,120,.35),transparent 28%),radial-gradient(circle at 85% 20%,rgba(242,183,5,.25),transparent 25%),linear-gradient(135deg,#071b16,#0b3329 60%,#092019);display:flex}
.page{width:min(1180px,92vw);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:55px 0}
.card{background:rgba(255,255,255,.95);border-radius:28px;padding:42px;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative;overflow:hidden}
.card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--green),var(--gold))}
.brand{display:flex;gap:16px;align-items:center;margin-bottom:26px}.logo{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--green),var(--dark));color:white;display:grid;place-items:center;font-size:30px;font-weight:800}.brand span{color:var(--dark);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.brand h1{margin:4px 0 0;font-size:34px}
.badge{display:inline-flex;gap:10px;align-items:center;background:rgba(0,168,120,.12);color:var(--dark);font-weight:700;border-radius:999px;padding:10px 14px;margin-bottom:22px}.badge i{width:10px;height:10px;background:var(--green);border-radius:50%;animation:pulse 1.7s infinite}@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(0,168,120,0)}}
h2{margin:0 0 16px;font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.04em}p{color:var(--muted);font-size:18px;line-height:1.7}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}.countdown div{background:#f4f8f6;border:1px solid #e1ebe7;border-radius:18px;padding:18px 10px;text-align:center}.countdown strong{display:block;font-size:30px;color:var(--dark)}.countdown small{text-transform:uppercase;color:var(--muted);font-weight:700}
.btn{display:inline-flex;min-height:48px;padding:0 22px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--dark));color:white;text-decoration:none;font-weight:800;align-items:center}.btn.ghost{background:rgba(0,168,120,.12);color:var(--dark)}
.visual{min-height:430px;position:relative}.visual:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(242,183,5,.35);right:30px;top:0}.panel{position:absolute;inset:60px 0 auto 40px;min-height:330px;border-radius:30px;background:rgba(255,255,255,.12);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.25);padding:28px;transform:rotate(3deg)}.bar,.line,.blocks span{background:rgba(255,255,255,.85);border-radius:999px}.bar{width:90px;height:12px;margin-bottom:42px}.line{height:24px;margin-bottom:18px}.one{width:80%}.two{width:55%}.blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.blocks span{height:110px;border-radius:20px}
footer{margin-top:28px;color:var(--muted);font-size:14px}@media(max-width:880px){.page{grid-template-columns:1fr}.visual{display:none}.card{padding:32px 22px}.countdown{grid-template-columns:repeat(2,1fr)}}