.signin{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100dvh;display:grid}.signin-art{background:linear-gradient(155deg, var(--art-a) 0%, var(--art-b) 50%, var(--art-c) 100%);grid-template-rows:auto 1fr auto;min-height:100dvh;padding:clamp(28px,4vw,56px);display:grid;position:relative;overflow:hidden}.signin-logo{color:var(--brand);letter-spacing:.16em;justify-self:start;align-items:center;gap:10px;font-size:19px;font-weight:600;text-decoration:none;display:inline-flex}.signin-tagline{position:relative}.signin-tagline p{margin:0}.signin-slogan{letter-spacing:.02em;font-size:clamp(28px,2.7vw,42px);font-weight:600;line-height:1.3;margin-bottom:10px!important}.signin-tagline p:last-child{color:var(--ink-soft);letter-spacing:.04em;font-size:15px}.fold-scene{--s:clamp(130px, 13vw, 190px);--h:calc(var(--s) * .41);--net-w:calc(var(--s) + 2 * var(--h));--net-h:calc(2 * var(--s) + 2 * var(--h));--art-w:calc(var(--net-h) * .8);--art-dx:calc((var(--net-w) - var(--art-w)) / 2);width:var(--net-w);height:var(--net-h);perspective:1600px;place-self:center;animation:.4s .1s both fold-appear;position:relative}.fold-scene:after{width:calc(var(--s) * 2.3);height:calc(var(--s) * .9);background:radial-gradient(closest-side, color-mix(in srgb, var(--art-shadow) 22%, transparent), transparent);content:"";opacity:0;animation:.9s ease-out 1.7s both fold-ground;position:absolute;top:58%;left:50%;translate:-50%}.fold-net{z-index:1;width:100%;height:100%;transform-style:preserve-3d;animation:2.3s cubic-bezier(.45,0,.2,1) .15s both fold-camera;position:relative}.fold-face{transform-style:preserve-3d;background-color:#efe3ea;background-image:url(/brand/paper-flow-640.jpg);background-size:var(--art-w) var(--net-h);background-position:calc(var(--art-dx) - var(--x)) calc(0px - var(--y));position:absolute}.fold-base{--x:var(--h);--y:calc(var(--s) + var(--h));left:var(--h);top:calc(var(--s) + var(--h));width:var(--s);height:var(--s)}.fold-north{--x:var(--h);--y:var(--s);--shade:.32;width:var(--s);height:var(--h);transform-origin:50% 100%;animation:1.1s cubic-bezier(.55,0,.25,1) .75s both fold-north;bottom:100%;left:0}.fold-lid{--x:var(--h);--y:0px;width:var(--s);height:var(--s);transform-origin:50% 100%;animation:.8s cubic-bezier(.55,0,.25,1) 1.55s both fold-lid;bottom:100%;left:0}.fold-south{--x:var(--h);--y:calc(2 * var(--s) + var(--h));--shade:.1;width:var(--s);height:var(--h);transform-origin:50% 0;animation:1.1s cubic-bezier(.55,0,.25,1) .83s both fold-south;top:100%;left:0}.fold-east{--x:calc(var(--h) + var(--s));--y:calc(var(--s) + var(--h));--shade:.24;width:var(--h);height:var(--s);transform-origin:0;animation:1.1s cubic-bezier(.55,0,.25,1) .91s both fold-east;top:0;left:100%}.fold-west{--x:0px;--y:calc(var(--s) + var(--h));--shade:.32;width:var(--h);height:var(--s);transform-origin:100%;animation:1.1s cubic-bezier(.55,0,.25,1) .99s both fold-west;top:0;right:100%}.fold-wall:before,.fold-lid:before{content:"";animation:.45s .7s both fold-crease;position:absolute}.fold-north:before,.fold-lid:before{background:linear-gradient(90deg,#ffffffe6 55%,#0000 0) 0 0/9px 100%;height:1.5px;bottom:0;left:0;right:0}.fold-south:before{background:linear-gradient(90deg,#ffffffe6 55%,#0000 0) 0 0/9px 100%;height:1.5px;top:0;left:0;right:0}.fold-east:before{background:linear-gradient(#ffffffe6 55%,#0000 0) 0 0/100% 9px;width:1.5px;top:0;bottom:0;left:0}.fold-west:before{background:linear-gradient(#ffffffe6 55%,#0000 0) 0 0/100% 9px;width:1.5px;top:0;bottom:0;right:0}.fold-wall:after{content:"";background:#2d1726;animation:1.1s cubic-bezier(.55,0,.25,1) .75s both fold-shade;position:absolute;inset:0}@keyframes fold-appear{0%{opacity:0}to{opacity:1}}@keyframes fold-camera{0%{transform:rotateX(14deg)rotate(-6deg)scale(.9)}to{transform:translateZ(calc(var(--h) * .5)) rotateX(57deg) rotateZ(-38deg) scale(1.08)}}@keyframes fold-north{0%{transform:rotateX(0)}to{transform:rotateX(90deg)}}@keyframes fold-lid{0%{transform:rotateX(0)}to{transform:rotateX(90deg)}}@keyframes fold-south{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes fold-east{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes fold-west{0%{transform:rotateY(0)}to{transform:rotateY(-90deg)}}@keyframes fold-crease{0%{opacity:1}to{opacity:0}}@keyframes fold-shade{0%{opacity:0}to{opacity:var(--shade)}}@keyframes fold-ground{0%{opacity:0}to{opacity:1}}.signin-panel{place-items:center;padding:clamp(40px,6vw,88px) 24px;display:grid}.signin-column{flex-direction:column;gap:14px;width:min(100%,384px);display:flex}.signin-view{flex-direction:column;gap:14px;display:flex}.signin-title{margin:0;font-size:clamp(26px,2.4vw,32px);font-weight:600;line-height:1.3}.signin-lead{color:var(--ink-soft);margin:-4px 0 6px;font-size:15px;line-height:1.75}.signin-lead strong{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.signin-meta{color:var(--ink-faint);margin:0;font-size:13px;line-height:1.6}.signin-mark{color:var(--brand)}.signin-form{flex-direction:column;gap:10px;display:flex}.signin-label{margin-top:4px;font-size:13px;font-weight:500}.signin-label span{color:var(--ink-faint);margin-left:8px;font-weight:400}.signin-input{border:1px solid var(--line-strong);background:var(--field);width:100%;min-height:48px;color:var(--ink);border-radius:10px;padding:0 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.signin-input::placeholder{color:var(--ink-faint)}.signin-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash);outline:none}.signin-input[aria-invalid=true]{border-color:var(--danger-ink)}.signin-textarea{resize:vertical;min-height:96px;padding:12px 14px;line-height:1.6}.signin-primary,.signin-secondary{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.signin-primary{background:var(--brand);color:var(--on-brand);margin-top:6px}.signin-primary:hover{background:var(--brand-deep)}.signin-secondary{border:1px solid var(--line-strong);color:var(--ink)}.signin-secondary:hover{border-color:var(--ink-faint)}.signin-primary:disabled,.signin-secondary:disabled{cursor:progress;opacity:.7}.signin-text-button{color:var(--brand);text-underline-offset:3px;cursor:pointer;margin-left:4px;font-weight:600;text-decoration:underline}.signin-text-button:disabled{color:var(--ink-faint);cursor:default}.signin-back{color:var(--ink-soft);cursor:pointer;align-self:flex-start;align-items:center;gap:6px;margin-bottom:4px;font-size:14px;display:inline-flex}.signin-back:hover{color:var(--ink)}.signin-icon-button{width:34px;height:34px;color:var(--ink-soft);cursor:pointer;border-radius:8px;place-items:center;display:grid}.signin-icon-button:hover{background:var(--danger-wash);color:var(--danger-ink)}.signin-or{color:var(--ink-faint);align-items:center;gap:12px;margin:2px 0;font-size:13px;display:flex}.signin-or:before,.signin-or:after{background:var(--line);content:"";flex:1;height:1px}.signin-foot{color:var(--ink-soft);margin:4px 0 0;font-size:13px;line-height:1.7}.signin-countdown{color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-left:4px}.signin-error,.signin-notice{border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.signin-error{background:var(--danger-wash);color:var(--danger-ink)}.signin-notice{background:var(--success-wash);color:var(--success-ink)}.signin-note{border-left:3px solid var(--line-strong);color:var(--ink-soft);margin:0;padding:4px 0 4px 14px;font-size:14px;line-height:1.7}.signin-verified{background:var(--success-wash);color:var(--success-ink);overflow-wrap:anywhere;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin:0;padding:4px 10px;font-size:13px;display:inline-flex}.signin-loading{color:var(--ink-soft);align-items:center;gap:10px;margin:0;display:flex}.signin-spin{animation:1s linear infinite signin-spin}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin-turnstile:empty{display:none}.code-field{position:relative}.code-field-input{z-index:1;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;outline:none;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.code-field-input::selection{background:0 0}.brand-surface .code-field-input:focus-visible{outline:none}.code-field-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.code-cell{border:1px solid var(--line-strong);background:var(--field);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;height:58px;font-size:24px;font-weight:600;transition:border-color .12s,box-shadow .12s;display:grid}.code-cell[data-active]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.code-cell[data-active]:not([data-filled]):after{background:var(--brand);content:"";width:2px;height:26px;animation:1s step-end infinite code-caret}.code-field[data-invalid] .code-cell{border-color:var(--danger-ink)}@keyframes code-caret{50%{opacity:0}}.account-identity{align-items:center;gap:14px;margin:2px 0 4px;display:flex}.account-avatar{background:var(--brand-wash);width:44px;height:44px;color:var(--brand);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:600;display:grid}.account-email{overflow-wrap:anywhere;margin:0 0 2px;font-weight:600}.account-section{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:22px;padding-top:22px;display:flex}.account-section h2{margin:0;font-size:17px;font-weight:600}.account-section .signin-lead{margin:0 0 4px;font-size:14px}.account-empty{color:var(--ink-faint);margin:0;font-size:14px}.passkey-list{border:1px solid var(--line);border-radius:10px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.passkey-list li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 10px 12px 14px;display:grid}.passkey-list li+li{border-top:1px solid var(--line)}.passkey-list li>svg{color:var(--brand)}.passkey-list p{margin:0}.account-signout{margin-top:18px}.account-signout .signin-text-button{margin:0}@media (width<=900px){.signin{grid-template-columns:minmax(0,1fr)}.signin-art{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;min-height:0;padding:24px}.fold-scene{--s:78px;--h:32px;grid-area:1/2/span 2}.signin-tagline{align-self:end;margin-top:28px}.signin-slogan{font-size:26px}.signin-panel{place-items:start center;padding:36px 20px 56px}}@media (width<=560px){.fold-scene{display:none}.signin-art{grid-template-columns:minmax(0,1fr);padding:20px}.signin-tagline{margin-top:36px}.signin-slogan{font-size:23px}.signin-tagline p:last-child{font-size:13px}.signin-panel{padding:28px 18px 48px}.code-field-cells{gap:6px}.code-cell{height:52px;font-size:22px}}@media (prefers-reduced-motion:reduce){.fold-scene,.fold-net,.fold-face,.fold-scene:after,.fold-wall:before,.fold-lid:before,.fold-wall:after{animation-duration:1ms!important;animation-delay:0s!important}.signin-spin,.code-cell:after{animation:none!important}}