.dsupi-wrap{max-width:900px;margin:35px auto;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#f5f7f8;perspective:1200px}
.dsupi-card{position:relative;overflow:hidden;background:#080b0d;border:1px solid #30363a;border-radius:22px;padding:42px;box-shadow:0 22px 70px rgba(0,0,0,.35);animation:dsupiCardIn .65s cubic-bezier(.2,.8,.2,1) both}
.dsupi-card:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 12% 10%,rgba(217,255,63,.13),transparent 24%),radial-gradient(circle at 88% 80%,rgba(217,255,63,.08),transparent 28%);pointer-events:none;animation:dsupiGlow 8s ease-in-out infinite alternate}
.dsupi-card:after{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 0 48%,rgba(217,255,63,.04) 49%,transparent 50%);background-size:180px 180px;pointer-events:none;opacity:.7}
.dsupi-card>*{position:relative;z-index:1}
.dsupi-title-row{display:flex;align-items:center;justify-content:center;gap:12px}
.dsupi-card h2{margin:0;font-size:38px;line-height:1.15;letter-spacing:-1.3px;color:#f7f8f8;font-weight:800;text-align:center}
.dsupi-card h2 span,.dsupi-sub strong,.dsupi-upi-label,.dsupi-trust b,.dsupi-field-icon,.dsupi-upload strong{color:#d9ff3f}
.dsupi-shield{display:inline-flex;width:27px;height:27px;border:2px solid #d9ff3f;color:#d9ff3f;border-radius:8px;align-items:center;justify-content:center;font-weight:900;font-size:15px;box-shadow:0 0 15px rgba(217,255,63,.22)}
.dsupi-sub{margin:12px 0 24px;color:#c9ced1;text-align:center;font-size:17px}
.dsupi-divider{height:1px;background:#252a2e;margin:0 0 30px;position:relative}
.dsupi-divider span{position:absolute;left:17%;top:-1px;width:22%;height:2px;background:#d9ff3f;box-shadow:0 0 14px rgba(217,255,63,.55)}
.dsupi-divider span:after{content:"";position:absolute;right:-8px;top:-3px;width:7px;height:7px;background:#d9ff3f;transform:rotate(45deg);box-shadow:0 0 10px rgba(217,255,63,.65)}
.dsupi-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:26px;background:#101416;border:1px solid #30363a;border-radius:15px;padding:2px}
.dsupi-method{display:flex;align-items:center;justify-content:center;gap:13px;min-height:66px;border:1px solid transparent;background:transparent;color:#f0f2f2;border-radius:13px;cursor:pointer;font-weight:800;font-size:18px;transition:.25s ease}
.dsupi-method:hover{background:#161a1c;transform:translateY(-1px)}
.dsupi-method.active{border-color:#d9ff3f;background:#0b0e0f;color:#d9ff3f;box-shadow:0 0 22px rgba(217,255,63,.15),inset 0 0 20px rgba(217,255,63,.035);animation:dsupiActive .35s ease}
.dsupi-method-icon{width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f4f5f5;color:#111;font-size:21px;font-weight:900}
.phonepe-icon{background:#7029d7;color:#fff;font-size:16px}
.dsupi-payment-box{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;background:linear-gradient(145deg,#0f1413,#0a0d0e);border:1px solid #30372f;border-radius:18px;padding:26px;margin-bottom:30px;animation:dsupiBoxIn .6s .15s both}
.dsupi-qr-side{text-align:center}
.dsupi-qr-frame{width:230px;height:230px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #d9ff3f;border-radius:16px;box-shadow:0 0 24px rgba(217,255,63,.13);overflow:hidden}
.dsupi-qr{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box;animation:dsupiQR 3.2s ease-in-out infinite}
.dsupi-qr-placeholder{color:#555;font-size:12px;line-height:1.6;padding:20px}
.dsupi-scan-badge{display:inline-flex;gap:8px;align-items:center;margin-top:14px;border:1px solid #343a3d;border-radius:12px;padding:10px 15px;color:#d9ff3f;font-size:13px;font-weight:800;background:#0a0d0e}
.dsupi-info-side{padding:3px 0}
.dsupi-upi-label{text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:.5px;margin-bottom:8px}
.dsupi-upi-box{display:flex;align-items:center;justify-content:space-between;border:1px solid #4b5357;background:#0a0d0f;border-radius:12px;padding:14px 15px;font-size:18px}
.dsupi-copy{border:0;background:transparent;color:#d9ff3f;font-size:23px;cursor:pointer;line-height:1}
.dsupi-note{font-size:15px;line-height:1.65;color:#d2d6d8;border-bottom:1px solid #292e31;padding-bottom:20px;margin:17px 0 17px}
.dsupi-trust{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.dsupi-trust>div{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:12px;color:#bfc5c8;line-height:1.25;border-right:1px solid #303538}
.dsupi-trust>div:last-child{border-right:0}
.dsupi-trust b{font-size:21px}
.dsupi-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dsupi-field{margin-bottom:21px}
.dsupi-field label{display:flex;align-items:center;gap:7px;font-size:14px;letter-spacing:.5px;font-weight:800;margin:0 0 9px;color:#e8ebec}
.dsupi-field-icon{font-size:17px;min-width:17px;text-align:center}
.dsupi-info-dot{display:inline-flex;width:16px;height:16px;border:1px solid #899196;border-radius:50%;align-items:center;justify-content:center;font-size:10px;color:#b7bec1;margin-left:2px}
.dsupi-field input[type=text],.dsupi-field input[type=email],.dsupi-field input[type=tel],.dsupi-field input[type=number]{width:100%;box-sizing:border-box;border:1px solid #3d4549;background:#0b0e10;color:#f5f7f8;border-radius:12px;padding:15px 16px;font-size:16px;transition:.22s ease}
.dsupi-field input::placeholder{color:#7d8589}
.dsupi-field input:focus{outline:none;border-color:#d9ff3f;box-shadow:0 0 0 3px rgba(217,255,63,.08),0 0 20px rgba(217,255,63,.08);transform:translateY(-1px)}
.dsupi-input-wrap{position:relative}
.dsupi-input-wrap input{padding-right:65px!important}
.dsupi-input-badge{position:absolute;right:6px;top:6px;bottom:6px;min-width:54px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#151a13;color:#d9ff3f;font-weight:900}
.dsupi-field small{display:block;color:#899195;font-size:12px;margin-top:8px;line-height:1.45}
.dsupi-upload{min-height:76px;box-sizing:border-box;border:1px dashed #5b6367;background:#0b0f10;border-radius:13px;display:flex!important;align-items:center;gap:15px;padding:14px 17px;cursor:pointer;transition:.22s ease}
.dsupi-upload:hover{border-color:#d9ff3f;background:#101511}
.dsupi-upload input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}
.dsupi-upload-icon{font-size:31px;color:#d9ff3f}
.dsupi-upload>span:nth-child(3){font-size:14px;line-height:1.5;color:#d4d9db}
.dsupi-upload small{margin:0;color:#899195}
.dsupi-submit{position:relative;overflow:hidden;width:100%;margin-top:4px;border:0;border-radius:12px;padding:17px;background:#d9ff3f;color:#050606;font-size:18px;font-weight:900;cursor:pointer;transition:.22s ease;box-shadow:0 0 24px rgba(217,255,63,.15)}
.dsupi-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(217,255,63,.15)}
.dsupi-submit:active{transform:scale(.99)}
.dsupi-submit.loading{pointer-events:none;opacity:.75}
.dsupi-submit.loading:after{content:"";display:inline-block;width:15px;height:15px;margin-left:9px;border:2px solid rgba(0,0,0,.2);border-top-color:#050606;border-radius:50%;vertical-align:-3px;animation:dsupiSpin .7s linear infinite}
.dsupi-submit-icon{margin-right:7px}
.dsupi-secure-line{text-align:center;color:#899195;font-size:12px;margin-top:14px}
.dsupi-message{margin-top:14px;padding:12px 14px;border-radius:10px;display:none;font-size:14px}
.dsupi-message.success{display:block;background:#dff7df;color:#174c1e;animation:dsupiSuccess .45s ease}
.dsupi-message.error{display:block;background:#3a1111;color:#ffb8b8;animation:dsupiShake .42s ease}
@keyframes dsupiCardIn{from{opacity:0;transform:translateY(32px) rotateX(2deg)}to{opacity:1;transform:none}}
@keyframes dsupiBoxIn{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}
@keyframes dsupiQR{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes dsupiGlow{from{transform:translate3d(-1%,0,0)}to{transform:translate3d(1%,1%,0)}}
@keyframes dsupiActive{0%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes dsupiSpin{to{transform:rotate(360deg)}}
@keyframes dsupiSuccess{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dsupiShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:720px){.dsupi-card{padding:25px 18px}.dsupi-card h2{font-size:30px}.dsupi-payment-box{grid-template-columns:1fr;gap:22px}.dsupi-grid{grid-template-columns:1fr;gap:0}.dsupi-qr-frame{width:205px;height:205px}}
@media(max-width:480px){.dsupi-wrap{margin:12px 8px}.dsupi-card{padding:22px 14px;border-radius:17px}.dsupi-title-row{gap:7px}.dsupi-card h2{font-size:26px}.dsupi-sub{font-size:14px}.dsupi-method{min-height:56px;font-size:15px}.dsupi-method-icon{width:30px;height:30px;font-size:18px}.dsupi-payment-box{padding:18px 14px}.dsupi-qr-frame{width:185px;height:185px}.dsupi-trust span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dsupi-card,.dsupi-payment-box,.dsupi-qr,.dsupi-method.active,.dsupi-message{animation:none}.dsupi-method,.dsupi-submit,.dsupi-field input{transition:none}}

/* WordPress admin menu compatibility */
body.folded .dsupi-side{left:36px}
body.folded .dsupi-main{margin-left:281px}
body.folded .dsupi-admin{margin-left:-20px}
@media(min-width:901px){
  body:not(.folded) .dsupi-side{left:160px}
  body:not(.folded) .dsupi-main{margin-left:405px}
}