.pag-login{box-sizing:border-box;width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:22px;background:#fff;color:#171717;box-shadow:0 20px 80px #0003;overflow:auto;font-family:inherit}.pag-login::backdrop{background:rgb(18 18 18 / 55%)}.pag-dialog-head{display:flex;align-items:center;gap:12px;padding:22px 22px 4px}.pag-dialog-head h2{flex:1;font-size:24px;line-height:1.2;margin:0;letter-spacing:-.4px}.pag-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:50%;background:#f3f3f3;color:#333;font-size:28px;cursor:pointer}.pag-reason{margin:6px 22px 8px;color:#646464;font-size:14px;line-height:1.5}.pag-loading{margin:20px;text-align:center;font-size:14px}.pag-frame-wrap iframe{display:block;border:0;width:100%;height:460px;background:#fff}.pag-dialog-foot{padding:8px 22px 20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.pag-continue{padding:8px;border:0;background:none;color:#333;text-decoration:underline;font:inherit;font-size:14px;cursor:pointer}.pag-fallback{font-size:12px;color:#777}.pag-checkout-copy h2{font-size:23px!important;line-height:1.2!important}.pag-checkout-copy p{max-width:520px}.pag-cart-prompt{margin:18px 0;padding:16px;border:1px solid #eee;border-radius:16px;background:#fff}.pag-cart-prompt p{margin:0 0 10px;font-size:14px;line-height:1.5}.pag-cart-prompt a{font-weight:700;color:#cf292d;text-decoration:underline}.pag-draft-notice{padding:10px 14px;margin:12px 0;border-radius:12px;background:#f1f8f1;color:#24552b;font-size:14px}.pag-draft-error{color:#a12828;background:#fff0ed}.pag-login button:focus-visible,.pag-login a:focus-visible{outline:3px solid #1d68d8;outline-offset:3px}@media(max-width:480px){.pag-dialog-head{padding:16px 16px 2px}.pag-dialog-head h2{font-size:22px}.pag-reason{margin:6px 16px}.pag-frame-wrap iframe{height:450px}.pag-dialog-foot{padding:4px 16px 14px}}

/* Telegram's blue button, shared by the embedded and standalone login forms. */
.pa-login .pa-provider.pa-telegram,
.pa-login .pa-provider.pa-telegram:visited{background:#229ed9!important;border-color:#229ed9!important;color:#fff!important;box-shadow:0 5px 14px rgb(34 158 217 / 20%)}
.pa-login .pa-provider.pa-telegram:hover{background:#168ac3!important;border-color:#168ac3!important;color:#fff!important}
.pa-login .pa-provider.pa-telegram svg{color:#fff!important;fill:#fff!important}
.pa-login .pa-provider.pa-telegram span{color:#fff!important}
.pag-perks{position:relative;isolation:isolate;margin:12px 20px 6px;padding:14px 12px 18px;border-radius:20px;background:radial-gradient(ellipse at 50% 65%,#fff0e8 0, #fff9f4 48%,#fff 85%)}
.pag-perks h3{position:relative;margin:0 0 14px!important;text-align:center;font-size:15px!important;line-height:1.3!important;font-weight:750!important;letter-spacing:-.2px!important;color:#3b3330}
.pag-perks-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;list-style:none!important;padding:0!important;margin:0!important}
.pag-perk{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;box-sizing:border-box;padding:8px 10px!important;margin:0!important;background:#fff;border:1px solid rgb(54 37 20 / 5%);border-radius:17px;box-shadow:0 6px 15px rgb(74 47 31 / 8%);font-size:12px;line-height:1.25;font-weight:650;color:#302927;list-style:none!important}
.pag-perk-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:10px;background:#fff0e5;color:#bf6d36}
.pag-perk-icon svg{width:19px;height:19px}
.pag-perk-1{transform:translateY(-1px) rotate(-2.5deg)}
.pag-perk-2{transform:translateY(3px) rotate(2deg)}
.pag-perk-3{transform:translateY(2px) rotate(1.8deg)}
.pag-perk-4{transform:translateY(4px) rotate(-2deg)}
.pag-perk-2 .pag-perk-icon{background:#e8f6ed;color:#3d8a5d}
.pag-perk-3 .pag-perk-icon{background:#ffebf0;color:#cd5879}
.pag-perk-4 .pag-perk-icon{background:#eeeaff;color:#8064c4}
.pa-login>.pag-perks{margin:14px -4px 24px;padding:14px 12px 18px}
.pa-login>.pa-muted{line-height:1.45!important}
.pag-frame-wrap iframe{height:410px}
@media(max-width:480px){.pag-perks{margin:10px 12px 4px;padding:12px 8px 16px}.pag-perks h3{margin-bottom:12px!important}.pag-perks-grid{gap:8px 10px}.pag-perk{padding:7px 8px!important;gap:7px;font-size:11.5px;min-height:46px}.pag-frame-wrap iframe{height:410px}}

/* Keep the original compact dialog size; scroll inside it. */
.pag-login{max-height:min(650px,calc(100dvh - 80px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pag-dialog-head{position:sticky;top:0;z-index:2;background:#fff;border-radius:22px 22px 0 0}
