*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:url(bg.png) center/cover fixed no-repeat;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.overlay{position:fixed;inset:0;background:radial-gradient(circle at top,#b300ff55,#000000dd)}
#particles{position:fixed;inset:0;pointer-events:none}
.p{position:absolute;width:4px;height:4px;background:#ff7dff;border-radius:50%;box-shadow:0 0 12px #ff00ff;animation:f 12s linear infinite}
@keyframes f{from{transform:translateY(110vh)}to{transform:translateY(-10vh)}}
.card{position:relative;z-index:5;width:min(92%,560px);padding:38px;border-radius:28px;background:rgba(18,8,35,.42);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 60px #b300ff;text-align:center;animation:in .8s}
@keyframes in{from{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:none}}
h1{font-size:52px;color:#ff78ff;text-shadow:0 0 15px #ff00ff,0 0 45px #ff00ff;margin-bottom:12px}
.subtitle{color:#fff;font-size:18px;margin-bottom:26px}.subtitle span{color:#d7b3ff}
.btn{display:block;text-decoration:none;color:#fff;padding:18px;margin:12px 0;border-radius:16px;background:linear-gradient(90deg,#8a00ff55,#ff00ff55);border:2px solid #ff4dff;font-weight:700;transition:.35s;box-shadow:0 0 15px #c000ff}
.btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 20px #ff00ff,0 0 40px #ff00ff,0 0 90px #ff00ff;background:linear-gradient(90deg,#ff00ff,#7a00ff)}
footer{margin-top:20px;color:#ddd;font-size:13px}