.qyon-black{border:1px solid #8648c6;border-radius:26px;padding:0;width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#10091c;color:#fff;box-shadow:0 28px 120px #0009;font-family:inherit}
.qyon-black::backdrop{background:#080412c9;backdrop-filter:blur(7px)}
.qyon-black__content{padding:44px;position:relative;background:radial-gradient(ellipse at top right,#5a168755,transparent 65%)}
.qyon-black__close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff0d;color:white;font-size:25px;cursor:pointer;line-height:1}
.qyon-black__eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:#ddafff;margin:0 0 14px}
.qyon-black h2{font-size:clamp(32px,6vw,48px);line-height:1.08;letter-spacing:-.04em;margin:0 0 22px;color:white}
.qyon-black__discount{display:flex;gap:18px;align-items:center;margin:0 0 20px}
.qyon-black__discount strong{color:#d58bff;font-size:clamp(52px,10vw,82px);line-height:1;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
.qyon-black__discount span{font-size:19px;line-height:1.3;max-width:150px}
.qyon-black__monthly{font-size:21px;font-weight:700;margin:0 0 12px;line-height:1.4}
.qyon-black__intro{font-size:15px;line-height:1.6;color:#d4c9df;margin:0 0 26px;max-width:540px}
.qyon-black__options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qyon-black__option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 18px;border:1px solid #c178ff70;background:linear-gradient(110deg,#9124da,#6900bb);border-radius:14px;color:#fff;text-decoration:none;font-size:17px;font-weight:750;line-height:1.3;transition:filter .2s}
.qyon-black__option:hover{filter:brightness(1.18)}
.qyon-black__option small{display:block;font-size:12px;font-weight:500;margin-top:5px;color:#f1dfff}
.qyon-black button:focus-visible,.qyon-black a:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:560px){.qyon-black__content{padding:42px 24px 26px}.qyon-black__options{grid-template-columns:1fr}.qyon-black__monthly{font-size:18px}.qyon-black__discount{gap:14px}.qyon-black__discount span{font-size:17px}}

.qyon-black__logo{display:block;width:min(300px,85%);height:auto;margin:0 0 24px;object-fit:contain}
@media(max-width:560px){.qyon-black__logo{width:230px;margin-bottom:20px}}