.signin-wrap{max-width:var(--max);padding-top:var(--sp-10);padding-bottom:var(--sp-12)}.signin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--paper)}.signin-form-col{padding:48px 56px;border-right:1px solid var(--line)}.signin-trust-col{position:relative;padding:48px 56px;gap:32px;background:var(--paper);color:var(--ink);isolation:isolate;overflow:hidden}.signin-trust-col--simple,.signin-trust-col{gap:24px;justify-content:flex-start}.signin-router-head{margin-bottom:32px}.signin-router-head h1{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 12px;color:var(--ink)}.signin-router-head .sub{color:var(--g-600);font-size:15px;line-height:1.55;margin:0;max-width:44ch}.signin-router-cards{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.signin-router-card{display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;padding:22px 24px;position:relative;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.signin-router-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--zop-orange);transform:scaleY(0);transform-origin:bottom center;transition:transform var(--dur-fast) var(--ease-out)}.signin-router-card--night:before{background:var(--zop-blue)}[data-theme=dark] .signin-router-card--night:before{background:var(--logo-blue-on-dark)}.signin-router-card--day:before{background:var(--zop-orange)}.signin-router-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 6px 0 -3px var(--zop-orange)}.signin-router-card--night:hover{box-shadow:0 6px 0 -3px var(--zop-blue)}[data-theme=dark] .signin-router-card--night:hover{box-shadow:0 6px 0 -3px var(--logo-blue-on-dark)}.signin-router-card:hover:before{transform:scaleY(1);transform-origin:top center}.signin-router-card:focus-visible{outline:2px solid var(--zop-orange);outline-offset:2px}.signin-router-card--night:focus-visible{outline-color:var(--zop-blue)}.signin-router-mark{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--dur-fast) var(--ease-out)}.signin-router-card:hover .signin-router-mark{transform:scale(1.06)}.signin-router-mark svg{width:100%;height:100%;display:block}.signin-router-body{display:flex;flex-direction:column;gap:4px;min-width:0}.signin-router-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.signin-router-name{font-family:var(--font);font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--ink);margin:0;transition:color var(--dur-fast) var(--ease-out)}.signin-router-card--day:hover .signin-router-name{color:var(--zop-orange)}.signin-router-card--night:hover .signin-router-name{color:var(--zop-blue)}[data-theme=dark] .signin-router-card--night:hover .signin-router-name{color:var(--logo-blue-on-dark)}.signin-router-pill{display:none;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:3px 8px;border:1px solid var(--line);background:transparent}.signin-router-pill.is-active{display:inline-flex}.signin-router-desc{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.04em;margin:0;line-height:1.4}.signin-router-arrow{font-family:var(--mono);font-size:18px;color:var(--ink-4);transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.signin-router-card:hover .signin-router-arrow{transform:translate(3px,-3px);color:var(--zop-orange)}.signin-router-card--night:hover .signin-router-arrow{color:var(--zop-blue)}[data-theme=dark] .signin-router-card--night:hover .signin-router-arrow{color:var(--logo-blue-on-dark)}.signin-router-foot{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--g-600);line-height:1.55}.signin-router-foot a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.signin-router-foot a:hover{color:var(--zop-orange)}.signin-side-head{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.signin-trust-col h2{font-family:var(--font);font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0;color:var(--ink)}.signin-side-sub{margin:0;font-size:14px;line-height:1.5;color:var(--g-500);max-width:36ch}.signin-feat-card{position:relative;padding:22px 22px 24px;background:color-mix(in srgb,var(--ink) 4%,transparent);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);display:flex;flex-direction:column;gap:10px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.signin-feat-card:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);border-color:color-mix(in srgb,var(--ink) 28%,transparent);transform:translateY(-2px)}.signin-feat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.signin-feat-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border:1px solid currentColor}.signin-feat-tag--shipped{color:var(--zop-orange)}.signin-feat-tag--proof{color:var(--zop-green)}.signin-feat-date{font-family:var(--mono);font-size:11px;color:var(--g-500);letter-spacing:.04em}.signin-feat-title{font-family:var(--font);font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.25;color:var(--ink);margin:0}.signin-feat-desc{margin:0;font-size:13.5px;line-height:1.55;color:var(--g-400)}.signin-feat-desc strong{color:var(--ink);font-weight:600}.signin-feat-cta{margin-top:4px;align-self:flex-start;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--ink);text-decoration:none;padding-bottom:2px;border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.signin-feat-card--shipped .signin-feat-cta:hover{color:var(--zop-orange);border-bottom-color:var(--zop-orange)}.signin-feat-card--proof .signin-feat-cta:hover{color:var(--zop-green);border-bottom-color:var(--zop-green)}@media(max-width:1024px){.signin-form-col,.signin-trust-col{padding:40px}}@media(max-width:780px){.signin-wrap{padding-top:var(--sp-7);padding-bottom:var(--sp-7)}.signin-grid{grid-template-columns:1fr}.signin-form-col{padding:36px 28px;border-right:0;border-bottom:1px solid var(--line)}.signin-trust-col{padding:36px 28px}.signin-router-card{grid-template-columns:40px 1fr auto;gap:14px;padding:18px}.signin-router-mark{width:40px;height:40px}.signin-router-name{font-size:16px}}