html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f3f7ff;color:#0b1220}*{box-sizing:border-box}:root{--bg-0: #f3f7ff;--bg-1: #eaf2ff;--card: rgba(255, 255, 255, .82);--card-strong: rgba(255, 255, 255, .92);--border: rgba(11, 18, 32, .1);--border-strong: rgba(11, 18, 32, .14);--text: #0b1220;--muted: rgba(11, 18, 32, .62);--muted-2: rgba(11, 18, 32, .48);--tg-blue: #2aabee;--tg-blue-2: #1f8ed6;--success: #2ed3b7;--error: #ff4d6d;--shadow: 0 18px 60px rgba(11, 18, 32, .18);--shadow-soft: 0 10px 30px rgba(11, 18, 32, .12);--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px}.app{min-height:100vh;position:relative}.app__bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 700px at 10% 15%,rgba(42,171,238,.22),transparent 62%),radial-gradient(800px 600px at 90% 30%,rgba(42,171,238,.14),transparent 58%),radial-gradient(900px 700px at 50% 110%,rgba(109,94,246,.1),transparent 58%),linear-gradient(180deg,var(--bg-0),var(--bg-1));pointer-events:none}.container{max-width:720px;margin:0 auto;padding:18px 16px 28px;position:relative}.stack{display:flex;flex-direction:column;gap:12px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;position:relative;padding-right:112px}.header__titleBlock{display:flex;flex-direction:column;gap:6px}.header__title{font-size:22px;font-weight:800;letter-spacing:-.02em}.header__subtitle{font-size:13px;color:var(--muted)}.planButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;position:absolute;top:0;right:0;padding:8px 12px;border-radius:999px;border:1px solid rgba(42,171,238,.35);background:#0b1220e0;color:#ffffffeb;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.planButton__statusDot{width:9px;height:9px;border-radius:50%}.planButton__statusDot--ok{background:var(--success);box-shadow:0 0 0 3px #2ed3b738}.planButton__statusDot--bad{background:var(--error);box-shadow:0 0 0 3px #ff4d6d38}.planButton:active{transform:translateY(1px)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:14px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card--primary{background:linear-gradient(180deg,#2aabee24,#fffc);border-color:#2aabee33}.card__header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.card__title{font-size:14px;font-weight:700}.card__hint{font-size:12px;color:var(--muted-2)}.alert{padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffbd;font-size:13px;color:#0b1220db}.alert--info{border-color:#2aabee42;background:#2aabee1a}.alert--error{border-color:#ff4d6d61;background:#ff4d6d1a}.upload{position:relative}.upload__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload__surface{border-radius:var(--radius-lg);padding:14px;border:1px dashed rgba(11,18,32,.22);background:#ffffff9e}.upload__label{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload__meta{margin-top:6px;font-size:12px;color:var(--muted)}.upload--disabled .upload__input{cursor:not-allowed}.upload--disabled{opacity:.7}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid rgba(11,18,32,.12);background:#ffffffb8;color:#0b1220db;padding:9px 12px;border-radius:999px;font-size:13px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.chip:active{transform:translateY(1px)}.chip--active{border-color:#2aabee8c;background:linear-gradient(180deg,#2aabee47,#2aabee1f)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}label{font-size:12px;color:var(--muted)}.input{padding:12px;border-radius:var(--radius-md);border:1px solid rgba(11,18,32,.12);background:#ffffffc7;color:var(--text);outline:none}.input:focus{border-color:#2aabee8c;box-shadow:0 0 0 4px #2aabee29}.helper{margin-top:10px;font-size:12px;color:var(--muted-2)}.segmented{display:flex;background:#ffffffb3;border:1px solid rgba(11,18,32,.1);border-radius:var(--radius-lg);padding:4px;gap:4px}.segmented__item{flex:1 1 0;padding:10px;border-radius:12px;border:none;cursor:pointer;background:transparent;color:#0b1220a8;font-weight:700;letter-spacing:.02em}.segmented__item--active{background:linear-gradient(180deg,#2aabee61,#2aabee2e);color:#0b1220e6}.footerCta{display:flex;flex-direction:column;gap:8px;margin-top:4px}.cta{width:100%;padding:14px;border-radius:18px;border:0;cursor:pointer;color:#fff;font-weight:800;font-size:15px;background:linear-gradient(135deg,var(--tg-blue),var(--tg-blue-2));box-shadow:var(--shadow)}.cta:active{transform:translateY(1px)}button:disabled,.cta:disabled,.chip:disabled,.segmented__item:disabled{opacity:.55;cursor:not-allowed}.footerCta__hint{font-size:12px;color:var(--muted-2)}a{color:#1f8ed6f2}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b12208c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.modal{width:100%;max-width:420px;background:#fffffff2;border:1px solid rgba(11,18,32,.12);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:16px}.modal__title{font-size:16px;font-weight:800;letter-spacing:-.01em}.modal__body{margin-top:8px;font-size:13px;color:#0b1220c7}.modal__actions{margin-top:14px;display:flex;justify-content:flex-end}.modal__button{border:0;cursor:pointer;padding:10px 12px;border-radius:12px;color:#0b1220eb;background:#2aabee2e;font-weight:800}.modal__button:active{transform:translateY(1px)}.plansLoading{font-size:13px;color:#0b1220c7}.plansError{font-size:13px;color:#ff4d6deb}.plansList{margin-top:6px;display:flex;flex-direction:column;gap:10px}.planRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(11,18,32,.1);background:#ffffffc7}.planRow--current{border-color:#2aabee8c;background:linear-gradient(180deg,#2aabee33,#ffffffd1)}.planRow__main{display:flex;flex-direction:column;gap:6px;min-width:0}.planRow__name{font-size:14px;font-weight:800;color:#0b1220eb}.planRow__meta{display:inline-flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#0b12209e}.planRow__price{flex:0 0 auto;font-size:13px;font-weight:900;color:#0b1220e6;white-space:nowrap}.planRow__payButtons{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.planPayButton{border:1px solid rgba(11,18,32,.12);background:#ffffffc7;color:#0b1220eb;padding:9px 10px;border-radius:12px;font-size:13px;font-weight:900;cursor:pointer}.planPayButton--rub{border-color:#0b12201f;background:#ffffffc7}.planPayButton:active{transform:translateY(1px)}@media (max-width: 440px){.header{flex-direction:column;align-items:stretch;padding-right:0}.planButton{top:0;right:0}}