.eduque-pay-promo{margin-top:16px;padding:14px;border:1px solid #dce7f5;border-radius:14px;background:linear-gradient(145deg,#f9fbff,#eef5ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.eduque-pay-promo-label{display:flex;align-items:center;gap:9px;margin-bottom:10px;color:#23446f}.eduque-pay-promo-label>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#e1efff;color:#1672df}.eduque-pay-promo-label svg{width:15px;height:15px}.eduque-pay-promo-label b{display:block;font-size:10px}.eduque-pay-promo-label small{display:block;margin-top:2px;color:#72829b;font-size:8.5px}
.eduque-pay-promo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.eduque-pay-promo-row input{min-width:0;height:42px;border:1px solid #d6e2f1;border-radius:10px;padding:0 11px;background:#fff;color:#102653;outline:0;font-size:10px;text-transform:uppercase;letter-spacing:.35px}.eduque-pay-promo-row input:focus{border-color:#80b6f8;box-shadow:0 0 0 3px #e5f1ff}.eduque-pay-promo-row button{min-height:42px;border:0;border-radius:10px;padding:0 13px;background:#e6f1ff;color:#075ec9;font-size:10px;font-weight:800;white-space:nowrap}.eduque-pay-promo-row button:hover{background:#d8eaff}.eduque-pay-promo-row button:disabled{opacity:.6;cursor:wait}.eduque-pay-promo-status{margin:8px 0 0;color:#17734a;font-size:8.5px;line-height:1.45}.eduque-pay-promo-status.error{color:#b83243}
.eduque-pay-title-row{display:flex;align-items:center;gap:13px;margin:0 0 16px}.eduque-pay-title-row .eduque-pay-crown{flex:none;margin:0}.eduque-pay-title-row h2{flex:1;margin:0}
.eduque-pay-image-frame{position:relative;width:min(100%,390px);min-height:254px;margin:0 auto 22px;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:#08245f;box-shadow:0 14px 30px rgba(1,15,58,.3),inset 0 1px 0 rgba(255,255,255,.2)}.eduque-pay-image-frame:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(2,13,45,.08) 0%,rgba(2,13,45,.2) 44%,rgba(2,13,45,.78) 100%);pointer-events:none}.eduque-pay-image-frame .eduque-pay-image{width:100%;height:254px;margin:0;border:0;border-radius:0;object-fit:cover;object-position:center 42%;box-shadow:none}.eduque-pay-image-frame .eduque-pay-title-row{position:absolute;left:18px;right:18px;top:50%;bottom:auto;z-index:2;display:flex;flex-wrap:nowrap;margin:0;gap:8px;transform:translateY(-60px)}.eduque-pay-image-frame .eduque-pay-crown{width:42px;height:42px;flex:none;margin:0;border-radius:13px;background:rgba(3,20,61,.5);border-color:rgba(255,255,255,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.eduque-pay-image-frame .eduque-pay-crown svg{width:22px;height:22px}.eduque-pay-image-frame .eduque-pay-title-row h2{color:#fff;font-size:20px;letter-spacing:-.45px;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.42)}.eduque-pay-image-frame>p{position:absolute;left:18px;right:18px;top:50%;bottom:auto;z-index:2;margin:0;max-width:none;color:#e0ecff;font-size:10px;line-height:1.45;text-shadow:0 1px 7px rgba(0,0,0,.42);transform:translateY(19px)}
.eduque-lock-layer{background:linear-gradient(135deg,rgba(4,15,44,.18),rgba(4,15,44,.42))!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(2px) saturate(115%)!important;-webkit-backdrop-filter:blur(2px) saturate(115%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(2,12,40,.15)!important;gap:5px!important}.eduque-lock-layer svg{width:22px!important;height:22px!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.25))}.eduque-lock-layer b{font-size:10px!important;letter-spacing:.1px;text-shadow:0 1px 6px rgba(0,0,0,.3)}.eduque-lock-layer small{font-size:8px!important;color:rgba(232,243,255,.9)!important;text-shadow:0 1px 5px rgba(0,0,0,.28)}
@media(max-width:560px){.eduque-pay-promo-row{grid-template-columns:1fr}.eduque-pay-promo-row button{width:100%}.eduque-pay-title-row{gap:10px}.eduque-pay-title-row h2{font-size:24px}.eduque-pay-image-frame,.eduque-pay-image-frame .eduque-pay-image{min-height:274px;height:274px}.eduque-pay-image-frame .eduque-pay-title-row{left:14px;right:14px;top:50%;bottom:auto;gap:6px;transform:translateY(-64px)}.eduque-pay-image-frame .eduque-pay-crown{width:35px;height:35px;border-radius:11px}.eduque-pay-image-frame .eduque-pay-crown svg{width:18px;height:18px}.eduque-pay-image-frame .eduque-pay-title-row h2{font-size:17px;letter-spacing:-.55px}.eduque-pay-image-frame>p{left:14px;right:14px;top:50%;bottom:auto;transform:translateY(24px)}}