#pd-mf-body .pd-wd-gate{position:relative;overflow:hidden;margin:18px 0 24px;border:1px solid rgba(105,180,194,.55);border-radius:14px;background:linear-gradient(135deg,rgba(22,53,69,.96),rgba(8,20,31,.98) 72%);box-shadow:0 20px 54px -38px rgba(0,0,0,.9);color:#e8f4f6}
#pd-mf-body .pd-wd-gate:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 22%,rgba(152,225,231,.1) 50%,transparent 78%);transform:translateX(-115%);animation:pd-wd-sweep 8s ease-in-out infinite}
#pd-mf-body .pd-wd-gate-rail{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(105,180,194,.28);color:#9cd9df;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
#pd-mf-body .pd-wd-gate-rail strong{margin-left:auto;color:#e5a2a9;font-size:9px;letter-spacing:.1em}
#pd-mf-body .pd-wd-gate-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#9be1e5;box-shadow:0 0 0 0 rgba(155,225,229,.5);animation:pd-wd-pulse 3.4s ease-out infinite}
#pd-mf-body .pd-wd-gate-body{position:relative;z-index:1;padding:24px 22px 22px}
#pd-mf-body .pd-wd-gate-kicker{margin:0 0 8px;color:#efa1a9;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
#pd-mf-body .pd-wd-gate h2{max-width:32ch;margin:0 0 11px;color:#f3f8fa;font:800 clamp(22px,3vw,34px)/1.12 Inter,system-ui,sans-serif;letter-spacing:-.035em}
#pd-mf-body .pd-wd-gate-deck{max-width:72ch;margin:0 0 19px;color:#bbced6;font:400 14px/1.65 Inter,system-ui,sans-serif}
#pd-mf-body .pd-wd-gate-form{max-width:600px;margin:0}
#pd-mf-body .pd-wd-gate-form label{display:block;margin:0 0 7px;color:#9fc6cf;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
#pd-mf-body .pd-wd-gate-controls{display:flex;align-items:stretch;gap:9px}
#pd-mf-body .pd-wd-gate-controls input{width:92px;min-height:42px;padding:8px 10px;border:1px solid #527d8d;border-radius:5px;background:#0a1722;color:#fff;font:700 17px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;letter-spacing:.14em}
#pd-mf-body .pd-wd-gate-controls input:focus{outline:2px solid #9be1e5;outline-offset:2px;border-color:#9be1e5}
#pd-mf-body .pd-wd-gate-controls button{min-height:42px;padding:8px 14px;border:1px solid #835965;border-radius:5px;background:#6c3545;color:#fff;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
#pd-mf-body .pd-wd-gate-controls button:hover{background:#864356;border-color:#e39aa3}
#pd-mf-body .pd-wd-gate-hint{margin:10px 0 0;color:#8faab5;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
#pd-mf-body .pd-wd-gate-hint button{padding:1px 7px;border:1px solid #456778;border-radius:4px;background:#112b39;color:#c4e9ec;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}
#pd-mf-body .pd-wd-gate-result{min-height:1.5em;margin:8px 0 0;color:#ed9da5;font:600 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
#pd-mf-body .pd-wd-gate-result.is-success{color:#9bd6c8}
#pd-mf-body .pd-wd-gate-note{max-width:74ch;margin:21px 0 0;padding-top:15px;border-top:1px solid rgba(105,180,194,.2);color:#8faab5;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}
#pd-mf-body .pd-wd-gate-note strong{color:#bddde2}
#pd-mf-body.pd-wd-unlocked .pd-wd-gate{border-color:rgba(93,157,136,.65)}
@keyframes pd-wd-sweep{0%,35%{transform:translateX(-115%)}65%,100%{transform:translateX(115%)}}
@keyframes pd-wd-pulse{0%,100%{box-shadow:0 0 0 0 rgba(155,225,229,.45)}55%{box-shadow:0 0 0 8px rgba(155,225,229,0)}}
@media (max-width:640px){#pd-mf-body .pd-wd-gate-body{padding:20px 16px 18px}#pd-mf-body .pd-wd-gate-rail{padding:11px 14px;font-size:9px}#pd-mf-body .pd-wd-gate-rail strong{font-size:8px}#pd-mf-body .pd-wd-gate h2{font-size:25px}#pd-mf-body .pd-wd-gate-controls{flex-wrap:wrap}#pd-mf-body .pd-wd-gate-controls button{flex:1}}
@media (prefers-reduced-motion:reduce){#pd-mf-body .pd-wd-gate:after,#pd-mf-body .pd-wd-gate-dot{animation:none}}
html[dir="rtl"] #pd-mf-body .pd-wd-gate-rail strong{margin-left:0;margin-right:auto}