:root{--bg: #eff5f7;--bg-soft: #e3edf0;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .94);--surface-soft: rgba(244, 249, 251, .92);--text: #10202b;--muted: #5d7280;--accent: #0f9ca6;--accent-strong: #0b6e8a;--accent-soft: rgba(15, 156, 166, .13);--success: #14815f;--success-soft: rgba(20, 129, 95, .12);--warning: #a15f19;--warning-soft: rgba(161, 95, 25, .12);--danger: #c34d42;--danger-soft: rgba(195, 77, 66, .13);--border: rgba(16, 32, 43, .08);--border-strong: rgba(16, 32, 43, .14);--shadow: 0 24px 60px rgba(34, 66, 82, .12);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(15,156,166,.18),transparent 36%),radial-gradient(circle at top right,rgba(11,110,138,.12),transparent 28%),linear-gradient(180deg,#f6fbfc,#eef5f7 48%,#ebf1f4)}body:before,body:after{content:"";position:fixed;border-radius:999px;pointer-events:none;filter:blur(10px);z-index:0}body:before{top:54px;left:-52px;width:180px;height:180px;background:#0f9ca617}body:after{right:-40px;bottom:12vh;width:160px;height:160px;background:#0b6e8a12}button,input,textarea,select{font:inherit}#root{position:relative;z-index:1}.app-shell{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center}.app{width:100%;max-width:430px;padding:calc(28px + var(--safe-area-top)) calc(18px + var(--safe-area-right)) calc(42px + var(--safe-area-bottom)) calc(18px + var(--safe-area-left))}.app-header{display:grid;gap:8px;margin-bottom:18px}.app-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong)}.app-title{font-size:31px;font-weight:800;line-height:1;letter-spacing:-.04em}.app-caption{max-width:320px;font-size:14px;line-height:1.5;color:var(--muted)}.card{width:100%;background:var(--surface);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:22px}.card--loading{display:grid;gap:14px}.product-card{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(15,156,166,.14),transparent 28%),linear-gradient(180deg,#fffffff5,#f8fbfce6)}.product-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffffa3,#fff0 46%);pointer-events:none}.product-header,.overview-grid,.subscription-active,.footer,.subscribe-redirect,.state-panel{position:relative;z-index:1}.product-header{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.product-header__main{display:flex;gap:14px;align-items:center;min-width:0}.product-logo{width:58px;height:58px;border-radius:20px;background:linear-gradient(180deg,#fff,#edf4f7);border:1px solid rgba(16,32,43,.06);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px #fffc;flex-shrink:0}.product-logo__image{width:100%;height:100%;object-fit:cover;display:block}.product-info{min-width:0;display:grid;gap:4px}.product-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong)}.product-title{font-size:21px;font-weight:800;line-height:1.15;letter-spacing:-.03em}.product-subtitle{font-size:13px;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;border:1px solid transparent}.status-badge--success{color:var(--success);background:var(--success-soft);border-color:#14815f29}.status-badge--warning{color:var(--warning);background:var(--warning-soft);border-color:#a15f1929}.status-badge--neutral{color:var(--accent-strong);background:var(--accent-soft);border-color:#0f9ca629}.hero-copy{font-size:15px;line-height:1.6;color:#445966;margin-bottom:18px}.overview-grid{display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:16px}.overview-card{min-width:0;padding:12px 14px;border-radius:16px;border:1px solid rgba(16,32,43,.06);background:#ffffff80;box-shadow:inset 0 1px #ffffff85}.overview-card__label{margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.overview-card__value{font-size:14px;font-weight:800;line-height:1.25;letter-spacing:-.02em}.overview-card__meta{margin-top:4px;font-size:12px;line-height:1.4;color:var(--muted)}.inline-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(16,32,43,.08);box-shadow:0 12px 32px #21405014}.inline-notice__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:var(--warning-soft);color:var(--warning);font-weight:800}.inline-notice__content{min-width:0}.inline-notice__title{font-size:13px;font-weight:800;margin-bottom:2px}.inline-notice__text{font-size:12px;line-height:1.5;color:var(--muted)}.inline-notice__action{width:auto;min-width:108px}.subscription-active{display:grid;gap:14px}.subscription-active__header{display:grid;gap:8px}.section-title{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.section-title--spaced{margin-top:4px}.renew-state{font-size:13px;line-height:1.55;color:var(--muted)}.methods,.subscribe-redirect,.state-panel,.methods-empty-card{border-radius:22px;border:1px solid var(--border);background:var(--surface-soft);box-shadow:inset 0 1px #ffffffd1}.methods{padding:14px}.methods-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.methods-empty-card{padding:16px;margin-bottom:16px}.methods-empty-card__title{margin-bottom:8px;font-size:14px;font-weight:700}.methods-empty-card__note{font-size:13px;color:var(--muted);line-height:1.5}.method-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:#ffffffeb;border:1px solid rgba(16,32,43,.07)}.method-label{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer;position:relative}.method-radio{position:absolute;opacity:0;pointer-events:none}.bank-logo{width:46px;height:46px;border-radius:16px;object-fit:cover;background:linear-gradient(180deg,#fff,#edf4f7);border:1px solid rgba(16,32,43,.06);flex-shrink:0;display:flex;align-items:center;justify-content:center}.bank-logo--placeholder{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em}.method-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.bank-name{font-size:13px;font-weight:700;line-height:1.4}.bank-meta{font-size:11px;color:var(--muted)}.bank-meta.is-selected{color:var(--success)}.method-check{width:18px;height:18px;border-radius:50%;border:1px solid rgba(16,32,43,.16);background:#10202b08;margin-left:auto;position:relative;flex-shrink:0}.method-check--active{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 42%,transparent 50%),#0f9ca612;box-shadow:0 0 0 4px #0f9ca61a}.method-remove{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:12px;background:transparent;border:none;color:#10202b6b;flex-shrink:0}.method-remove:hover{background:#10202b0d;color:var(--danger)}button{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:16px;padding:13px 16px;cursor:pointer;color:#f7fdff;font-size:15px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 14px 24px #0b6e8a29;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,background .18s ease}button:hover{filter:brightness(1.04);transform:translateY(-1px)}button:disabled{background:#d8e2e6;box-shadow:none;color:#91a1ab;cursor:default;transform:none;filter:none}.secondary-button{background:#ffffffb3;color:var(--text);border:1px solid rgba(16,32,43,.08);box-shadow:none}.secondary-button:hover{background:#fffffff0}.secondary-button--wide{margin-bottom:2px}.secondary-button--danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(195,77,66,.16)}.secondary-button--danger:hover{background:#c34d422e}.link-button{width:auto;padding:6px 0 0;border-radius:0;background:transparent;color:var(--muted);box-shadow:none;text-decoration:underline;font-size:12px}.payment-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:20px;border:1px solid var(--border);background:#ffffffd1;color:var(--text);box-shadow:none}.payment-card:hover{background:#fffffffa}.payment-card__left{display:flex;align-items:center;gap:12px;min-width:0}.payment-card__info{min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.payment-card__title{font-size:15px;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-card__meta{width:100%;font-size:12px;color:var(--muted);line-height:1.35;text-align:left}.payment-card__chevron{font-size:24px;color:#10202b47;flex-shrink:0}.next-charge{padding:14px 16px;border-radius:18px;background:#0f9ca614;color:var(--accent-strong);font-size:13px;line-height:1.55}.subscribe-redirect,.state-panel{padding:18px}.subscribe-redirect{font-size:15px;line-height:1.6;color:var(--muted)}.subscribe-redirect strong{color:var(--text)}.state-panel{display:grid;gap:10px}.state-panel--compact{padding:16px}.state-panel__title{font-size:15px;font-weight:800;line-height:1.3}.state-panel__description{font-size:13px;line-height:1.55;color:var(--muted)}.footer{margin-top:18px;font-size:12px;line-height:1.55;color:var(--muted)}.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:none;align-items:center;justify-content:center;padding:16px;background:#0e1b2561;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.popup.visible{display:flex}.popup-card{position:relative;width:100%;max-width:352px;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:26px;text-align:center;background:linear-gradient(180deg,#fffffffa,#f7fbfcf0);border:1px solid rgba(255,255,255,.88);box-shadow:0 30px 60px #0b233133}.payment-popup{max-width:408px;text-align:left}.popup-card strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em}.popup-card p,.popup-description{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}.popup-card--confirm strong,.popup-card--confirm p,.popup-card--status strong,.popup-card--status p{padding-inline:28px}.popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;padding:0;border-radius:12px;background:#10202b0d;color:var(--text);box-shadow:none}.popup-close:hover{background:#10202b14}.popup-actions{display:flex;gap:10px;margin-top:10px}.popup-actions button{flex:1;width:auto}.popup-status-button{margin-top:8px}.skeleton{border-radius:14px;background:linear-gradient(90deg,#10202b0a,#10202b17,#10202b0a);background-size:200% 100%;animation:shimmer 1.3s infinite}.skeleton-logo{width:58px;height:58px}.skeleton-title{width:62%;height:22px}.skeleton-line{width:84%;height:14px}.skeleton-block{width:100%;height:156px}.loader-text{font-size:13px;color:var(--muted);text-align:center}.missing-project{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:64px;padding:38px 24px;overflow:hidden;text-align:center;background:radial-gradient(circle at top center,rgba(15,156,166,.16),transparent 42%),linear-gradient(180deg,#fffffffa,#f6fafcf2)}.missing-project__eyebrow{padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.missing-project__code{font-size:58px;font-weight:800;line-height:.95;letter-spacing:-.05em}.missing-project__title{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.03em}.missing-project__description{max-width:286px;font-size:15px;line-height:1.6;color:#445966}.missing-project__hint{width:100%;padding:15px 16px;border-radius:18px;background:#ffffffc7;border:1px solid rgba(16,32,43,.06);font-size:13px;line-height:1.55;color:var(--muted)}button:focus-visible,input:focus-visible,.payment-card:focus-visible,.popup-close:focus-visible,.method-label:focus-within{outline:2px solid rgba(15,156,166,.38);outline-offset:3px}button,a,.payment-card,.method-item,.method-label,.popup-close{-webkit-tap-highlight-color:transparent}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 360px){.app{padding:calc(22px + var(--safe-area-top)) 12px calc(30px + var(--safe-area-bottom))}.card{padding:18px;border-radius:24px}.app-title{font-size:28px}.product-header{flex-direction:column;align-items:stretch}.popup-actions{flex-direction:column}}