*{box-sizing:border-box;margin:0;padding:0}
.sp-wrap{background:#f3f0ff;border-radius:20px;overflow:hidden;display:flex;min-height:400px;font-family:system-ui,sans-serif;box-shadow:0 8px 40px rgba(80,40,160,0.18),0 2px 8px rgba(80,40,160,0.10)}
.sp-left{background:linear-gradient(170deg,#1e0a4a 0%,#3d1a8a 55%,#5c28c0 100%);padding:24px;width:260px;flex-shrink:0;color:#fff;display:flex;flex-direction:column;gap:0;position:relative;overflow:hidden}
.sp-left::after{content:'';position:absolute;bottom:-30px;right:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,0.04)}
.sp-left h2{font-size:20px;font-weight:800;line-height:1.25;margin-bottom:14px;color:#fff}
.sp-left h2 span{color:#f5c518}
.sp-chk{display:flex;gap:9px;align-items:flex-start;margin-bottom:13px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,0.88)}
.sp-chk-ico{color:#f5c518;font-size:14px;flex-shrink:0;margin-top:1px}
.sp-right{flex:1;padding:24px;background:#faf8ff;display:flex;flex-direction:column}
.sp-header{text-align:center;margin-bottom:12px}
.sp-title{font-size:24px;font-weight:800;color:#1a0a3d;margin-bottom:6px}
.sp-content{flex:1}
.sp-subtitle{font-size:13px;color:#9988cc;text-align:center;margin-bottom:10px}
.sp-form-group{margin-bottom:10px}
.sp-form-group label{display:block;font-size:12px;font-weight:700;color:#5a3fa0;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.5px}
.sp-form-group input,.sp-form-group select{width:100%;padding:10px 14px;border:1.5px solid #d0c8f0;border-radius:10px;font-size:14px;background:#fff;color:#1a0a3d;outline:none;transition:border 0.2s,box-shadow 0.2s}
.sp-form-group input:focus,.sp-form-group select:focus{border-color:#7c4dff;box-shadow:0 0 0 3px rgba(124,77,255,0.12)}
.sp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-btns{display:flex;justify-content:flex-end;align-items:center;margin-top:12px}
.btn-submit{background:linear-gradient(135deg,#6c3fff,#a855f7);border:none;color:#fff;padding:11px 32px;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 14px rgba(108,63,255,0.4)}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,63,255,0.5)}
.sp-close{position:absolute;top:14px;right:16px;background:rgba(255,255,255,0.15);border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:background 0.2s}
.sp-close:hover{background:rgba(255,255,255,0.3)}
.sp-success{text-align:center;padding:30px 20px;display:none}
.sp-success-icon{width:60px;height:60px;background:linear-gradient(135deg,#6c3fff,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 6px 20px rgba(108,63,255,0.4)}

@media (max-width: 768px) {
  .sp-wrap {
    flex-direction: column-reverse;
  }
  .sp-left {
    width: 100%;
    padding: 24px 20px;
    align-items: center;
  }
  .sp-left h2 {
    text-align: center;
  }
  .sp-left-img {
    margin-top: 20px;
  }
  .sp-right {
    padding: 24px 20px;
  }
  .sp-form-row {
    grid-template-columns: 1fr;
  }
}