.page--join{padding-bottom:var(--sp-9)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.join{gap:var(--sp-6);margin-top:var(--sp-4);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.jcard{gap:var(--sp-6);padding:var(--sp-7);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1);display:grid}.jsteps{counter-reset:step;align-items:flex-start;gap:4px;display:flex}.jstep{min-width:0;font-size:var(--fs-caption);color:var(--txt-3);text-align:center;flex:1;justify-items:center;gap:8px;font-weight:700;display:grid;position:relative}.jstep:before{content:"";top:16px;background:var(--line);border-radius:1px;width:calc(100% - 40px);height:2px;position:absolute;inset-inline-start:calc(50% + 20px)}.jstep:last-child:before{display:none}.jstep.is-done:before{background:var(--green-300)}.jstep__n{width:32px;height:32px;font-size:var(--fs-small);font-variant-numeric:tabular-nums;color:var(--txt-3);background:var(--surf);border:1.5px solid var(--line-2);transition:background var(--t-base) var(--ease), color var(--t-base) var(--ease), border-color var(--t-base) var(--ease);border-radius:50%;place-items:center;font-weight:900;display:grid}.jstep__n svg{width:16px;height:16px}.jstep.is-on{color:var(--brand)}.jstep.is-on .jstep__n{color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.jstep.is-done{color:var(--txt-2)}.jstep.is-done .jstep__n{color:var(--brand);background:var(--green-50);border-color:var(--green-200)}.jstep__lb{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.jform{gap:var(--sp-5);display:grid}.jhead{gap:8px;display:grid}.jhead__ttl{font-size:var(--fs-h2);color:var(--txt);font-weight:900;line-height:1.5}.jhead__txt{font-size:var(--fs-body-sm);color:var(--txt-2);line-height:1.95}.jhead__txt b{color:var(--txt);font-variant-numeric:tabular-nums;unicode-bidi:isolate;font-weight:800}.jmember{border-radius:var(--r-md);font-size:var(--fs-small);color:var(--txt-2);background:var(--green-50);border:1px solid var(--green-200);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 14px;display:flex}.jmember>svg{width:18px;height:18px;color:var(--brand);flex-shrink:0}.jmember b{color:var(--txt);font-variant-numeric:tabular-nums;unicode-bidi:isolate;font-weight:800}.jmember .jlink{margin-inline-start:auto}.jlink{font:inherit;font-size:var(--fs-small);color:var(--brand);cursor:pointer;text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--brand-line);text-decoration-color:var(--brand-line);background:0 0;border:0;align-items:center;gap:4px;margin-inline-start:8px;padding:0;font-weight:800;display:inline-flex}.jlink:hover{-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.jlink:disabled{opacity:.5;cursor:default}.jlink svg{width:14px;height:14px}.jmsg{border-radius:var(--r-md);font-size:var(--fs-small);align-items:flex-start;gap:8px;padding:12px 14px;font-weight:600;line-height:1.9;display:flex}.jmsg svg{flex-shrink:0;width:18px;height:18px;margin-top:3px}.jmsg.is-ok{color:#0e8a5e;background:var(--success-soft)}.jmsg.is-info{color:var(--txt-2);background:var(--surf);border:1px solid var(--line)}.jmsg.is-info svg{color:var(--brand)}.jmsg.is-err{color:var(--danger);background:var(--danger-soft)}.jgrid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.jfld{gap:6px;min-width:0;display:grid;position:relative}.jfld>span:first-child{font-size:var(--fs-small);color:var(--txt-2);font-weight:700}.jfld i{color:var(--txt-3);font-style:normal;font-weight:500}.jfld input,.jfld select{width:100%;min-height:48px;font:inherit;font-size:var(--fs-body-sm);color:var(--txt);background:var(--surf);border:1px solid var(--line-2);border-radius:var(--r-md);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);padding:11px 14px;line-height:1.8}.jfld select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2363636F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:14px;background-repeat:no-repeat;padding-inline-end:40px}.jfld input:focus,.jfld select:focus{background:var(--panel);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:0}.jfld input[dir=ltr]{text-align:left;font-variant-numeric:tabular-nums}.jfld__hint{font-size:var(--fs-caption);color:var(--txt-3);font-variant-numeric:tabular-nums;line-height:1.8}.jfld__wrap{display:block;position:relative}.jfld__wrap input{padding-inline-end:46px}.jfld__eye{top:50%;width:34px;height:34px;color:var(--txt-3);cursor:pointer;transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;inset-inline-end:8px;transform:translateY(-50%)}.jfld__eye:hover,.jfld__eye.is-on{color:var(--brand);background:var(--brand-soft)}.jfld__eye svg{width:18px;height:18px}.jfld .jphone{font-size:var(--fs-lead);letter-spacing:.06em}.jfld--code{max-width:320px}.jfld .jcode{text-align:center;letter-spacing:.45em;padding-inline-start:calc(14px + .45em);font-size:28px;font-weight:800}.jcode::placeholder{color:var(--line-2);letter-spacing:.45em}.jpass{gap:var(--sp-3);padding:var(--sp-5);border:1px dashed var(--line-2);border-radius:var(--r-lg);min-width:0;margin:0;display:grid}.jpass legend{font-size:var(--fs-small);color:var(--txt);padding-inline:8px;font-weight:800}.jpass legend i{color:var(--txt-3);font-style:normal;font-weight:500}.jactions{padding-top:var(--sp-2);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.jnote{font-size:var(--fs-caption);color:var(--txt-3);line-height:1.9}.jnote a{color:var(--brand);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--brand-line);text-decoration-color:var(--brand-line);font-weight:700}.jplans{gap:var(--sp-3);border:0;min-width:0;margin:0;padding:0;display:grid}.jplan{gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-lg);cursor:pointer;background:var(--panel);border:1.5px solid var(--line);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);align-items:flex-start;display:flex;position:relative}.jplan:hover{border-color:var(--brand-line);background:var(--surf)}.jplan input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.jplan__mark{border:1.5px solid var(--line-2);background:var(--panel);width:22px;height:22px;transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);border-radius:50%;flex-shrink:0;margin-top:3px}.jplan.is-on{border-color:var(--brand);background:var(--panel);box-shadow:0 0 0 3px var(--brand-soft), var(--sh-1)}.jplan.is-on .jplan__mark{border-color:var(--brand);background:var(--brand);box-shadow:inset 0 0 0 4px var(--panel)}.jplan:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:3px}.jplan__body{flex:1;gap:6px;min-width:0;display:grid}.jplan__row{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.jplan__name{font-size:var(--fs-h4);color:var(--txt);font-weight:900}.jplan__hot{border-radius:var(--r-full);font-size:var(--fs-overline);color:var(--txt);background:linear-gradient(135deg, var(--gold-300), var(--gold-500));align-items:center;gap:4px;padding:2px 9px;font-weight:800;display:inline-flex}.jplan__hot svg{width:12px;height:12px}.jplan__dur{border-radius:var(--r-full);font-size:var(--fs-caption);color:var(--brand);background:var(--brand-soft);margin-inline-start:auto;padding:2px 10px;font-weight:700}.jplan__desc{font-size:var(--fs-small);color:var(--txt-2);line-height:1.8}.jplan__row--price{font-variant-numeric:tabular-nums}.jplan__price b{color:var(--txt);font-size:22px;font-weight:900}.jplan__price small{font-size:var(--fs-caption);color:var(--txt-2);font-weight:700}.jplan__old{font-size:var(--fs-small);color:var(--txt-3);text-decoration:line-through}.jplan__off{border-radius:var(--r-xs);font-size:var(--fs-caption);color:var(--accent-text);background:var(--accent-soft);padding:2px 8px;font-weight:800}.jplan__list{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 14px;margin-top:4px;padding-top:10px;display:flex}.jplan__list>span{font-size:var(--fs-caption);color:var(--txt-2);align-items:center;gap:5px;font-weight:600;display:inline-flex}.jplan__list svg{width:13px;height:13px;color:var(--brand)}.jplan--hot.is-on .jplan__list svg{color:var(--accent-text)}.jorder{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.jorder>div{padding:14px var(--sp-5);background:var(--panel);gap:4px;display:grid}.jorder>div:last-child:nth-child(odd){grid-column:1/-1}.jorder dt{font-size:var(--fs-caption);color:var(--txt-3);font-weight:700}.jorder dd{font-size:var(--fs-body-sm);color:var(--txt);font-variant-numeric:tabular-nums;font-weight:700}.jorder dd[dir=ltr]{text-align:start;font-family:var(--font-mono);letter-spacing:.08em;unicode-bidi:isolate}.jorder dd b{font-size:var(--fs-h4);font-weight:900}.jorder dd small{color:var(--txt-2);font-weight:600}.jpay{gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-lg);background:var(--warning-soft);border:1px solid #c9820940;align-items:flex-start;display:flex}.jpay>svg{width:28px;height:28px;color:var(--warning);flex-shrink:0;margin-top:2px}.jpay b{font-size:var(--fs-body-sm);color:var(--txt);font-weight:800;display:block}.jpay p{font-size:var(--fs-small);color:var(--txt-2);margin-top:4px;line-height:1.9}.jpay--online{background:var(--brand-soft);border-color:var(--brand-line)}.jpay--online>svg{color:var(--brand)}.jpay a{color:var(--brand);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--brand-line);text-decoration-color:var(--brand-line);font-weight:800}.jaside{gap:var(--sp-4);top:calc(var(--hdr-h-stuck) + var(--sp-4));display:grid;position:sticky}.jsum{gap:var(--sp-3);padding:var(--sp-5);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1);display:grid}.jsum__head{align-items:center;gap:8px;display:flex}.jsum__head svg{width:20px;height:20px;color:var(--accent-text)}.jsum__ttl{font-size:var(--fs-h4);color:var(--txt);font-weight:900}.jsum__plan{border-radius:var(--r-md);background:var(--green-50);border:1px solid var(--green-200);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.jsum__plan b{font-size:var(--fs-body-sm);color:var(--brand-2);font-weight:900}.jsum__plan span{font-size:var(--fs-caption);color:var(--txt-2);font-weight:700}.jsum__rows{font-size:var(--fs-small);font-variant-numeric:tabular-nums;gap:8px;display:grid}.jsum__rows>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.jsum__rows dt{color:var(--txt-3);font-weight:600}.jsum__rows dd{color:var(--txt);text-align:end;font-weight:700}.jsum__rows dd[dir=ltr]{unicode-bidi:isolate}.jsum__rows del{color:var(--txt-3)}.jsum__rows .is-off{color:var(--accent-text)}.jsum__total{border-top:1px dashed var(--line-2);margin-top:4px;padding-top:10px}.jsum__total dt{color:var(--txt);font-weight:800}.jsum__total dd b{font-size:var(--fs-h3);font-weight:900}.jsum__list{padding-top:var(--sp-3);border-top:1px solid var(--line);gap:7px;display:grid}.jsum__list li{font-size:var(--fs-caption);color:var(--txt-2);align-items:flex-start;gap:8px;line-height:1.8;display:flex}.jsum__list svg{width:15px;height:15px;color:var(--brand);flex-shrink:0;margin-top:3px}.jtrust{padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);background:var(--surf);border:1px solid var(--line);gap:10px;display:grid}.jtrust li{font-size:var(--fs-caption);color:var(--txt-2);align-items:center;gap:9px;font-weight:600;display:flex}.jtrust svg{width:17px;height:17px;color:var(--brand);flex-shrink:0}.jdone{justify-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-5) 0;display:grid}.jdone__ico{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-2));width:64px;height:64px;box-shadow:var(--sh-brand);border-radius:50%;place-items:center;display:grid}.jdone__ico svg{width:30px;height:30px}.jdone .jhead__txt{max-width:52ch}.jdone .jactions{justify-content:center}.jdone .jlink{margin:0}.jclosed{text-align:center;margin-top:var(--sp-6);padding:var(--sp-9) var(--sp-6);background:var(--panel);border:1px dashed var(--line-2);border-radius:var(--r-xl);justify-items:center;gap:8px;display:grid}.jclosed>svg{width:40px;height:40px;color:var(--txt-3)}.jclosed h1{font-size:var(--fs-h3);color:var(--txt);font-weight:900}.jclosed p{max-width:520px;font-size:var(--fs-body-sm);color:var(--txt-2);line-height:1.9}.jclosed .jactions{margin-top:var(--sp-2);justify-content:center}@media (max-width:980px){.join{grid-template-columns:1fr}.jaside{position:static}}@media (max-width:640px){.jcard{padding:var(--sp-5) var(--sp-4);gap:var(--sp-5);border-radius:var(--r-lg)}.jstep{font-size:var(--fs-overline)}.jstep:before{top:14px;width:calc(100% - 36px);inset-inline-start:calc(50% + 18px)}.jstep__n{width:28px;height:28px;font-size:var(--fs-caption)}.jhead__ttl{font-size:var(--fs-h3)}.jgrid,.jorder{grid-template-columns:1fr}.jactions .btn{width:100%}.jplan{padding:var(--sp-4);gap:var(--sp-3)}.jplan__price b{font-size:20px}.jfld--code{max-width:none}.jmember .jlink{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.jstep__n,.jplan,.jplan__mark{transition:none}}