*{box-sizing:border-box}body{margin:0;font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 20% 0,#1d1650,#0a0c16 55%);color:#eef0fa;min-height:100vh;display:flex;flex-direction:column}
a{color:#22d3ee}.top{display:flex;justify-content:space-between;align-items:center;padding:20px 6vw;flex-wrap:wrap;gap:10px}.top nav a{color:#a6abcc;margin-left:18px;text-decoration:none;font-size:14px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:#fff;text-decoration:none}.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#22d3ee);display:grid;place-items:center;font-weight:900}
main{flex:1;padding:30px 6vw}footer{padding:24px 6vw;color:#8a90b4;font-size:13px}
.hero{max-width:900px;margin:40px auto}.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 18px}.hero p{color:#a6abcc;font-size:19px;max-width:640px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:34px}.feat div{background:#12152a;border:1px solid #262b4d;border-radius:18px;padding:18px}.feat b{display:block;margin-bottom:4px}.feat span{color:#8a90b4;font-size:14px}
article{max-width:760px;margin:0 auto;color:#d5d8ee}article h1{color:#fff}article.center{text-align:center;max-width:520px;margin-top:6vh}
.card{background:#12152a;border:1px solid #262b4d;border-radius:24px;padding:34px}.muted{color:#8a90b4;font-size:14px}
.btn{display:inline-block;background:linear-gradient(135deg,#7c5cff,#22d3ee);color:#fff;text-decoration:none;font-weight:800;padding:14px 26px;border-radius:14px;margin:12px 0}.fbbtn{background:#1877f2}
.fb{width:64px;height:64px;border-radius:18px;background:#1877f2;margin:0 auto 10px;display:grid;place-items:center;font-size:38px;font-weight:900}.okmark{width:64px;height:64px;border-radius:50%;background:rgba(52,211,153,.15);color:#34d399;margin:0 auto 10px;display:grid;place-items:center;font-size:34px;font-weight:900}
.pay .card{text-align:left}.pay h1{text-align:center;margin-top:0}.amount,.payid{display:flex;align-items:center;gap:10px;background:#0c0f20;border:1px solid #262b4d;border-radius:16px;padding:14px;margin:12px 0;flex-wrap:wrap}
.amount span,.payid span{color:#8a90b4;font-size:13px;width:100%}.amount b{font-size:30px;color:#fff}.payid b{font-size:22px;letter-spacing:1px}
.copy{margin-left:auto;background:#262b4d;color:#fff;border:0;border-radius:10px;padding:8px 12px;cursor:pointer}
.qr{background:#fff;border-radius:16px;width:max-content;margin:14px auto;padding:6px}.qr svg{display:block}
.warn{color:#fbbf24;font-size:13px}.steps{color:#d5d8ee;font-size:14px;padding-left:20px}
#vf{display:flex;gap:8px;flex-wrap:wrap}#vf input{flex:1;min-width:200px;background:#0c0f20;border:1px solid #262b4d;border-radius:12px;color:#fff;padding:12px}
.btn{display:inline-block;background:linear-gradient(135deg,#7c5cff,#22d3ee);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer}.btn.ghost{background:#262b4d}