.hp-dialog{width:min(680px,calc(100vw - 24px));max-height:min(860px,calc(100dvh - 24px));padding:0;border:1px solid #436ef3;border-radius:24px;background:#07142e;color:#f5f8ff;box-shadow:0 28px 90px #000c,0 0 30px #245dff44;overflow:auto;font-family:inherit}.hp-dialog::backdrop{background:#010718c9;backdrop-filter:blur(7px)}.hp-shell{padding:18px}.hp-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hp-brand{display:flex;align-items:center;gap:11px}.hp-brand>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#0fd8ef,#345cff 58%,#a54aff);font-size:23px;font-weight:900;box-shadow:0 0 17px #1b8cff88}.hp-brand small{display:block;color:#7fb9ff;font-size:9px;font-weight:900;letter-spacing:.18em}.hp-brand h2{margin:2px 0 0;font-size:19px}.hp-close{width:38px;height:38px;border:1px solid #4a6599;border-radius:12px;background:#0b1d3d;color:#b9c9e8;font-size:25px;cursor:pointer}.hp-order{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:13px 15px;border:1px solid #354fa0;border-radius:17px;background:linear-gradient(125deg,#10234f,#17194d)}.hp-order div{display:grid;grid-template-columns:auto auto;gap:2px 7px}.hp-order small{grid-column:1/-1;color:#8da9dd;font-size:10px}.hp-order strong{font-size:15px}.hp-order span{align-self:center;color:#9badcd;font-size:10px}.hp-order>b{color:#7de9ff;font-size:21px;white-space:nowrap}.hp-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.hp-methods button{display:flex;min-width:0;min-height:88px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:1px solid #324875;border-radius:15px;background:#0a1b39;color:#dce8ff;cursor:pointer}.hp-methods button.active{border-color:#2ad7ef;background:linear-gradient(150deg,#0c3151,#142663);box-shadow:0 0 15px #1fccec42}.hp-methods i{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:linear-gradient(145deg,#12cce1,#4d5ff5);color:white;font-size:17px;font-style:normal;font-weight:900}.hp-methods b{font-size:11px}.hp-methods small{max-width:100%;color:#91a6cc;font-size:8px;line-height:1.25;text-align:center}.hp-details{display:flex;align-items:flex-start;gap:13px;margin-top:10px;padding:15px;border:1px solid #263e71;border-radius:17px;background:#091a39}.hp-details-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#1cceea,#593cef);font-size:24px;font-weight:900}.hp-details h3{margin:0 0 5px;font-size:15px}.hp-details p{margin:0;color:#a9badb;font-size:11px;line-height:1.48}.hp-details span{display:inline-block;margin-top:8px;padding:4px 8px;border:1px solid #2e78a8;border-radius:99px;color:#71dcff;font-size:9px}.hp-contact{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:12px;border:1px solid #2377a6;border-radius:17px;background:linear-gradient(130deg,#0b2945,#0a1c3c)}.hp-telegram-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(145deg,#35d5ff,#1685ed);font-size:22px;transform:none}.hp-contact small,.hp-contact span{display:block;color:#8eafd0;font-size:9px}.hp-contact strong{display:block;margin:2px 0;color:#fff;font-size:15px}.hp-contact button,.hp-order-code button{border:1px solid #3baee5;border-radius:10px;padding:7px 9px;background:#0d3e68;color:#dff8ff;font-size:9px;cursor:pointer}.hp-order-code{display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px 10px;border-radius:12px;background:#0b1934}.hp-order-code span{color:#8399c1;font-size:9px}.hp-order-code b{flex:1;color:#f1c86b;font-size:12px;letter-spacing:.08em}.hp-note{margin:10px 2px 0;color:#8fa5c9;font-size:10px;line-height:1.45}.hp-actions{display:grid;grid-template-columns:.65fr 1.35fr;gap:9px;margin-top:13px}.hp-actions button,.hp-actions a{display:grid;min-height:42px;place-items:center;border:1px solid #405d95;border-radius:13px;background:#0c1c3b;color:#dbe8ff;font:800 12px/1 inherit;text-decoration:none;cursor:pointer}.hp-actions a{border-color:#2fbcf2;background:linear-gradient(120deg,#149fe9,#3454e9);color:white;box-shadow:0 5px 16px #167dea4d}
html[data-mtheme="light"] .hp-dialog,:root[data-theme="light"] .hp-dialog{border-color:#77d7c0;background:#edfff8;color:#143a37;box-shadow:0 24px 70px #164b3842}.hp-dialog::backdrop{background:#031912a8}html[data-mtheme="light"] .hp-close,:root[data-theme="light"] .hp-close{border-color:#a9d8ca;background:#e2f7ef;color:#32675d}html[data-mtheme="light"] .hp-order,:root[data-theme="light"] .hp-order{border-color:#9edbcb;background:linear-gradient(125deg,#dff7ee,#e7f5ff)}html[data-mtheme="light"] .hp-order small,:root[data-theme="light"] .hp-order small,html[data-mtheme="light"] .hp-order span,:root[data-theme="light"] .hp-order span{color:#53776f}html[data-mtheme="light"] .hp-order>b,:root[data-theme="light"] .hp-order>b{color:#087e79}html[data-mtheme="light"] .hp-methods button,:root[data-theme="light"] .hp-methods button{border-color:#addbd0;background:#f7fffc;color:#244c46}html[data-mtheme="light"] .hp-methods button.active,:root[data-theme="light"] .hp-methods button.active{border-color:#27bda0;background:#dff8ef;box-shadow:0 4px 14px #38b99b24}html[data-mtheme="light"] .hp-methods small,:root[data-theme="light"] .hp-methods small{color:#5f7d77}html[data-mtheme="light"] .hp-details,:root[data-theme="light"] .hp-details{border-color:#b5ded4;background:#f8fffc}html[data-mtheme="light"] .hp-details p,:root[data-theme="light"] .hp-details p{color:#50766e}html[data-mtheme="light"] .hp-contact,:root[data-theme="light"] .hp-contact{border-color:#8fd8c8;background:linear-gradient(130deg,#e1f8f0,#edfaff)}html[data-mtheme="light"] .hp-contact strong,:root[data-theme="light"] .hp-contact strong{color:#173e39}html[data-mtheme="light"] .hp-contact small,:root[data-theme="light"] .hp-contact small,html[data-mtheme="light"] .hp-contact span,:root[data-theme="light"] .hp-contact span{color:#5d7c75}html[data-mtheme="light"] .hp-order-code,:root[data-theme="light"] .hp-order-code{background:#dff3ec}html[data-mtheme="light"] .hp-note,:root[data-theme="light"] .hp-note{color:#57766f}html[data-mtheme="light"] .hp-actions button,:root[data-theme="light"] .hp-actions button{border-color:#abd8ce;background:#e7f7f1;color:#315f56}
@media(max-width:520px){.hp-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.hp-shell{padding:13px}.hp-brand h2{font-size:16px}.hp-methods{grid-template-columns:repeat(2,1fr)}.hp-methods button{min-height:73px}.hp-contact{grid-template-columns:40px minmax(0,1fr)}.hp-contact button{grid-column:1/-1;width:100%}.hp-order{padding:11px}.hp-order>b{font-size:18px}}
.hp-actions button,.hp-actions a{font-family:inherit;font-size:12px;font-weight:800;line-height:1}
.hp-wechat{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;margin-top:10px;padding:12px;border:1px solid #2b9c76;border-radius:17px;background:linear-gradient(135deg,#071f31,#092d32)}.hp-wechat[hidden]{display:none!important}.hp-wechat>a:first-child{display:block;padding:7px;border-radius:14px;background:white;box-shadow:0 7px 22px #0006}.hp-wechat img{display:block;width:100%;height:auto;border-radius:9px}.hp-wechat small{color:#54e1a6;font-size:9px;font-weight:900;letter-spacing:.12em}.hp-wechat h3{margin:3px 0 5px;font-size:20px}.hp-wechat p{margin:0;color:#a8cfc5;font-size:10px;line-height:1.5}.hp-wechat div>a{display:inline-grid;place-items:center;margin-top:9px;min-height:31px;padding:0 11px;border:1px solid #38c68e;border-radius:10px;background:#0d6349;color:white;font-size:10px;font-weight:800;text-decoration:none}
html[data-mtheme="light"] .hp-wechat,:root[data-theme="light"] .hp-wechat{border-color:#75d4ae;background:linear-gradient(135deg,#e7fff5,#eafaf5)}html[data-mtheme="light"] .hp-wechat p,:root[data-theme="light"] .hp-wechat p{color:#4d7468}html[data-mtheme="light"] .hp-wechat small,:root[data-theme="light"] .hp-wechat small{color:#168562}
@media(max-width:420px){.hp-wechat{grid-template-columns:112px minmax(0,1fr);gap:10px;padding:9px}.hp-wechat h3{font-size:17px}.hp-wechat p{font-size:9px}}