*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gray:#303030;--gray-mid:#3e3e3e;--gray-dim:#2a2a2a;--white:#fff;--green:#01ff70;--green-dim:#01ff701f;--green-glow:#01ff7040;--bg:var(--gray);--surface:var(--gray-mid);--border:#ffffff14;--text:#ffffff8c;--heading:var(--white);--accent:var(--green);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,sans-serif;font-size:16px}body{min-height:100svh}.page{justify-content:center;align-items:center;min-height:100svh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.page:after{content:"";pointer-events:none;background:radial-gradient(#01ff7012 0%,#01ff7005 45%,#0000 70%);width:700px;height:500px;position:fixed;top:50%;left:50%;transform:translate(-50%,-60%)}.card{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:600px;display:flex;position:relative}.logo{width:220px;max-width:75%}h1{letter-spacing:-.4px;color:var(--heading);font-size:clamp(24px,4.5vw,36px);font-weight:600;line-height:1.25}.accent{color:var(--accent)}.sub{color:var(--text);font-size:14.5px;line-height:1.7}.progress-block{width:100%}.progress-meta{letter-spacing:.5px;text-transform:uppercase;color:var(--text);justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.pct{color:var(--accent);font-weight:700}.track{background:#ffffff14;border-radius:99px;width:100%;height:4px;overflow:hidden}.fill{background:var(--accent);height:100%;box-shadow:0 0 14px var(--green-glow);border-radius:99px;transition:width 1.4s cubic-bezier(.22,1,.36,1)}.checklist{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:9px;width:100%;padding:20px 24px;list-style:none;display:flex}.checklist li{text-align:left;align-items:center;gap:12px;font-size:13.5px;display:flex}.checklist li.done{color:var(--white)}.checklist li.pending{color:#ffffff4d}.check{text-align:center;flex-shrink:0;width:16px;font-size:12px}.done .check{color:var(--accent)}.pending .check{color:#fff3}.contact{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:8px;width:100%;padding-top:8px;display:flex}.contact p{color:var(--text);font-size:13px}.contact a{color:var(--accent);letter-spacing:.2px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .2s}.contact a:hover{opacity:.7}