.plans{grid-template-columns:repeat(2,minmax(0,410px));justify-content:center;gap:18px;display:grid}.plan{background:linear-gradient(#1e183699,#0e0b1c9e);border:1px solid #ffffff14;border-radius:28px;align-content:start;gap:28px;padding:clamp(26px,3vw,36px);display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d,0 40px 80px -50px #000}.plan h3{color:var(--text-2);letter-spacing:-.01em;font-size:17px;font-weight:600}.plan__price{letter-spacing:-.05em;font-variant-numeric:tabular-nums;align-items:baseline;margin-top:14px;font-size:clamp(52px,6vw,64px);font-weight:660;line-height:1;display:flex}.plan__cur{color:var(--text-2);letter-spacing:0;align-self:flex-start;margin:6px 3px 0 0;font-size:.48em;font-weight:600}.plan__per{letter-spacing:0;color:var(--text-3);margin-left:10px;font-size:16px;font-weight:500}.plan__desc{color:var(--text-2);margin-top:12px;font-size:15px}.plan__list{gap:13px;display:grid}.plan__list li{align-items:center;gap:11px;font-size:15px;display:flex}.plan__list svg{box-sizing:content-box;width:13px;height:13px;color:var(--lilac);stroke-width:3px;background:#cdb6ff1f;border-radius:50%;flex:none;padding:4px}.plan--best{background:radial-gradient(90% 60% at 50% 0,#9632ff47,#0000 70%),linear-gradient(#301a5cb8,#120c26cc);border-color:#0000;box-shadow:0 40px 100px -40px #880ff9bf,inset 0 1px #ffffff14}.plan__ring{z-index:1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--angle), #cdb6ff40, #cdb6ff 10%, #d129f5 20%, #880ff94d 32%, #cdb6ff40 50%, #eba2ff 62%, #880ff94d 76%, #cdb6ff40);-webkit-mask-composite:xor;padding:1.5px;animation:7s linear infinite spin;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes spin{to{--angle:360deg}}.plan__badge{color:#1c0d33;background:linear-gradient(135deg,#f1e8ff,#cdb6ff);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:640;position:absolute;top:clamp(24px,3vw,34px);right:clamp(24px,3vw,34px);box-shadow:0 8px 22px -8px #cdb6ffcc}.preorder{text-align:left;background:linear-gradient(#880ff91a,#880ff909);border:1px solid #cdb6ff29;border-radius:18px;align-items:flex-start;gap:13px;max-width:760px;margin:0 auto clamp(26px,3vw,36px);padding:16px 22px 16px 18px;display:flex;box-shadow:inset 0 1px #ffffff0d}.preorder__icon{color:var(--lilac);flex:none;margin-top:2px;display:flex}.preorder__icon svg{width:19px;height:19px}.preorder p{color:var(--text-2);text-wrap:pretty;font-size:15px;line-height:1.6}.preorder strong{color:var(--text);font-weight:600}.plans__note{text-align:center;color:var(--text-3);margin-top:26px;font-size:14px}.plans__terms{text-align:center;color:var(--text-3);margin-top:6px;font-size:13px}.plans__terms a{color:var(--text-2);text-underline-offset:3px;-webkit-text-decoration:underline #cdb6ff4d;text-decoration:underline #cdb6ff4d;transition:color .3s,text-decoration-color .3s}.plans__terms a:hover{color:var(--text);-webkit-text-decoration-color:var(--lilac);text-decoration-color:var(--lilac)}@media (max-width:760px){.plans{grid-template-columns:minmax(0,460px)}.plan--best{order:-1}}.paysheet{width:min(420px,100vw - 32px);max-width:none;color:var(--text);background:0 0;border:0;padding:0;overflow:visible}.paysheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05040a9e}.paysheet[open] .paysheet__card{animation:paysheetIn .35s var(--ease-out)}.paysheet__card{background:linear-gradient(#221b3efa,#100c20fa);border:1px solid #ffffff17;border-radius:22px;gap:10px;padding:22px;display:grid;box-shadow:0 50px 120px -30px #000}.paysheet__head{justify-content:space-between;align-items:flex-start;gap:12px;margin:2px 2px 6px;display:flex}.paysheet__title{letter-spacing:-.02em;font-size:19px;font-weight:650}.paysheet__plan{color:var(--text-2);margin-top:3px;font-size:14px}.paysheet__close{width:34px;height:34px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:11px;flex:none;place-items:center;margin:-4px -4px 0 0;transition:background .3s,color .3s;display:grid}.paysheet__close:hover{color:var(--text);background:#ffffff0f}.paysheet__close svg{width:18px;height:18px}.paysheet__way{border:1px solid var(--stroke-hi);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .3s, background .3s, transform .2s var(--ease-out);background:#ffffff08;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.paysheet__way:hover,.paysheet__way:focus-visible{background:#cdb6ff12;border-color:#cdb6ff73;outline:none}.paysheet__way:active{transform:scale(.985)}.paysheet__way>span:not(.paysheet__icon){flex:1;gap:2px;min-width:0;display:grid}.paysheet__way b{font-size:15px;font-weight:600}.paysheet__way small{color:var(--text-3);font-size:13px}.paysheet__way>svg{width:18px;height:18px;color:var(--text-3);transition:transform .4s var(--ease-out), color .3s;flex:none}.paysheet__way:hover>svg{color:var(--lilac);transform:translate(3px)}.paysheet__icon{width:40px;height:40px;color:var(--lilac);background:#cdb6ff1a;border-radius:12px;flex:none;place-items:center;display:grid}.paysheet__icon svg{width:20px;height:20px}@keyframes paysheetIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.paysheet[open] .paysheet__card{animation:none}.paysheet__way,.paysheet__way>svg{transition:none}}
