.platform-feedback-viewport{z-index:5200;top:calc(env(safe-area-inset-top,0px) + 18px);right:max(18px, env(safe-area-inset-right,0px));pointer-events:none;gap:10px;width:min(410px,100vw - 36px);display:grid;position:fixed}.platform-feedback-card{--feedback-color:#236c5d;--feedback-soft:#e8f5ef;border:1px solid color-mix(in srgb,var(--feedback-color) 26%,white);background:color-mix(in srgb,var(--feedback-soft) 28%,white 72%);color:#19352f;pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:17px;grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:10px;min-width:0;padding:12px 11px 13px 12px;animation:.24s ease-out both platform-feedback-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 52px #122a272e}.platform-feedback-card.is-error{--feedback-color:#b2423c;--feedback-soft:#fff0ed}.platform-feedback-card.is-warning{--feedback-color:#a36514;--feedback-soft:#fff6df}.platform-feedback-card.is-info{--feedback-color:#285f9d;--feedback-soft:#edf5ff}.platform-feedback-icon{background:var(--feedback-soft);width:42px;height:42px;color:var(--feedback-color);border-radius:13px;place-items:center;display:grid}.platform-feedback-icon svg{width:21px;height:21px}.platform-feedback-copy{gap:3px;min-width:0;display:grid}.platform-feedback-copy strong{font-size:.82rem;line-height:1.2}.platform-feedback-copy small{overflow-wrap:anywhere;color:#60726d;font-size:.7rem;line-height:1.45}.platform-feedback-card>button{color:#64736f;cursor:pointer;background:#ffffffb3;border:0;border-radius:11px;place-items:center;width:36px;height:36px;padding:0;display:grid}.platform-feedback-card>button:hover,.platform-feedback-card>button:focus-visible{color:var(--feedback-color);outline:2px solid color-mix(in srgb,var(--feedback-color) 32%,transparent);background:#fff}.platform-feedback-card>button svg{width:17px;height:17px}.platform-feedback-card>i{background:var(--feedback-color);transform-origin:0;height:3px;animation:linear forwards platform-feedback-progress;position:absolute;bottom:0;left:0;right:0}@keyframes platform-feedback-enter{0%{opacity:0;transform:translate(18px,-8px)scale(.97)}}@keyframes platform-feedback-progress{to{transform:scaleX(0)}}.platform-confirm-backdrop{z-index:5300;padding:max(18px,env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) max(18px,env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));overscroll-behavior:contain;-webkit-backdrop-filter:blur(7px)saturate(112%);backdrop-filter:blur(7px)saturate(112%);background:#0918166b;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.platform-confirm-dialog{--confirm-color:#a36514;width:min(440px,100%);max-height:calc(100dvh - 36px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));scrollbar-width:thin;background:#fffffffa;border:1px solid #ffffffd1;border-radius:21px;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:13px;padding:20px;animation:.2s ease-out both platform-feedback-enter;display:grid;position:relative;overflow-y:auto;box-shadow:0 28px 90px #06181547,0 2px 8px #06181517}.platform-confirm-dialog.is-danger{--confirm-color:#b2423c}.platform-confirm-icon{background:color-mix(in srgb,var(--confirm-color) 12%,white);width:46px;height:46px;color:var(--confirm-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--confirm-color) 8%,transparent);border-radius:14px;place-items:center;display:grid}.platform-confirm-icon svg{width:22px;height:22px}.platform-confirm-copy{min-width:0;padding:2px 34px 0 0}.platform-confirm-dialog small{color:var(--confirm-color);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:850}.platform-confirm-dialog h2{overflow-wrap:anywhere;color:#172d28;letter-spacing:-.018em;margin:5px 0 6px;font-size:clamp(1.02rem,3vw,1.16rem);line-height:1.28}.platform-confirm-dialog p{overflow-wrap:anywhere;color:#60716c;margin:0;font-size:.76rem;line-height:1.5}.platform-confirm-close{z-index:1;color:#536762;cursor:pointer;background:#edf2f0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:13px;right:13px}.platform-confirm-close:hover,.platform-confirm-close:focus-visible{color:#173b34;outline:3px solid color-mix(in srgb,var(--confirm-color) 22%,transparent);outline-offset:1px;background:#e2ebe7}.platform-confirm-close svg{width:17px;height:17px}.platform-confirm-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9px;margin-top:5px;display:grid}.platform-confirm-actions .button{border-radius:12px;width:100%;min-width:0;min-height:44px;font-weight:800}.platform-confirm-dialog .platform-confirm-actions .button-outline{color:#1d3933;background:#f6f9f8;border:1px solid #cedbd6}.platform-confirm-dialog .platform-confirm-actions .button-outline:hover,.platform-confirm-dialog .platform-confirm-actions .button-outline:focus-visible{background:#edf4f1;border-color:#aebfba}.platform-confirm-dialog.is-danger .platform-confirm-actions .button-primary{color:#fff;background:linear-gradient(145deg,#bd4a44,#a93c37);border-color:#b2423c;box-shadow:0 8px 18px #b2423c33}.platform-confirm-dialog.is-danger .platform-confirm-actions .button-primary:hover,.platform-confirm-dialog.is-danger .platform-confirm-actions .button-primary:focus-visible{background:linear-gradient(145deg,#ad403b,#96332f)}.platform-confirm-dialog button:disabled{cursor:wait;opacity:.62}@media (max-width:640px){.platform-feedback-viewport{top:auto;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 88px);width:auto;left:12px}.platform-feedback-card{border-radius:16px;grid-template-columns:39px minmax(0,1fr) 40px}.platform-feedback-icon{width:39px;height:39px}.platform-confirm-backdrop{padding:max(14px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}.platform-confirm-dialog{width:min(430px,100%);max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:19px;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:17px}.platform-confirm-icon{border-radius:13px;width:42px;height:42px}.platform-confirm-copy{padding-right:30px}.platform-confirm-dialog h2{font-size:1rem}.platform-confirm-dialog p{font-size:.72rem}.platform-confirm-actions{margin-top:3px}}@media (max-width:370px),(max-height:430px){.platform-confirm-dialog{padding:14px}.platform-confirm-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.platform-feedback-card,.platform-confirm-dialog{animation:none}.platform-feedback-card>i{display:none}}.subscription-payment-journey{background:linear-gradient(145deg,#fff 0%,#f5faf8 62%,#fff8ed 100%);border:1px solid #d9e6e1;border-radius:24px;padding:clamp(18px,2.4vw,30px);box-shadow:0 18px 46px #143b3614}.subscription-payment-journey header{max-width:760px}.subscription-payment-journey h2{color:#102f2c;margin:5px 0 7px;font-size:clamp(20px,2.1vw,29px)}.subscription-payment-journey header p{color:#60736f;margin:0;line-height:1.6}.subscription-payment-journey ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.subscription-payment-journey li{background:#ffffffdb;border:1px solid #dce7e3;border-radius:16px;gap:11px;min-width:0;padding:14px;display:flex}.subscription-payment-journey li>b{color:#5c6c68;background:#edf2f0;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.subscription-payment-journey li span{gap:3px;min-width:0;display:grid}.subscription-payment-journey li strong{color:#173632;font-size:14px}.subscription-payment-journey li small{color:#71817d;font-size:12px;line-height:1.45}.subscription-payment-journey li.is-complete>b{color:#fff;background:#168b72}.subscription-payment-journey li.is-current{background:#fff9ef;border-color:#e8b66d}.subscription-payment-journey li.is-current>b{color:#fff;background:#efad50}.subscription-payment-journey li.is-upcoming{opacity:.72}@media (max-width:840px){.subscription-payment-journey ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.subscription-payment-journey{border-radius:19px}.subscription-payment-journey ol{grid-template-columns:1fr}}