.sbw-wrap{position:relative;width:100%;padding:40px 0}
.sbw-full{padding-left:0;padding-right:0}
#sbw-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.sbw-panel{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:24px;border-radius:18px;background:rgba(10,14,22,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.sbw-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sbw-form label{display:block;font-weight:700;margin-bottom:6px}
.sbw-input, .sbw-select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,229,255,.25);background:rgba(15,20,34,.75);color:#eaf1ff;outline:none;transition:box-shadow .3s,border-color .3s, transform .2s}
.sbw-input:focus, .sbw-select:focus{border-color:#8a2eff;box-shadow:0 0 0 4px rgba(138,46,255,.18),0 0 25px rgba(0,229,255,.15);transform:translateY(-1px)}
.sbw-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:linear-gradient(90deg,#00e5ff,#8a2eff);color:#041018;font-weight:800;border:none;cursor:pointer;box-shadow:0 8px 30px rgba(0,229,255,.25);transition:transform .2s,opacity .2s}
.sbw-btn:hover{transform:translateY(-1px)}
.sbw-meta{color:#9fb3c8;font-size:13px;margin-top:8px}
.sbw-alert{display:none;margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(255,92,92,.12);border:1px solid rgba(255,92,92,.35);color:#ffd3d3}
.sbw-alert.ok{background:rgba(46,252,110,.12);border-color:rgba(46,252,110,.35);color:#d6ffdf}
.sbw-title{margin:0 0 14px;font-size:28px;color:#eaf1ff;text-align:center}
.sbw-check{display:none;position:absolute;inset:0;align-items:center;justify-content:center;z-index:2}
.sbw-check svg{width:120px;height:120px;filter:drop-shadow(0 0 18px rgba(20,255,236,.55))}
@media(max-width:900px){.sbw-row{grid-template-columns:1fr}}