:root{--page:#151d29;--surface:#1a222f;--surface-raised:#222d3d;--line:#2f3d50;--text:#eef3fb;--muted:#9aa8bd;--subtle:#77859a;--blue:#4b8bff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(900px 480px at 50% -140px,#263b60 0%,var(--page) 53%);color:var(--text);font:15px system-ui,sans-serif}main{width:min(900px,100%);min-height:100vh;margin:auto;padding:14px 20px 20px;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:.01em}.brand-mark{display:grid;grid-template-columns:repeat(4,3px);grid-template-rows:repeat(4,3px);gap:2px;width:40px;height:40px;padding:10px;border:1px solid #354256;border-radius:12px;background:#202938}.brand-mark i{display:block;background:#edf1fb}.brand-mark i:nth-child(2n),.brand-mark i:nth-child(5),.brand-mark i:nth-child(12){background:#8e7cae}.eyebrow{color:var(--subtle);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}section{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(31,40,54,.96),rgba(22,29,40,.98));padding:28px 34px}h1{margin:0 0 14px;font-size:26px;line-height:1.15}p{color:var(--muted);line-height:1.45}.lead{max-width:660px;margin:0 0 20px;font-size:15px}label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#d9e1ef}input,button{font:inherit}input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#111823;color:var(--text);box-shadow:inset 0 1px 0 #ffffff08}input::placeholder{color:#69778c}input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #4b8bff2b}.tariffs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.tariff{position:relative;min-height:136px;padding:16px 14px;border:1px solid #324054;border-radius:14px;background:var(--surface-raised);color:var(--text);text-align:center;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.tariff:hover{border-color:#5577a6;transform:translateY(-2px)}.tariff.active{border-color:var(--blue);background:linear-gradient(150deg,#263653,#202a3b);box-shadow:0 0 0 2px #4b8bff2b}.tariff strong{display:block;margin-top:2px;font-size:14px;font-weight:800;color:#dce5f3}.tariff small{display:block;margin-top:16px;padding-top:12px;border-top:1px solid #354154;color:#91a0b6;font-size:12px}.methods{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.methods .tariff{min-height:56px;text-align:left}.selection{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.selection-copy{color:var(--muted);font-size:14px}.selection-copy strong{color:var(--text)}.go{min-width:134px;padding:13px 18px;border:0;border-radius:12px;background:var(--blue);box-shadow:0 6px 15px #0b1d3c55;color:#fff;font-weight:800;cursor:pointer;transition:background .16s ease,transform .16s ease}.go:hover:not(:disabled){background:#5a96ff;transform:translateY(-1px)}.go:disabled{background:#30405a;color:#8594aa;cursor:not-allowed;box-shadow:none}.message{margin-top:14px;white-space:pre-wrap;font-size:14px}.error{color:#ffb6b6}.details{padding:12px;border:1px solid var(--line);border-radius:10px;background:#121a26;overflow-wrap:anywhere;color:#a7c6ff}.success{display:grid;gap:12px}.success h1{color:#9fc0ff}.success p{margin:0}.success-label{font-weight:700;color:var(--text)}.action{display:block;width:fit-content;max-width:100%;padding:11px 14px;border-radius:10px;background:var(--blue);color:#fff;font-weight:700;text-decoration:none}.telegram-state{padding:12px;border:1px solid #3b78d2;background:#203352;border-radius:10px}.warning{color:#ffce91!important;font-size:13px}footer{margin-top:auto;padding-top:22px;color:var(--subtle);font-size:14px}footer a{color:#b7c9e5;text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}dialog{width:min(430px,calc(100% - 32px));padding:0;border:1px solid #3a4d68;border-radius:16px;background:#1b2432;color:var(--text);box-shadow:0 24px 70px #000b}dialog::backdrop{background:#07101acc}.dialog-content{padding:22px}.dialog-content h2{margin:0 0 8px;font-size:22px}.dialog-content p{margin:0}.summary{margin:18px 0;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#151e2b}.summary-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;color:var(--muted)}.summary-row strong{color:var(--text);text-align:right}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.dialog-actions button{min-height:46px;border-radius:10px;font-weight:800;cursor:pointer}.cancel{border:1px solid #3a495e;background:transparent;color:var(--text)}.confirm{border:0;background:var(--blue);color:#fff}@media(max-width:760px){main{padding:14px 16px 20px}header{margin-bottom:22px}section{padding:24px 22px}.tariffs{grid-template-columns:repeat(2,minmax(0,1fr))}.tariff{min-height:122px}}@media(max-width:520px){.brand{font-size:18px}.brand-mark{width:36px;height:36px;padding:8px}.eyebrow{font-size:10px;text-align:right}section{padding:20px 16px;border-radius:16px}h1{font-size:24px}.lead{font-size:14px}.tariffs,.methods,.dialog-actions{grid-template-columns:1fr}.tariff{min-height:94px;text-align:left}.tariff small{margin-top:10px;padding-top:8px}.selection{align-items:stretch;flex-direction:column}.go{width:100%}}


:root{--page:#10151e;--surface:#171e29;--surface-raised:#111823;--line:#2b3648;--text:#e7edf5;--muted:#aab6c8;--subtle:#9facbf;--blue:#43b89b}body{background:#10151e}.success{gap:18px}.success-badge{display:inline-flex;width:max-content;padding:7px 14px;border:1px solid #43b89b;border-radius:999px;color:#8ae4c8;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.success h1{margin:0;color:var(--text);font-size:38px}.success-lead{margin:0 0 12px;font-size:18px}.success-label{margin-top:4px;color:#b9c8da;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.success .details{padding:18px;border-color:#334157;border-radius:12px;background:#0f151e;color:#edf4ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.success .action{width:100%;padding:16px;border-radius:12px;background:#43b89b;color:#06251e;text-align:center;font-size:17px}.connection-guide{margin-top:8px;padding-top:24px;border-top:1px solid var(--line)}.connection-guide h2{margin:0 0 16px;font-size:26px}.guide-card{padding:16px 18px;border:1px solid #2b3648;border-radius:10px;background:#111823}.guide-card p{margin:0;color:#c2ccdb;font-size:16px}.guide-card p+p{margin-top:10px}.guide-card a{color:#8ae4c8}.guide-or{margin:13px 0;color:#9facbf;text-align:center;font-weight:700}.telegram-state{border-color:#3f806f;background:#17372f}.telegram-state p{margin:0 0 10px}.warning{margin:0;color:#ffce91!important}@media(max-width:520px){.success h1{font-size:30px}.success-lead{font-size:16px}.connection-guide h2{font-size:23px}.guide-card{padding:14px}}


:root{--page:#10151e;--surface:#171e29;--surface-raised:#121a25;--line:#293545;--text:#edf3fa;--muted:#9eacbe;--subtle:#718097;--blue:#1daec4}body{background:radial-gradient(760px 560px at 100% 78%,#0a3a4a 0%,#10151e 68%);font:14px system-ui,sans-serif}main{width:min(620px,100%);padding:14px 16px 20px}header{margin-bottom:26px;padding:10px 0 16px;border-bottom:1px solid #202b39}.brand{gap:9px;color:#20c5dd;font-size:18px;text-decoration:none}.brand-mark{display:flex;align-items:center;gap:2px;width:25px;height:25px;padding:0;border:0;border-radius:0;background:transparent}.brand-mark i{width:2px;height:8px;border-radius:2px;background:#20c5dd!important}.brand-mark i:nth-child(2),.brand-mark i:nth-child(15){height:13px}.brand-mark i:nth-child(3),.brand-mark i:nth-child(14){height:18px}.brand-mark i:nth-child(4),.brand-mark i:nth-child(13){height:23px}.brand-mark i:nth-child(5),.brand-mark i:nth-child(12){height:16px}.brand-mark i:nth-child(6),.brand-mark i:nth-child(11){height:9px}.brand-mark i:nth-child(n+7):nth-child(-n+10){height:5px}section{border-color:#293545;border-radius:16px;background:#171e29;padding:24px}.success{gap:14px}.success-badge{display:none}.success h1{margin:0;color:#edf3fa;font-size:26px}.success-lead{margin:0;color:#9eacbe;font-size:14px;line-height:1.55}.success-label{margin:0 0 7px;padding-left:14px;color:#8998aa;font-size:11px;letter-spacing:.04em;text-transform:none}.success .details{padding:13px 14px;border-color:#2d3b4d;border-radius:8px;background:#121924;color:#dce7f2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.subscription-copy{display:flex;min-width:0}.subscription-copy .details{min-width:0;flex:1;border-radius:8px 0 0 8px}.copy-button{flex:0 0 auto;border:1px solid #2d3b4d;border-left:0;border-radius:0 8px 8px 0;background:#182637;color:#dce7f2;font-size:12px;font-weight:800;cursor:pointer}.copy-button:hover{background:#21364d}.copy-button:focus-visible{outline:2px solid #20c5dd;outline-offset:2px}.success .action{display:block;width:100%;padding:13px 15px;border-radius:8px;background:#168fa5;color:#eaffff;text-align:center;font-size:14px;font-weight:800;box-shadow:none}.success .action:hover{background:#1aa7be}.connection-guide{margin:0;padding-top:18px;border-top-color:#293545}.connection-guide h2{margin:0 0 12px;padding-left:14px;color:#edf3fa;font-size:18px}.guide-card{padding:13px 14px;border-color:#293545;border-radius:9px;background:#121924}.guide-card p{color:#b7c4d3;font-size:14px;line-height:1.45}.guide-card p+p{margin-top:7px}.guide-card a{color:#20c5dd}.guide-or{margin:10px 0;color:#8a99ac;font-size:13px}.telegram-state{display:grid;gap:9px;padding:0;border:0;background:transparent}.telegram-state p{margin:0;padding-left:14px;color:#9eacbe;font-size:13px}.warning{margin:0;padding-left:14px;color:#e9bd75!important;font-size:12px}footer{font-size:12px}@media(max-width:520px){main{padding:12px}section{padding:19px 16px}.success h1{font-size:23px}.connection-guide h2{font-size:17px}.copy-button{padding:0 11px}}


main{width:min(900px,100%)}.brand-mark{gap:3px}.brand-mark i{width:3px;height:11px;background:#20c5dd!important}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:25px}.brand-mark i:nth-child(4){height:17px}.brand-mark i:nth-child(5){height:11px}.brand-mark i:nth-child(n+6){display:none}


.tariff{display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.tariff strong{margin:0;color:#eaf3fc;font-size:14px}.tariff .tariff-price{display:block;margin:auto 0 4px;color:#42c7dc;font-size:22px;font-weight:800;line-height:1.05}.tariff small{margin:0;padding:0;border:0;color:#8fa0b5;font-size:12px;line-height:1.3}.tariff small:empty{display:none}.tariff.active .tariff-price{color:#73dded}@media(max-width:520px){.tariff .tariff-price{margin:12px 0 4px}}


.payment-loading{display:grid;min-height:360px;place-content:center;justify-items:center;gap:16px;text-align:center}.payment-loading[hidden]{display:none}.payment-spinner{width:34px;height:34px;border:3px solid #2d3b4d;border-top-color:#20c5dd;border-radius:50%;animation:payment-spin .8s linear infinite}.payment-loading p{margin:0;color:#b7c4d3;font-size:15px;font-weight:700}@keyframes payment-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.payment-loading{min-height:300px}}