:root{--sky-base:#2E6AD2;--sky-hero-webp:url(../panel/assets/hero_sky.webp);--sky-hero:var(--sky-hero-webp);--sky-final-webp:url(../panel/assets/final_sky.webp);--sky-final:var(--sky-final-webp);--obj-shadow:none;--tg-wall:radial-gradient(60% 50% at 12% 10%,#DBDDBB 0%,rgba(219,221,187,0) 100%),radial-gradient(55% 55% at 90% 22%,#88B884 0%,rgba(136,184,132,0) 100%),radial-gradient(60% 60% at 18% 88%,#6BA587 0%,rgba(107,165,135,0) 100%),radial-gradient(60% 55% at 86% 92%,#D5D88D 0%,rgba(213,216,141,0) 100%),#A9C49B}
@supports (background-image:image-set(url("a.avif") type("image/avif"))){:root{--sky-hero:image-set(url(../panel/assets/hero_sky.avif) type("image/avif"),var(--sky-hero-webp) type("image/webp"));--sky-final:image-set(url(../panel/assets/final_sky.avif) type("image/avif"),var(--sky-final-webp) type("image/webp"))}}
[hidden]{display:none !important}
@media (scripting:enabled){.page[data-wait] :is(.top :is(.links,.me),.cl,header > :not(.sky,.top)),.page[data-wait] > :not(header){visibility:hidden}}
body{-webkit-user-select:none;user-select:none}
.page{padding:12px}
.sel{-webkit-user-select:text;user-select:text}

.sky{position:relative;border-radius:var(--r);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#4A80DA 0%,#5A8CE0 58%,#7DA6E9 74%,#BBD1F4 88%,#FFFFFF 100%),var(--sky-hero) 50% 0/cover no-repeat var(--sky-base);background-blend-mode:multiply,normal;color:#FFFFFF}
.cl{position:absolute;height:auto;pointer-events:none}
.top{position:relative;z-index:5;height:88px;padding:0 28px 0 32px;color:#FFFFFF}
.top .links a{opacity:0.86}
.top .links a.on{opacity:1}
.top .me{box-shadow:var(--lift)}
.top .me:focus-visible{outline-color:#FFFFFF}
.hero{position:relative;display:grid;grid-template-rows:88px auto;isolation:isolate}
.hero>.sky{position:absolute;inset:0;z-index:0}
.hero .ca{z-index:1;width:820px;left:-360px;bottom:-420px}
.hero .cb{z-index:1;width:860px;right:-300px;bottom:-330px;transform:scaleX(-1)}
.hero .cf{z-index:3;width:1100px;left:calc(50% - 40px);bottom:-370px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;height:58px;padding:0 28px;border-radius:29px;font-size:17px;font-weight:650;letter-spacing:-0.01em;white-space:nowrap;transition:background-color var(--t-state) var(--ease),box-shadow var(--t-state) var(--ease),scale var(--t-state) var(--ease)}
.btn svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn.white{color:var(--ink);background:#FFFFFF;box-shadow:var(--btn-white)}
.btn.blue{color:#FFFFFF;background:var(--blue);box-shadow:var(--btn-blue)}
.btn.blue:focus-visible{outline-color:var(--ink)}
.btn.soft{color:var(--ink);background:var(--soft)}
.btn.wide{width:100%}
@media (hover:hover) and (pointer:fine){
  .btn.white:hover{background:#F3F6FB}
  .btn.blue:hover{background:#0F55D0}
  .btn.soft:hover{background:#E4EAF3}
}

.sec{margin-top:104px}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;padding:0 4px}
.shead h2{font-size:56px;line-height:60px;font-weight:650;letter-spacing:-0.04em;font-variation-settings:'opsz' 32;text-wrap:balance}
.shead p{margin-bottom:6px;font-size:17px;line-height:22px;color:var(--muted)}

.qa+.qa{box-shadow:inset 0 1px 0 var(--line)}
.q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;box-sizing:border-box;min-height:80px;padding:12px 22px 12px 30px;text-align:left;font-size:19px;line-height:24px;font-weight:600;letter-spacing:-0.015em;transition:background-color var(--t-soft) var(--ease),scale var(--t-state) var(--ease)}
.q i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:19px;background:var(--soft);color:var(--ink);transition:transform var(--t-soft) var(--ease),background-color var(--t-soft) var(--ease),color var(--t-soft) var(--ease)}
.q i svg{width:14px;height:8px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qa.open .q i{transform:rotate(180deg);background:var(--blue2);color:#FFFFFF}
.qa .a{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows var(--t-soft) var(--ease),visibility 0s var(--t-soft)}
.qa.open .a{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows var(--t-soft) var(--ease),visibility 0s 0s}
.qa .a>div{min-height:0;overflow:hidden}
.qa .ab{padding:0 96px 28px 30px;opacity:0;transform:translateY(-6px);transition:opacity var(--t-state) var(--ease),transform var(--t-soft) var(--ease);-webkit-user-select:text;user-select:text}
.qa.open .ab{opacity:1;transform:none;transition-delay:.12s}
.qa .ab p{font-size:17px;line-height:26px;font-weight:600;color:var(--ink)}
.qa .ab ul{display:grid;gap:8px;margin-top:12px;list-style:none}
.qa .ab li{position:relative;padding-left:22px;font-size:17px;line-height:26px;color:#3A3F4A}
.qa .ab li::before{content:"";position:absolute;left:3px;top:10px;width:6px;height:6px;border-radius:3px;background:var(--blue2)}
.q:focus-visible{outline-offset:-4px}
@media (hover:hover) and (pointer:fine){.q:hover{background:#F5F8FD}}


.skyw{position:relative;overflow:hidden;isolation:isolate;background-color:var(--sky-base);background-size:cover;background-repeat:no-repeat;color:#FFFFFF}
.skyw::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(180deg,#4A80DA 0%,#6593E0 50%,#FFFFFF 100%)}
.no{position:absolute;display:block}
.no img{width:100%;height:100%;object-fit:contain}
.ch{flex:none;display:grid;color:#B5BAC4}
.ch svg{width:8px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stars{flex:none;display:flex;gap:1px}
.stars svg{width:14px;height:14px}

.mas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.mcol{display:flex;flex-direction:column;gap:16px}
.rate{overflow:hidden}
.rate-h{height:250px;background-image:var(--sky-final);background-position:25% 35%}
.rate-h::before{background:linear-gradient(180deg,#4A80DA 0%,#5283DD 68%,#FFFFFF 98%)}
.rate-h b{position:absolute;z-index:5;left:22px;top:16px;font-size:96px;line-height:104px;font-weight:650;letter-spacing:-0.05em;font-variant-numeric:tabular-nums}
.rate-h .stars{position:absolute;z-index:5;left:26px;top:124px;gap:2px}
.rate-h .stars svg{width:20px;height:20px}
.rate-h small{position:absolute;z-index:5;left:26px;top:152px;font-size:16px;line-height:20px}
.rate-h .no{z-index:2;width:112px;height:112px;right:-12px;bottom:16px}
.rate-h .cl{z-index:3;width:520px;right:-150px;bottom:-230px}
.rate-f{display:flex;align-items:baseline;gap:7px;padding:16px 22px 20px;font-size:16px;color:var(--muted)}
.rate-f b{font-size:24px;line-height:28px;font-weight:650;letter-spacing:-0.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.rv{display:block;margin:0;padding:20px 22px 24px}
.rv figcaption{display:flex;align-items:center;gap:12px}
.rv .av{position:relative;flex:none;width:46px;height:46px;border-radius:23px;overflow:hidden;background:var(--soft)}
.rv .av img{display:block;width:100%;height:100%;object-fit:cover}
.rv .av::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(10,30,80,0.08)}
.rv .who{flex:1;min-width:0}
.rv .who b{display:block;overflow:hidden;font-size:16px;line-height:20px;font-weight:600;letter-spacing:-0.012em;text-overflow:ellipsis;white-space:nowrap}
.rv .who b .mask{margin:0 0.06em;font-weight:400;letter-spacing:0.08em;color:#A3ABB9}
.rv .who small{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;line-height:16px;color:var(--muted);white-space:nowrap}
.rv blockquote{margin:14px 0 0;font-size:16.5px;line-height:25px;letter-spacing:-0.006em;color:#16181D;overflow-wrap:anywhere}
.mas-more{display:none}

.fgrid{display:grid;grid-template-columns:448px minmax(0,1fr);gap:16px;align-items:start}
.sup{display:flex;flex-direction:column;align-self:stretch;overflow:hidden}
.sup .nh{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-height:400px;padding:26px}
.sup .nh::before{background:linear-gradient(180deg,#3F76D6 0%,#4F84DC 46%,#FFFFFF 100%)}
.sup .nh b{position:relative;z-index:5;font-size:28px;line-height:32px;font-weight:650;letter-spacing:-0.03em}
.sup .nh p{position:relative;z-index:5;max-width:330px;margin-top:10px;font-size:17px;line-height:25px;font-weight:500}
.sup .nh .no{z-index:4;width:212px;height:212px;right:20px;bottom:58px}
.sup .nh .cl{z-index:2;width:760px;left:-150px;bottom:-330px}
.sup .sl{position:relative;z-index:6;display:inline-flex;align-items:center;gap:8px;height:52px;margin-top:auto;padding:0 22px;border-radius:26px;font-size:16px;font-weight:650;color:var(--blue);background:#FFFFFF;box-shadow:var(--sky-btn);transition:box-shadow var(--t-soft) var(--ease),scale var(--t-state) var(--ease)}
.sup .sl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sup .sl:active{scale:var(--press);transition-duration:var(--t-press)}
.r2,.smr{position:relative;display:flex;align-items:center;gap:14px;transition:background-color var(--t-soft) var(--ease),scale var(--t-state) var(--ease)}
.r2{height:76px;padding:0 22px 0 18px}
.chan{box-shadow:inset 0 1px 0 var(--line)}
.vm{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#FFFFFF;background:linear-gradient(180deg,#3B8EFF 0%,#1666EE 100%)}
.vm .mark{width:26px;height:26px}
.vm svg{width:100%;height:100%;fill:#FFFFFF}
.r2 .t,.smr .t{flex:1;min-width:0}
.r2 b{display:block;font-size:17px;line-height:22px;font-weight:600;letter-spacing:-0.012em}
.r2 small{display:block;margin-top:2px;overflow:hidden;font-size:14px;line-height:18px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}
.acc{overflow:hidden}
.smb{display:none}

.wc{display:grid;grid-template-columns:clamp(400px,38%,620px) minmax(0,1fr);overflow:hidden}
.wh{container-type:size}
.wh>*{--q:min(1.2px, calc(100cqw / 400), calc(100cqh / 300))}
.wh.skyw::before{background:linear-gradient(180deg,#4A80DA 0%,#6593E0 56%,#FFFFFF 100%)}
.wt{position:absolute;z-index:8;left:28px;top:26px}
.wt b{display:block;font-size:32px;line-height:36px;font-weight:650;letter-spacing:-0.03em}
.wt small{display:block;margin-top:6px;font-size:15px;line-height:20px;opacity:0.92}
.wo{position:absolute;display:block;left:calc(100% - var(--q) * (24 + (100 - var(--x)) * 652 / 100));translate:-50% 0}
.wo img{width:100%;height:100%;object-fit:contain}
.wo.far img{filter:saturate(0.8) brightness(1.06) contrast(0.9)}
.wh .cl{max-width:none}
.wl{padding:6px 0 10px}
.wr{position:relative;display:flex;align-items:center;gap:14px;min-height:78px;box-sizing:border-box;padding:10px 18px;transition:background-color var(--t-soft) var(--ease),scale var(--t-state) var(--ease)}
.wr+.wr::before{content:"";position:absolute;left:88px;right:0;top:0;height:1px;background:var(--line)}
.wr img{flex:none;width:56px;height:56px;object-fit:contain}
.wr .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.wr .n{font-size:17px;line-height:22px;font-weight:600;letter-spacing:-0.012em}
.wr .d{font-size:14.5px;line-height:19px;color:var(--muted)}
.wr .p{flex:none;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums}
.wr .p.fr{display:grid;place-items:center;height:32px;padding:0 12px;border-radius:16px;font-size:14.5px;color:var(--blue);background:var(--blue-soft)}
.wr .ch{transition:transform var(--t-soft) var(--ease)}
.wr:focus-visible,.r2:focus-visible,.smr:focus-visible{outline-offset:-4px}
@media (hover:hover) and (pointer:fine){
  .r2:hover,.wr:hover,.smr:hover{background:#F5F8FD}
  .wr:hover .ch{transform:translateX(3px)}
  .sup .sl:hover{box-shadow:var(--sky-btn-hover)}
}

.hero:where(:has(.solo)){min-height:calc(100svh - 24px)}
.gate:where(:has(>.solo)){position:relative;z-index:5;display:grid;place-items:center;padding:16px 16px 88px}
@media (min-width:768px) and (max-height:831px),(min-width:768px) and (max-width:1023px) and (max-height:934px){.gate:where(:has(>.solo)){padding:8px 16px 24px}}
.solo{width:min(440px,100%);border-radius:var(--r);overflow:hidden;background:#FFFFFF;box-shadow:var(--dlg-shadow)}
.solo h1{font-size:28px;line-height:32px;font-weight:650;letter-spacing:-0.025em;text-wrap:balance}
.solo .steps{margin-top:18px;text-align:left}
.solo .steps li{text-wrap:pretty}
.solo .btn .tg{width:22px;height:22px;fill:currentColor;stroke:none}
.solo .btn[aria-disabled]{opacity:0.6;cursor:default}

@media (prefers-reduced-motion:reduce){
  .qa .a,.qa.open .a,.qa .ab,.q i,.wr .ch,.sup .sl{transition:none}
  .sup .sl:active{scale:none}
}

@media (max-width:1023px){
  .mas{display:block;column-count:2;column-gap:16px}
  .mcol{display:contents}
  .mas .rv,.mas .rate{break-inside:avoid;margin:0 0 16px}
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .acc{order:-1}
  .wc{display:block}
  .wh{height:280px}
  .wh>*{--q:min(1.2px, calc(100cqw / 652))}
  .wo{left:calc(var(--x) * 1%)}
}


@media (max-width:767px){
  :root{--r:var(--r-phone);--gate-x:12px}
  .page{padding:8px}
  .wrap{width:calc(100% - 16px)}
  .top{height:64px;padding:0 10px 0 14px;grid-template-columns:1fr auto}
  .top .links{display:none}
  .top .me{height:40px;padding:0 14px 0 11px;font-size:14.5px}
  .hero{grid-template-rows:64px auto}
  .hero .ca{width:520px;left:-240px;bottom:-250px}
  .hero .cb{width:540px;right:-230px;bottom:-230px}
  .hero .cf{width:620px;left:calc(50% - 310px);bottom:-300px}
  .btn{height:54px;font-size:16px}
  .sec{margin-top:64px}
  .shead{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px}
  .shead h2{font-size:36px;line-height:40px;letter-spacing:-0.035em}
  .shead p{margin:0;font-size:16px}
  .q{min-height:64px;padding:12px 16px 12px 18px;font-size:16.5px;line-height:22px}
  .q i{width:30px;height:30px}
  .qa .ab{padding:0 18px 20px}
  .qa .ab p{font-size:16px;line-height:24px}
  .card{border-radius:var(--r)}
  .qa .ab p,.qa .ab li{font-size:16px;line-height:24px}
  .qa .ab ul{gap:6px;margin-top:10px}
  .qa .ab li::before{top:9px}
  .mas{column-count:1}
  .mas .rv,.mas .rate{margin-bottom:10px}
  .mas:not(.all) .rx{display:none}
  .mas-more{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border-radius:var(--r);background:#FFFFFF;font-size:16px;font-weight:650;letter-spacing:-0.01em;box-shadow:var(--shadow);transition:scale var(--t-state) var(--ease)}
  .mas-more svg{width:14px;height:8px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mas-more:active{scale:var(--press);transition-duration:var(--t-press)}
  .mas.all+.mas-more{display:none}
  .rv{padding:18px 18px 20px}
  .rv blockquote{font-size:16px;line-height:24px}
  .rate-h{height:220px}
  .rate-h b{font-size:84px;line-height:92px}
  .rate-h .stars{top:110px}
  .rate-h small{top:136px}
  .fgrid{gap:10px}
  .sup{display:none}
  .smb{display:block;margin-top:36px}
  .smb h3{margin:0 4px 10px;font-size:22px;line-height:26px;font-weight:650;letter-spacing:-0.02em}
  .sml{padding:4px 0}
  .smr{min-height:72px;box-sizing:border-box;padding:10px 16px 10px 14px}
  .smr+.smr::before{content:"";position:absolute;left:76px;right:0;top:0;height:1px;background:var(--line)}
  .smr .vm{width:48px;height:48px;border-radius:14px}
  .smr .t{display:flex;flex-direction:column;gap:2px}
  .smr b{font-size:16px;line-height:21px;font-weight:600;letter-spacing:-0.012em}
  .smr small{font-size:14px;line-height:18px;color:var(--muted)}
  .wh{height:212px}
  .wh>*{--q:calc(100cqw / 470)}
  .wo{left:calc(100% - (100 - var(--x)) * 1.5%)}
  .wt{left:20px;top:20px}
  .wt b{font-size:26px;line-height:30px}
  .wt small{margin-top:4px;font-size:14px}
  .wr{padding:10px 14px 10px 12px;gap:12px}
  .wr img{width:48px;height:48px}
  .wr+.wr::before{left:72px}
  .wr .n{font-size:16px;line-height:21px}
  .wr .d{font-size:14px;line-height:18px}
  .hero:where(:has(.solo)){min-height:calc(100svh - 16px)}
  .gate:where(:has(>.solo)){place-items:start center;padding:8px var(--gate-x) 16px}
  .page:has(.gate>.solo)>.foot{padding-inline:var(--gate-x)}
  .solo h1{font-size:24px;line-height:28px}
}
@media (max-width:359px) and (max-height:563px) and (orientation:portrait),(max-width:767px) and (max-height:526px) and (orientation:portrait),(max-width:767px) and (max-height:526px) and (pointer:fine){
  :where(html:not([data-telegram])) .hero:has(>.gate>:is(.co,.lg)){grid-template-rows:48px auto}
  :where(html:not([data-telegram])) .hero:has(>.gate>:is(.co,.lg))>.top{height:48px}
  :where(html:not([data-telegram])) .gate:has(>:is(.co,.lg)){padding-bottom:8px}
}