:root{--bg:#0e3b2a;--bg2:#175c40;--card:#ffffff;--text:#1b2a24;--muted:#5f7068;--accent:#2e9e5b}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);
     background:radial-gradient(circle at 20% 20%,var(--bg2),var(--bg) 60%);display:grid;place-items:center;padding:24px}
.card{background:var(--card);border-radius:20px;padding:48px 40px;max-width:440px;width:100%;text-align:center;
      box-shadow:0 24px 60px rgba(0,0,0,.35)}
.logo{color:var(--accent);margin-bottom:12px}
h1{margin:0 0 8px;font-size:2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bg)}
.lead{margin:0 0 4px;font-size:1.1rem}
.muted{margin:0 0 28px;color:var(--muted)}
.bar{height:6px;border-radius:3px;background:#e4ece8;overflow:hidden;margin-bottom:28px}
.bar span{display:block;height:100%;width:40%;border-radius:3px;background:var(--accent);animation:slide 1.8s ease-in-out infinite}
@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
footer{font-size:.8rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.bar span{animation:none;width:100%}}