:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top,rgba(255,214,165,.6),transparent 28%),radial-gradient(circle at right,rgba(130,194,255,.35),transparent 32%),linear-gradient(180deg,#fffdf8,#f4f7fb);color:#142033;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}body.body_modal-open{overflow:hidden}button,input,textarea,select{font:inherit}code{padding:.1rem .35rem;border-radius:999px;background:#14203314}.screen{min-height:100dvh}.screen_selector{display:flex;align-items:center;justify-content:center;padding:32px 20px}.selector-shell{width:min(1120px,100%);display:grid;gap:32px}.selector-shell__hero{max-width:760px}.eyebrow{margin:0 0 12px;font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8e4b17}.selector-shell h1{margin:0;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.98;letter-spacing:-.05em}.selector-shell__lead{max-width:62ch;margin:20px 0 0;font-size:1.08rem;color:#48556a}.selector-shell__pwa{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px 22px;border:1px solid rgba(20,32,51,.08);border-radius:28px;background:linear-gradient(180deg,#fffffff0,#fffffffa),linear-gradient(135deg,#2155f517,#4fc3f71f);box-shadow:0 18px 40px #14203314}.selector-shell__pwa-copy h2{margin:0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.08;letter-spacing:-.03em}.selector-shell__pwa-copy p{margin:10px 0 0;max-width:48rem;color:#526075}.selector-shell__pwa-eyebrow{margin:0 0 8px;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#235ef0}.selector-shell__pwa-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px}.selector-shell__pwa-button,.selector-shell__pwa-pill{min-height:44px;padding:0 16px;border-radius:999px;font-weight:700}.selector-shell__pwa-button{border:1px solid rgba(20,32,51,.08);background:#2155f5;color:#fff;cursor:pointer;box-shadow:0 10px 24px #2155f52e;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.selector-shell__pwa-button:hover,.selector-shell__pwa-button:focus-visible{transform:translateY(-1px);box-shadow:0 14px 28px #2155f53d;outline:none}.selector-shell__pwa-pill{display:inline-flex;align-items:center;justify-content:center;background:#1420330f;color:#2b3950}.variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.variant-card{display:grid;gap:14px;min-height:280px;padding:24px;border:1px solid rgba(20,32,51,.08);border-radius:28px;background:linear-gradient(180deg,#ffffffe0,#fffffffa),var(--card-bg);box-shadow:0 18px 50px rgba(var(--card-shadow),.18),inset 0 1px #fffc;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.variant-card:hover,.variant-card:focus-visible{transform:translateY(-3px);border-color:var(--card-border);box-shadow:0 24px 60px rgba(var(--card-shadow),.24),inset 0 1px #ffffffe6;outline:none}.variant-card__kicker{font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--card-accent)}.variant-card__title{font-size:1.55rem;font-weight:700;line-height:1.08}.variant-card__text{color:#526075}.variant-card__cta{align-self:end;display:inline-flex;width:fit-content;padding:.72rem 1rem;border-radius:999px;color:#142033;background:var(--card-soft);font-weight:700}.screen_showcase{padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.showcase-shell{min-height:calc(100dvh - 40px - env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:16px}.variant-banner{z-index:10}.variant-banner__body{position:relative;padding:18px 22px;border:1px solid var(--banner-border);border-radius:24px;background:var(--banner-bg);color:var(--banner-text);box-shadow:0 18px 50px rgba(var(--banner-shadow),.2)}.variant-banner__close{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff29;color:var(--banner-text);cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.variant-banner__close:hover,.variant-banner__close:focus-visible{transform:translateY(-1px);background:#ffffff3d;border-color:#ffffff70;outline:none}.variant-banner__close span{font-size:1.45rem;line-height:1}.variant-banner__content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}.variant-banner__copy{min-width:0}.variant-banner h1{margin:0;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.08;letter-spacing:-.04em;padding-right:48px;max-width:32rem;text-wrap:balance;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.variant-banner p{margin:10px 0 0;color:var(--banner-muted);max-width:46rem;line-height:1.45;text-wrap:pretty;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.variant-banner__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:12px}.variant-banner__actions-wrap{display:grid;justify-items:end;gap:10px}.variant-banner__action{flex:0 0 auto;min-height:48px;padding:0 18px;border-radius:999px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.variant-banner__action_primary{border:1px solid rgba(20,32,51,.08);border-radius:999px;background:var(--banner-button-bg);color:var(--banner-button-text);box-shadow:0 10px 24px #1420331f}.variant-banner__action_secondary{border:1px solid rgba(255,255,255,.42);background:color-mix(in srgb,var(--banner-bg) 84%,black 16%);color:#fff;box-shadow:0 10px 24px #1420331a}.variant-banner__action:hover,.variant-banner__action:focus-visible{transform:translateY(-1px);box-shadow:0 14px 28px #14203329;outline:none}.variant-banner__status{width:min(32rem,100%);padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.26);background:#ffffff1f;box-shadow:inset 0 1px #ffffff29}.variant-banner__status[data-tone=success]{background:#0e582e33;border-color:#bcffd657}.variant-banner__status[data-tone=error]{background:#5f111338;border-color:#ffced052}.variant-banner__status-text{margin:0;font-size:.95rem;line-height:1.45;color:inherit}.variant-banner__status-link{display:inline-flex;width:fit-content;margin-top:10px;color:inherit;font-weight:700;text-decoration-thickness:.08em;text-underline-offset:.18em}.variant-banner__status-link:hover,.variant-banner__status-link:focus-visible{text-decoration:none;outline:none}.status-check-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px}.status-check-modal[hidden]{display:none}.status-check-modal__backdrop{position:absolute;inset:0;background:#14203385;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-check-modal__dialog{position:relative;z-index:1;width:min(640px,100%);display:grid;gap:20px;padding:24px;border:1px solid rgba(20,32,51,.08);border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f6f9fffa),#fff;box-shadow:0 28px 80px #14203338;color:#142033}.status-check-modal__close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(20,32,51,.08);border-radius:999px;background:#1420330a;color:#142033;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.status-check-modal__close:hover,.status-check-modal__close:focus-visible{transform:translateY(-1px);border-color:#14203324;background:#14203314;outline:none}.status-check-modal__close span{font-size:1.45rem;line-height:1}.status-check-modal__copy{padding-right:48px}.status-check-modal__copy h2{margin:0;font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.08;letter-spacing:-.04em}.status-check-modal__copy p{margin:10px 0 0;color:#526075;line-height:1.5}.status-check-form{display:grid;gap:16px}.status-check-form__label{font-size:.95rem;font-weight:700;color:#223147}.status-check-form__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.status-check-form__input,.status-check-form__submit{min-height:52px;border-radius:18px}.status-check-form__input{width:100%;padding:0 16px;border:1px solid rgba(20,32,51,.12);background:#fff;color:#142033;transition:border-color .18s ease,box-shadow .18s ease}.status-check-form__input::placeholder{color:#7a879b}.status-check-form__input:hover,.status-check-form__input:focus-visible{border-color:#235ef066;box-shadow:0 0 0 4px #235ef01f;outline:none}.status-check-form__input[aria-invalid=true]{border-color:#c02c3499;box-shadow:0 0 0 4px #c02c341f}.status-check-form__submit{padding:0 20px;border:0;background:#235ef0;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 14px 28px #235ef033;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.status-check-form__submit:hover,.status-check-form__submit:focus-visible{transform:translateY(-1px);box-shadow:0 18px 34px #235ef03d;outline:none}.status-check-form__submit:disabled,.status-check-form__input:disabled{cursor:wait}.status-check-form__submit:disabled{transform:none;background:#6f92ee;box-shadow:none}.status-check-form__result{padding:14px 16px;border-radius:18px;border:1px solid rgba(20,32,51,.08);background:#f3f7ff;color:#17314a;line-height:1.45}.status-check-form__result[data-tone=success]{border-color:#298a4e38;background:#e2f7ebf5;color:#0f5a31}.status-check-form__result[data-tone=error]{border-color:#c02c3433;background:#ffefeffa;color:#8d1f27}.status-check-form__auth-buttons{display:flex;align-items:center;flex-wrap:nowrap;gap:12px}.status-check-form__auth-button{flex:0 0 auto;padding:0;border:0;border-radius:20px;background:transparent;cursor:default}.status-check-form__auth-button:focus-visible{outline:3px solid rgba(35,94,240,.18);outline-offset:3px}.status-check-form__auth-button_tbank,.status-check-form__auth-button_alfa{width:67px;height:69px}.status-check-form__auth-button-shell{display:inline-flex;align-items:center;justify-content:center;width:67px;height:67px;border-radius:999px;box-shadow:0 14px 28px #1420331f}.status-check-form__auth-button_tbank .status-check-form__auth-button-shell{background:#f8dd2e}.status-check-form__auth-button_alfa .status-check-form__auth-button-shell{background:#ef3124}.status-check-form__auth-button-logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px;font-weight:800;line-height:1;letter-spacing:-.06em;-webkit-user-select:none;user-select:none}.status-check-form__auth-button-logo_tbank{color:#1f1f1f}.status-check-form__auth-button-logo_alfa{color:#fff}.external-panel{overflow:hidden;border-radius:28px;border:1px solid rgba(20,32,51,.08);background:linear-gradient(180deg,#fffffffa,#f8fbfffa),#fff;box-shadow:0 24px 70px #1420331a}.external-panel_fullscreen{position:fixed;inset:0;z-index:60;border:0;border-radius:0;box-shadow:none;background:#f4f7fb}.external-panel__body{display:grid;gap:18px;padding:18px}.external-panel_fullscreen .external-panel__body{min-height:100dvh;grid-template-rows:auto minmax(0,1fr);gap:0;padding:0}.external-panel__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.external-panel_fullscreen .external-panel__header{position:sticky;top:0;z-index:1;padding:18px 18px 14px;border-bottom:1px solid rgba(20,32,51,.08);background:linear-gradient(180deg,#fffffffa,#f8fbfffa),#fff}.external-panel__copy h2{margin:0;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.08;letter-spacing:-.03em}.external-panel__eyebrow{display:inline-flex;margin-bottom:8px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4a6b8d}.external-panel__copy p{margin:8px 0 0;color:#526075;max-width:48rem}.external-panel__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.external-panel__button,.external-panel__link,.external-panel__close{min-height:46px;padding:0 18px;border-radius:999px;font-weight:700}.external-panel__button{border:1px solid rgba(20,32,51,.12);background:#eef4ff;color:#17314a;cursor:pointer;box-shadow:0 10px 24px #14203314;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.external-panel__link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(20,32,51,.08);background:#fff;color:#17314a;text-decoration:none;box-shadow:0 10px 24px #14203314}.external-panel__close{border:1px solid rgba(20,32,51,.12);background:#eff6ff;color:#17314a;cursor:pointer;box-shadow:0 10px 24px #14203314;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.external-panel__button:hover,.external-panel__button:focus-visible,.external-panel__link:hover,.external-panel__link:focus-visible,.external-panel__close:hover,.external-panel__close:focus-visible{transform:translateY(-1px);box-shadow:0 14px 28px #1420331f;outline:none}.external-panel__frame-shell{overflow:hidden;min-height:68dvh;border-radius:20px;border:1px solid rgba(20,32,51,.08);background:#fff}.external-panel_fullscreen .external-panel__frame-shell{min-height:0;height:100%;border:0;border-radius:0}.external-panel__frame{display:block;width:100%;height:clamp(480px,68dvh,920px);border:0;background:#fff}.external-panel_fullscreen .external-panel__frame{height:100%;min-height:calc(100dvh - 112px)}.external-panel__placeholder{padding:22px;border-radius:20px;border:1px dashed rgba(20,32,51,.16);background:linear-gradient(180deg,#fffffff5,#f6f9fffa),#fff}.external-panel__placeholder-title{margin:0;font-size:1.05rem;font-weight:700;color:#17314a}.external-panel__placeholder-text{margin:10px 0 0;max-width:48rem;color:#526075}.showcase-frame{min-height:calc(100dvh - 40px - env(safe-area-inset-bottom));overflow:hidden;border-radius:28px;border:1px solid rgba(20,32,51,.08);background:#fff;box-shadow:0 24px 70px #1420331a}.showcase-frame__iframe{display:block;width:100%;height:100%;min-height:100%;border:0;background:#fff}@media(max-width:959px){.selector-shell__pwa{grid-template-columns:1fr}.selector-shell__pwa-actions{justify-content:flex-start}.variant-grid{grid-template-columns:1fr}.variant-card{min-height:auto}.variant-banner__content{grid-template-columns:1fr;align-items:flex-start}.variant-banner__actions{width:100%;justify-content:flex-start}.variant-banner__actions-wrap{width:100%;justify-items:stretch}.variant-banner__action,.variant-banner__status{width:100%}.external-panel__header{grid-template-columns:1fr;align-items:flex-start}.external-panel_fullscreen .external-panel__header{padding:14px 14px 12px}.external-panel__actions{justify-content:flex-start}}@media(max-width:640px){.screen_showcase{padding-inline:12px}.status-check-modal{padding:16px}.status-check-modal__dialog{padding:20px 16px 16px;border-radius:24px}.status-check-modal__copy{padding-right:40px}.status-check-form__controls{grid-template-columns:1fr}.status-check-form__submit{width:100%}.variant-banner__body{padding:18px 16px 16px}.variant-banner h1{padding-right:40px;max-width:none}.variant-banner__close{top:12px;right:12px}.external-panel{border-radius:22px}.external-panel_fullscreen{border-radius:0}.external-panel__body{padding:14px}.selector-shell__pwa{padding:16px;border-radius:22px}.selector-shell__pwa-button,.selector-shell__pwa-pill,.external-panel__button,.external-panel__link,.external-panel__close{width:100%}.external-panel__frame-shell{min-height:56dvh;border-radius:18px}.external-panel__frame{height:56dvh}.external-panel_fullscreen .external-panel__frame{height:100%;min-height:calc(100dvh - 136px)}}@media(max-width:767px){.screen_selector,.screen_showcase{padding-inline:14px}.selector-shell{gap:24px}.selector-shell__lead{font-size:1rem}.showcase-shell{min-height:calc(100dvh - 40px - env(safe-area-inset-bottom));gap:12px}.variant-banner__body{padding:16px;border-radius:20px}.variant-banner__content{flex-direction:column;align-items:stretch}.variant-banner__action{width:100%}.showcase-frame{border-radius:22px}}