.sn-modal-scrim{position:fixed;inset:0;z-index:90;background:rgba(28,22,20,.45);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto}.sn-modal{position:relative;width:100%;max-width:545px;background:var(--surface);border-radius:18px;box-shadow:0 24px 64px rgba(28,22,20,.28);overflow:hidden;margin:auto}.sn-modal-close{position:absolute;inset-inline-start:18px;top:18px;width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink);border-radius:var(--radius-pill);cursor:pointer}.sn-modal-close:hover{background:var(--sunken)}.sn-modal-title{font-size:34px;font-weight:800;letter-spacing:-.03em;padding:58px 28px 22px}.sn-modal-benefit{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:var(--brand-tint);color:var(--ink);font-size:15px;font-weight:600}.sn-modal-benefit svg{color:var(--brand);flex:none}.sn-modal-body{padding:26px 28px 24px}.sn-modal-body>.sn-seg{display:flex;width:fit-content;margin-inline:auto}.sn-field-label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.sn-modal-body .sn-field+.sn-field-label,.sn-modal-body .sn-field~.sn-field-label{margin-top:16px}.sn-field{width:100%;height:52px;padding:0 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--sunken);font:inherit;font-size:16px;color:var(--ink)}.sn-field::placeholder{color:var(--sub)}.sn-field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(252,60,2,.16)}.sn-field-code{letter-spacing:.5em;font-weight:700;text-align:center}.sn-modal-hint{color:var(--sub);font-size:15px;margin:0 0 18px}.sn-modal-error{margin:12px 0 0;color:#d93636;font-size:14px;font-weight:600}.sn-modal-foot{margin:24px -28px 0;padding:22px 28px 0;border-top:1px solid var(--line)}.sn-modal-primary{width:100%;height:56px;border:0;border-radius:var(--radius-pill);background:var(--brand);color:#fff;font-size:17px;font-weight:700;cursor:pointer}.sn-modal-primary:hover:not(:disabled){background:var(--brand-press)}.sn-modal-primary:disabled{background:var(--sunken);color:var(--sub);cursor:not-allowed}.sn-modal-back{width:100%;margin-top:12px;border:0;background:transparent;color:var(--sub);font:inherit;font-weight:700;padding:10px;cursor:pointer}.sn-modal-legal{margin:18px 0 0;color:var(--sub);font-size:13.5px;line-height:1.55}.sn-modal-legal a{color:var(--ink);font-weight:700;text-decoration:underline}.sn-modal-alts{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.sn-modal-alts a,.sn-modal-alts button{border:0;background:transparent;padding:0;cursor:pointer;font:inherit;font-size:14px;font-weight:700;color:var(--brand);text-decoration:none}.sn-modal-alts a:hover,.sn-modal-alts button:hover{text-decoration:underline}@media (max-width:560px){.sn-modal-scrim{padding:0;align-items:flex-end}.sn-modal{max-width:none;margin:0;border-radius:18px 18px 0 0;max-height:94dvh;overflow:hidden auto}.sn-modal-close{position:sticky;top:12px;margin-inline-start:14px}.sn-modal-title{font-size:24px;padding:4px 20px 16px}.sn-modal-benefit{padding:12px 18px;font-size:14.5px;gap:9px}.sn-modal-body{padding:18px 20px}.sn-modal .sn-seg{margin-bottom:16px}.sn-modal .sn-seg button{padding:9px 22px;font-size:14.5px}.sn-modal .sn-oauth{height:48px;font-size:15px}.sn-modal .sn-rule{margin:14px 0 12px;font-size:13.5px}.sn-field{height:48px}.sn-modal-body .sn-field+.sn-field-label,.sn-modal-body .sn-field~.sn-field-label{margin-top:12px}.sn-modal-foot{margin:18px -20px 0;padding:16px 20px 0}.sn-modal-primary{height:52px;font-size:16px}.sn-modal-legal{margin-top:14px;font-size:12.5px}.sn-modal-alts{margin-top:12px}}@media (prefers-reduced-motion:no-preference){.sn-modal{animation:sn-modal-in .16s ease-out}@keyframes sn-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:560px){.sn-modal{animation:sn-sheet-in .22s cubic-bezier(.22,.8,.3,1)}@keyframes sn-sheet-in{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}}}.sn-modal .sn-seg{display:inline-flex;margin:0 auto 22px;background:var(--sunken);border-radius:var(--radius-pill,999px);padding:4px;width:fit-content}.sn-modal .sn-seg button{border:0;background:transparent;padding:10px 26px;border-radius:var(--radius-pill,999px);font-size:15px;font-weight:700;color:var(--sub);cursor:pointer;transition:background .15s ease,color .15s ease}.sn-modal .sn-seg button.is-on{background:var(--ink);color:#fff}.sn-modal .sn-oauth{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:52px;border-radius:var(--radius-pill,999px);font-size:16px;font-weight:700;border:1px solid var(--line);background:var(--surface,#fff);color:var(--ink);cursor:pointer}.sn-modal .sn-oauth:hover{background:var(--sunken)}.sn-modal .sn-oauth-mark{display:grid;place-items:center;width:26px;height:26px;background:#fff;border-radius:var(--radius-pill,999px)}.sn-modal .sn-rule{display:flex;align-items:center;gap:14px;margin:20px 0 18px;color:var(--sub);font-size:14px}.sn-modal .sn-rule:after,.sn-modal .sn-rule:before{content:"";flex:1;height:1px;background:var(--line)}