*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;background:#0f0f12;color:#eaeaf0}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#141417;border-bottom:1px solid #1f1f25;position:sticky;top:0}
.logo{font-weight:800}.logo span{color:#8b5cf6}
nav a{margin:0 10px;color:#bdbdd3;text-decoration:none}.badge{background:#22c55e;color:#052e16;padding:2px 6px;border-radius:8px;font-size:10px;margin-left:6px}
.btn{border:1px solid #2a2a33;background:#1a1a22;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}
.btn.primary{background:#7c3aed;border-color:#7c3aed}
.btn.ghost{background:transparent}
.btn.small{padding:6px 10px}
.container{max-width:980px;margin:32px auto;padding:0 16px}
h1{text-align:center;margin-bottom:6px}
.subtitle{text-align:center;color:#a6a6c3;margin-bottom:24px}
.steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}
.step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2a2a33;color:#9aa0ff}
.step.active{background:#7c3aed;color:#fff}
.line{width:48px;height:2px;background:#2a2a33}
.card{background:#16161c;border:1px solid #23232c;border-radius:14px;padding:18px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;margin:10px 0 6px;color:#c9c9e6}
input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #2a2a33;background:#1b1b23;color:#fff}
textarea{min-height:120px}
.upload{border:1px dashed #2f2f3a;border-radius:12px;padding:18px;text-align:center;position:relative}
.upload input{opacity:0;position:absolute;inset:0;cursor:pointer}
.upload img{max-width:120px;margin-top:10px;display:none}
.actions{margin-top:14px}
.actions.right{text-align:right}
.actions.between{display:flex;justify-content:space-between}
.actions.left{text-align:left}
.hidden{display:none}
.toggle-row{display:flex;align-items:center;gap:12px;margin-top:16px}
.switch{position:relative;width:44px;height:24px}
.switch input{display:none}
.slider{position:absolute;inset:0;background:#2a2a33;border-radius:20px}
.slider:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}
.switch input:checked + .slider{background:#7c3aed}
.switch input:checked + .slider:before{left:23px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.mini{border:1px solid #2a2a33;border-radius:12px;padding:14px}
.select{margin-top:8px}
.payment{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px;border-top:1px solid #23232c;padding-top:12px}
.total{font-size:18px}
.addr code{display:block;background:#0f0f14;border:1px solid #2a2a33;border-radius:10px;padding:10px;margin:6px 0;word-break:break-all}
.hint{color:#9aa0ff}
@media(max-width:800px){.grid,.cards{grid-template-columns:1fr}.payment{flex-direction:column;gap:12px}}