html.op-lock,html.op-lock body{overflow:hidden}
dialog.order-popup{padding:0;border:0;background:transparent;color:#eaf6ff;width:min(500px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 24px);overflow:visible;font-family:inherit}
dialog.order-popup::backdrop{background:rgba(2,8,20,.74);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.op-card{position:relative;overflow:hidden;border:1px solid #ed7719;border-radius:18px;background:radial-gradient(120% 70% at 12% 0,#3c1b0b 0,transparent 60%),linear-gradient(180deg,#07122b,#040b16);box-shadow:0 0 0 1px #ed77191f,0 0 34px #ed771938,0 24px 70px #000000bb;max-height:calc(100dvh - 24px);overflow-y:auto}
.op-close{position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid #ed7719;background:#05102a;display:grid;place-items:center;cursor:pointer;padding:0;transition:box-shadow .2s,background .2s,transform .2s}
.op-close svg{width:18px;height:18px;fill:none;stroke:#ed7719;stroke-width:2.4;stroke-linecap:round}
.op-close:hover,.op-close:focus-visible{background:#0a1a3e;box-shadow:0 0 16px #ed77198c;outline:none;transform:rotate(90deg)}
.op-top{position:relative;padding:28px 28px 0;min-height:236px}
.op-hero{position:absolute;left:0;top:0;width:200px;height:250px;background:url(/assets/bf-world.svg) -553px -119px/1242px 621px no-repeat;-webkit-mask-image:linear-gradient(90deg,#000000 55%,transparent),linear-gradient(180deg,#000000 62%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#000000 55%,transparent),linear-gradient(180deg,#000000 62%,transparent);mask-composite:intersect;filter:drop-shadow(0 0 16px #ed771955)}
.op-top::before{content:"";position:absolute;left:-40px;top:-30px;width:280px;height:300px;background:radial-gradient(closest-side,#eb6e133d,transparent);pointer-events:none}
.op-head{position:relative;margin-left:178px;padding-top:6px;padding-right:34px}
.op-check{width:46px;height:46px;border-radius:50%;border:2px solid #ed7719;display:grid;place-items:center;background:#401c0a;box-shadow:0 0 22px #ed7719a0,inset 0 0 12px #ed771955}
.op-check svg{width:26px;height:26px;fill:none;stroke:#ff8c35;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ff8c35)}
.op-head h2{margin:16px 0 14px;font-size:26px;line-height:1.16;font-weight:800;letter-spacing:-.4px;color:#ffffff}
.op-head h2 span{display:block}.op-head h2 .op-accent{color:#ed7719;text-shadow:0 0 18px #ed771966}
.op-badge{display:inline-block;padding:7px 12px;border:1px solid #ed771955;border-radius:10px;background:#0a1734;color:#b7c9db;font-size:13px}
.op-badge strong{color:#ed7719;font-weight:700;letter-spacing:.3px}
.op-info{display:flex;gap:10px;align-items:flex-start;margin:6px 28px 18px;color:#cfdeec;font-size:15px;line-height:1.5}
.op-info svg{flex:none;width:20px;height:20px;margin-top:2px;fill:none;stroke:#ed7719;stroke-width:1.8;stroke-linecap:round}
.op-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(100% - 56px);height:58px;margin:0 28px;border-radius:14px;background:linear-gradient(90deg,#f77419,#eb7b13);color:#1c0b03;font-size:19px;font-weight:800;text-decoration:none;box-shadow:0 0 22px #ed771955,inset 0 1px 0 #ffffff66;transition:transform .2s,box-shadow .25s,filter .2s}
.op-cta::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff77,transparent);transform:skewX(-20deg);transition:left .6s}
.op-cta:hover,.op-cta:focus-visible{transform:translateY(-2px);box-shadow:0 0 36px #ed7719aa,0 8px 22px #00000088,inset 0 1px 0 #ffffff88;filter:brightness(1.06);outline:none}
.op-cta:hover::after{left:130%}.op-cta:active{transform:translateY(0)}
.op-cta[aria-disabled=true]{filter:grayscale(.7) brightness(.7);cursor:not-allowed;box-shadow:none;transform:none}
.op-note{margin:12px 28px 0;text-align:center;color:#8fa5bb;font-size:13px}
.op-error{margin:12px 28px 0;padding:10px 12px;border:1px solid #ff6b7a66;border-radius:10px;background:#3a1219;color:#ffc4cb;font-size:13px;line-height:1.45}
.op-trust{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 0;padding:0;border-top:1px solid #ed771926;background:#040b1c99}
.op-trust li{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 6px;color:#c3d3e3;font-size:13px;line-height:1.3}
.op-trust li+li{border-left:1px solid #ed77191c}
.op-trust svg{flex:none;width:26px;height:26px;fill:none;stroke:#ed7719;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ed771988)}
@media(max-width:480px){.op-top{padding:22px 18px 0;min-height:200px}.op-hero{width:150px;height:210px;background-size:940px 470px;background-position:-419px -90px}.op-head{margin-left:118px;padding-right:30px}.op-check{width:38px;height:38px}.op-check svg{width:21px;height:21px}.op-head h2{font-size:20px;margin:12px 0 10px}.op-badge{font-size:12px;padding:6px 9px}.op-info{margin:4px 18px 14px;font-size:14px}.op-cta{width:calc(100% - 36px);margin:0 18px;font-size:17px}.op-note,.op-error{margin-left:18px;margin-right:18px}.op-trust li{flex-direction:column;gap:6px;text-align:center;font-size:12px;padding:12px 4px}.op-trust svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.op-cta,.op-cta::after,.op-close{transition:none}}