.su{background:var(--paper);grid-template-columns:42.7083% 1fr;min-height:100dvh;display:grid}.su--pink .su-art{background:var(--pink)}.su--sun .su-art{background:var(--sun)}.su-art{padding:calc(56 * var(--u)) calc(64 * var(--u)) 0;color:var(--ink);position:relative;overflow:hidden}.su-brand{z-index:1;border-radius:6px;display:inline-flex;position:relative}.su-brand img{width:max(110px, calc(163 * var(--u)));height:auto;display:block}.su-art-title{z-index:1;width:calc(680 * var(--u));margin:calc(35 * var(--u)) 0 0;font:700 calc(60 * var(--u)) / 1.03 var(--font-display);letter-spacing:-.0333em;position:relative}.su-art-sub{z-index:1;margin:calc(20 * var(--u)) 0 0;font:600 max(15px, calc(20 * var(--u))) / 1.35 var(--font-body);color:var(--ink-80);position:relative}.su-art-pic{left:calc(90 * var(--u));bottom:calc(-40 * var(--u));width:calc(760 * var(--u));height:calc(760 * var(--u));object-fit:contain;pointer-events:none;position:absolute}.su-main{padding:calc(48 * var(--u)) 0 calc(48 * var(--u)) calc(220 / 1100 * 100%);align-items:center;display:flex}.su-form{width:max(340px, calc(560 * var(--u)));gap:max(14px, calc(22 * var(--u)));flex-direction:column;display:flex}.su-form>*{margin:0}.su-icon{width:max(64px, calc(96 * var(--u)));height:auto}.su-step{font:800 max(11px, calc(12 * var(--u))) / 1.3 var(--font-body);letter-spacing:.125em;color:var(--ink-muted)}.su-title{font:700 max(30px, calc(48 * var(--u))) / 1.24 var(--font-display);letter-spacing:-.031em}.su-sub{font:500 max(16px, calc(18 * var(--u))) / 1.35 var(--font-body);color:var(--ink-70);overflow-wrap:anywhere}.su-sub--lh{line-height:1.5}.su-label{margin-bottom:max(6px, calc(8 * var(--u)));font:800 max(11px, calc(12 * var(--u))) / 1.3 var(--font-body);letter-spacing:.125em;color:var(--ink-muted);display:block}.su-input{width:100%;height:max(52px, calc(61 * var(--u)));padding:0 max(16px, calc(22 * var(--u)));background:var(--white);border:2px solid var(--ink-20);border-radius:max(14px, calc(18 * var(--u)));color:var(--ink);font:600 max(16px, calc(18 * var(--u))) / 1.2 var(--font-body);transition:border-color .12s;display:block}.su-input::placeholder{color:var(--ink-40);opacity:1}.su-input:focus{border-color:var(--ink)}.su-input:focus-visible{outline:none}.su-input[aria-invalid=true]{border-color:var(--pink)}.su-msg{font:700 max(15px, calc(15 * var(--u))) / 1.35 var(--font-body);color:var(--ink);margin:0}.su-msg:not(:empty){margin-top:max(8px, calc(10 * var(--u)))}.su-msg--error:before{content:"";background:var(--pink);vertical-align:.05em;border-radius:50%;width:.55em;height:.55em;margin-right:.45em;display:inline-block}.su-btn{--h:max(52px, calc(63 * var(--u)));--fs:max(16px, calc(17 * var(--u)));--icon:max(16px, calc(18 * var(--u)));width:100%}.su-legal{font:600 max(12px, calc(13 * var(--u))) / 1.45 var(--font-body);color:var(--ink-muted)}.su-legal a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--ink-20);text-decoration-color:var(--ink-20);text-underline-offset:2px}.su-legal a:hover{color:var(--ink);text-decoration-color:currentColor}.code{width:max(330px, calc(516 * var(--u)));position:relative}.code-boxes{gap:max(8px, calc(12 * var(--u)));display:flex}.code-box{min-width:0;height:max(54px, calc(92 * var(--u)));background:var(--white);border:2px solid var(--ink-20);border-radius:max(12px, calc(18 * var(--u)));font:800 max(24px, calc(36 * var(--u))) / 1 var(--font-display);letter-spacing:-.014em;color:var(--ink);flex:1 1 0;place-items:center;display:grid}.code-box--filled{border-color:var(--ink)}.code-box--caret{border:3px solid var(--pink)}.code[data-invalid] .code-box{border-color:var(--pink)}.code-input{z-index:1;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.code-input:focus-visible{outline:none}.code-input::selection{color:#0000;background:0 0}.su-row{align-items:center;gap:8px max(16px, calc(20 * var(--u)));flex-wrap:wrap;display:flex}.su-wait{font:700 max(14px, calc(15 * var(--u))) / 1.35 var(--font-body);color:var(--ink-muted);font-variant-numeric:tabular-nums}.su-link{color:var(--ink);font:800 max(14px, calc(15 * var(--u))) / 1.35 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0}.su-link:hover,.su-link--resend{text-underline-offset:3px;text-decoration:underline}.su-link:disabled{color:var(--ink-muted);cursor:progress}@media (width<=899px){.su{display:block}.su-art{height:252px;padding:20px 16px 0}.su-brand img{width:120px}.su-art-title{width:64%;margin-top:22px;font-size:clamp(26px,7.6vw,40px)}.su-art-sub{width:60%;margin-top:10px;font-size:16px}.su-art-pic{aspect-ratio:1;width:min(54%,340px);height:auto;bottom:-44px;left:auto;right:-5%}.su-main{padding:32px 16px 48px;display:block}.su-form{gap:16px;width:100%;max-width:560px}.su-title{font-size:clamp(28px,8vw,40px)}.code{width:100%;max-width:420px}.code-box{height:64px}.su-step,.su-label{font-size:12px}.su-legal a{margin:-12px 0;padding:12px 0;display:inline-block}}