*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;
  background: linear-gradient(135deg,#fdf2ff 0%, #f7fbff 40%, #eef6ff 70%, #fff8fb 100%);
  color:#222; display:flex; align-items:center; justify-content:center}
.wrap{width:min(920px,92vw); padding:28px}
.hero{background:rgba(255,255,255,.72); backdrop-filter:saturate(120%) blur(10px); border:1px solid rgba(0,0,0,.06);
  border-radius:24px; padding:32px; box-shadow:0 10px 30px rgba(0,0,0,.07); text-align:center}
h1{font-size:42px; margin:0 0 6px}
.tag{font-weight:600; letter-spacing:.3px; color:#6c3fb5; margin:0 0 4px}
.sub{margin:0 0 18px; color:#555}
.cta-row{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
.btn{appearance:none; border:none; background:#6c3fb5; color:white; padding:12px 18px; border-radius:999px; font-weight:600;
  text-decoration:none; display:inline-block; box-shadow:0 8px 20px rgba(108,63,181,.25); transition:transform .08s ease}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent; color:#6c3fb5; border:2px solid #6c3fb5; box-shadow:none}
.status{margin:24px 0 8px; background:rgba(255,255,255,.82); border:1px solid rgba(0,0,0,.06); border-radius:20px; padding:22px}
.status h2{margin:0 0 12px; font-size:20px}
.status ul{margin:0 0 10px 18px}
.note{font-size:14px; color:#555}
footer{margin-top:8px; text-align:center; color:#666; font-size:13px}