:root{--ink:#141c40;--ink2:#5b658d;--a1:#4f46e5;--a2:#a855f7;--a3:#ec4899;--line:#e5e9f7}
body{min-height:100vh;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
background:radial-gradient(900px 420px at 90% -120px,rgba(168,85,247,.35),transparent 60%),
radial-gradient(800px 380px at -5% -60px,rgba(79,70,229,.35),transparent 60%),
radial-gradient(700px 420px at 60% 115%,rgba(236,72,153,.22),transparent 60%),#141c40}
.wiz{max-width:760px;margin:0 auto;padding:32px 14px 40px}
.wiz-brand{text-align:center;margin-bottom:22px}
.wiz-tag{color:#c7cdf5;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
.wiz-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 16px;flex-wrap:wrap;justify-content:center}
.wiz-steps li{display:flex;align-items:center;gap:8px;color:#aab2e6;font-weight:600;font-size:13px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06)}
.wiz-steps li span{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);font-size:12px}
.wiz-steps li.now{color:#fff;background:linear-gradient(135deg,var(--a1),var(--a2))}
.wiz-steps li.now span{background:rgba(255,255,255,.3)}
.wiz-steps li.done{color:#86efac}
.wiz-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 34px 80px -22px rgba(0,0,0,.6)}
.wiz-head{position:relative;overflow:hidden;color:#fff;font-weight:700;font-size:19px;padding:18px 22px;
background:linear-gradient(120deg,var(--a1),var(--a2) 58%,var(--a3) 130%)}
.wiz-head.ok{background:linear-gradient(120deg,#15803d,#2dd4bf)}
.wiz-head::after{content:"";position:absolute;right:-50px;top:-80px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.14)}
.wiz-head i{margin-right:8px}
.wiz-body{padding:22px}
.form-label{color:var(--ink2);font-weight:700;font-size:12.5px}
.form-control{border-radius:10px;border:1.5px solid var(--line);height:44px}
.form-control:focus{border-color:var(--a2);box-shadow:0 0 0 4px rgba(168,85,247,.2)}
.btn{border-radius:10px;font-weight:700;padding:10px 18px}
.btn-skx{background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;border:none;box-shadow:0 8px 18px -9px rgba(79,70,229,.6)}
.btn-skx:hover{color:#fff;filter:brightness(1.07)}
.req{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.req li{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:10px;background:#f6f8ff;font-size:14px}
.req li small{display:block;color:var(--ink2);font-size:12px}
.req li.ok i{color:#15803d}.req li.bad{background:#ffecef}.req li.bad i{color:#dc2626}.req li.warn{background:#fff4de}.req li.warn i{color:#d97706}
.tip{background:#eef0ff;border-left:5px solid var(--a1);border-radius:12px;padding:12px 14px;margin-bottom:18px;font-size:14px}
.tip.warn{background:#fff4de;border-color:#d97706}
.sec{margin:22px 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--a1);font-weight:800}
.sec:first-of-type{margin-top:4px}
.alert{border:none;border-radius:12px;border-left:5px solid #dc2626}
.wiz-foot{text-align:center;color:#8f98cf;font-size:12px;margin-top:18px}
code{background:#eef0ff;padding:2px 6px;border-radius:6px}
