.auth-layout{background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100svh;display:grid}.auth-story{isolation:isolate;background:var(--bg-inverse);color:var(--fg-inverse);flex-direction:column;padding:clamp(32px,4vw,56px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";z-index:-2;background:linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/64px 64px,linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 30%,#000,#0000 80%);mask-image:radial-gradient(80% 70% at 30%,#000,#0000 80%)}.auth-story .wordmark{color:var(--fg-inverse);align-self:flex-start}.auth-story .brand-mark{width:26px;color:var(--fg-inverse)}.auth-story-copy{max-width:460px;margin-block:auto;padding-block:48px}.auth-story-label{color:var(--fg-inverse-2);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.auth-story-copy h2{color:var(--fg-inverse);letter-spacing:-.045em;text-wrap:balance;margin:20px 0;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:500;line-height:1.04}.auth-story-copy h2 em{color:var(--fg-inverse-2)}.auth-story-copy p{max-width:380px;color:var(--fg-inverse-2);font-size:16px;line-height:1.7}.auth-story-footer{color:var(--fg-inverse-3);font-size:.8125rem}.af{--w:216px;--h:144px;--x:29%;--spread:88px;--label:150px;--scene:5s;height:320px;margin-top:28px;position:relative}.af-level{top:50%;left:var(--x);width:0;height:0;transform:translateY(var(--y));animation:af-breathe var(--scene) var(--ease-in-out) infinite;position:absolute}.af-level-format{--y:calc(var(--spread) * -1);--y2:calc(var(--spread) * -.34);z-index:3}.af-level-content{--y:0px;--y2:0px;z-index:2}.af-level-id{--y:var(--spread);--y2:calc(var(--spread) * .34);z-index:1}@keyframes af-breathe{0%,50%{transform:translateY(var(--y))}64%,80%{transform:translateY(var(--y2))}94%,to{transform:translateY(var(--y))}}.af-sheet{left:calc(var(--w) / -2);top:calc(var(--h) / -2);width:var(--w);height:var(--h);border-radius:12px;position:absolute;overflow:hidden;transform:rotateX(56deg)rotate(-42deg)}.af-sheet-format{background:#f5f5f5;box-shadow:inset 0 1px #fff,0 24px 48px -18px #000c}.af-sheet-content{background:#171717;box-shadow:0 0 0 1px #ffffff1a,0 26px 48px -18px #000000d9}.af-sheet-id{box-shadow:0 0 0 1px var(--line-inverse-2), 0 24px 48px -18px #000c;background:#0d0d0d;place-items:center;display:grid}.af-scene{opacity:0;animation:af-scene calc(var(--scene) * 3) linear infinite both;animation-delay:calc(var(--i) * var(--scene) - .5s);position:absolute;inset:0}.af-scene .af-reel{animation-delay:calc(var(--i) * var(--scene) - .5s)}@keyframes af-scene{0%{opacity:0}3.4%,33.3%{opacity:1}36.6%,to{opacity:0}}.af-sheet-format .af-scene{place-content:center;justify-items:center;gap:8px;display:grid}.af-ext{color:#171717;letter-spacing:-.045em;font-size:36px;font-weight:600;line-height:1}.af-magic{color:#6b6b6b;font-family:var(--font-mono);letter-spacing:.06em;font-size:10px}.af-photo{object-fit:cover;object-position:50% 30%}.af-page{object-fit:contain;object-position:50% 100%;background:#000}.af-film{background:#0a0a0a;position:absolute;inset:0;overflow:hidden}.af-film:before,.af-film:after{content:"";z-index:1;background:radial-gradient(circle,#ffffff57 1.6px,#0000 2.2px) 4px/11px 100% repeat-x,#0a0a0a;height:13px;position:absolute;left:0;right:0}.af-film:before{top:0}.af-film:after{bottom:0}.af-reel{animation:af-reel calc(var(--scene) * 3) linear infinite;gap:3px;display:flex;position:absolute;top:15px;bottom:15px;left:0}.af-frame{border-radius:2px;flex:none;width:102px;height:100%;position:relative;overflow:hidden}.af-frame img{object-fit:cover}@keyframes af-reel{to{transform:translate(-315px)}}.af-scan{mix-blend-mode:overlay;opacity:0;width:42%;animation:af-scan var(--scene) var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000,#fff0 20%,#ffffff8c 50%,#fff0 80%,#0000);position:absolute;inset:-20% auto -20% 0;transform:translate(-110%)}@keyframes af-scan{0%,10%{opacity:0;transform:translate(-110%)}15%{opacity:1}40%{opacity:1;transform:translate(250%)}44%,to{opacity:0;transform:translate(250%)}}.af-bits{width:62%;height:auto}.af-bits rect{fill:#fafafa;opacity:.2;animation:af-bit var(--scene) var(--ease-out) infinite}@keyframes af-bit{0%,14%{opacity:.18}30%,90%{opacity:.95}to{opacity:.18}}.af-tags{pointer-events:none;position:absolute;inset:0}.af-tag{top:calc(50% + var(--ty));left:calc(var(--x) + var(--label));border-left:1px solid var(--line-inverse-2);white-space:nowrap;gap:2px;width:max-content;padding-left:12px;display:grid;position:absolute;transform:translateY(-50%)}.af-tag-format{--ty:calc(var(--spread) * -1)}.af-tag-content{--ty:0px}.af-tag-id{--ty:var(--spread)}.af-tag strong{color:var(--fg-inverse);letter-spacing:-.01em;font-size:12.5px;font-weight:550}.af-tag>span,.af-tag code{color:var(--fg-inverse-3);font-size:11.5px}.af-tag code{color:var(--fg-inverse-2);font-family:var(--font-mono);font-size:11px}.af-swap{display:grid}.af-swap>*{grid-area:1/1}.af-tag .af-scene{position:static}.af-still{display:none}@media (max-width:1100px),(max-height:860px){.af{--w:176px;--h:118px;--x:32%;--spread:72px;--label:122px;height:260px;margin-top:20px}.af-ext{font-size:28px}.af-magic{font-size:8.5px}.af-detail{display:none!important}}@media (max-height:760px){.auth-story-copy{padding-block:24px}.auth-story-copy h2{margin:14px 0;font-size:clamp(2.2rem,3.4vw,3rem)}.auth-story-copy p{font-size:15px;line-height:1.6}.af{--spread:64px;height:232px;margin-top:12px}}@media (prefers-reduced-motion:reduce){.af *,.af :before,.af :after{animation:none!important}.af .af-scene,.af-scan{display:none}.af .af-still{display:flex}.af-swap>.af-still{display:block}.af-bits rect{opacity:.95}.af-still-format{color:#171717;letter-spacing:-.04em;justify-content:center;align-items:center;gap:12px;font-size:24px;font-weight:600;position:absolute;inset:0}.af-still-content{gap:2px;position:absolute;inset:0}.af-still-content>span{flex:1;position:relative;overflow:hidden}.af-still-content .af-reel{left:-20px}}.auth-form-side{flex-direction:column;min-width:0;padding:28px clamp(24px,4vw,56px);display:flex}.auth-form-header{justify-content:space-between;align-items:center;min-height:44px;display:flex}.auth-form-header .auth-mobile-brand{display:none}.auth-back{min-height:36px;color:var(--fg-3);transition:background .15s var(--ease), color .15s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.875rem;display:inline-flex}.auth-back:hover{background:var(--bg-muted);color:var(--ink)}.auth-form-container{width:100%;max-width:440px;margin:auto;padding-block:48px}.auth-trial-note{color:var(--muted);text-align:center;text-wrap:balance;margin:20px 0 0;font-size:.8125rem;line-height:1.7}.auth-legal{color:var(--muted);flex-wrap:wrap;justify-content:center;column-gap:24px;font-size:.8125rem;display:flex}.auth-legal a{align-items:center;min-height:44px;display:inline-flex}.auth-legal a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.auth-form-container .cl-rootBox{width:100%}.auth-layout .etchv-clerk-card{border:1px solid var(--line);width:100%;max-width:100%;box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.auth-layout .cl-card{width:100%;box-shadow:none;background:#fff;border-radius:16px 16px 0 0;gap:28px;padding:36px 32px 32px}.auth-layout .cl-headerTitle{letter-spacing:-.04em;font-size:1.75rem;font-weight:500;line-height:1.2}.auth-layout .cl-headerSubtitle{color:var(--muted);font-size:.875rem;line-height:1.65}.auth-layout .cl-formFieldLabel{font-size:.875rem;font-weight:500}.auth-layout .cl-formFieldInput{border-radius:8px;min-height:44px;font-size:1rem}.auth-layout .cl-socialButtonsBlockButton{border:1px solid var(--line-2);color:#171717;background:#fff;border-radius:8px;min-height:44px;font-size:.875rem;font-weight:500;box-shadow:none!important}.auth-layout .cl-socialButtonsBlockButton:hover:not(:disabled){background:#f0f0f0;border-color:#888}.auth-layout .cl-socialButtonsBlockButton:focus-visible{outline-offset:3px;outline:2px solid #171717}.auth-layout .etchv-clerk-primary{background:var(--fg);border-radius:8px;min-height:44px;font-size:.875rem;font-weight:500;box-shadow:inset 0 1px #ffffff24,0 1px 2px #0003!important}.auth-layout .etchv-clerk-primary:after{background:0 0}.auth-layout .etchv-clerk-primary:hover{background:#333}.auth-layout .cl-footer{background:var(--bg-subtle);border-top:1px solid var(--line);border-radius:0 0 16px 16px;padding:18px 24px}.auth-layout .cl-footerAction{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 6px;padding:0;display:flex}.auth-layout .cl-footerActionText,.auth-layout .cl-footerActionLink{font-size:.875rem;line-height:1.6}.auth-layout .cl-footerActionLink{align-items:center;min-height:32px;display:inline-flex}.auth-setup{border:1px solid var(--line);border-radius:12px;padding:32px}.auth-setup h1{letter-spacing:-.025em;font-size:1.5rem;font-weight:500;line-height:1.3}.auth-setup p{margin:16px 0 24px;font-size:.9375rem;line-height:1.7}.auth-loading{text-align:center;color:var(--muted);padding:48px 24px;font-size:.875rem}.auth-loading a{color:var(--fg);text-underline-offset:3px;font-weight:500;text-decoration:underline}.auth-sso{margin-top:16px}.auth-sso-open{border:1px solid var(--line-2);color:#171717;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:.875rem;font-weight:500;display:flex}.auth-sso-open:hover{background:#f0f0f0;border-color:#888}.auth-sso-open:focus-visible,.auth-sso-submit:focus-visible,.auth-sso-cancel:focus-visible{outline-offset:3px;outline:2px solid #171717}.auth-sso-panel{border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;gap:10px;padding:28px 32px;display:grid}.auth-sso-panel p{margin:0}.auth-sso-title{letter-spacing:-.01em;color:#171717;align-items:center;gap:9px;font-size:1rem;font-weight:500;display:flex}.auth-sso-lead{color:var(--muted);font-size:.875rem;line-height:1.65;margin-bottom:6px!important}.auth-sso-panel label{color:#171717;font-size:.875rem;font-weight:500}.auth-sso-panel input{border:1px solid var(--line-2);color:#171717;min-height:44px;font:inherit;background:#fff;border-radius:8px;padding:0 12px;font-size:1rem}.auth-sso-panel input:focus{outline-offset:1px;border-color:#171717;outline:2px solid #171717}.auth-sso-panel input[aria-invalid=true]{border-color:#171717}.auth-sso-invalid{color:#171717;font-size:.8125rem}.auth-sso-message{border:1px solid var(--line);background:var(--bg-subtle);color:#3d3d3d;border-radius:8px;padding:12px 14px;font-size:.8125rem;line-height:1.65}.auth-sso-message a{color:#171717;text-underline-offset:3px;text-decoration:underline}.auth-sso-submit{background:var(--fg);min-height:44px;color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:6px;font-size:.875rem;font-weight:500;box-shadow:inset 0 1px #ffffff24,0 1px 2px #0003}.auth-sso-submit:hover:not(:disabled){background:#333}.auth-sso-submit:disabled,.auth-sso-cancel:disabled{opacity:.6;cursor:default}.auth-sso-cancel{min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 8px;font-size:.8125rem}.auth-sso-cancel:hover:not(:disabled){color:#171717}@media (max-width:800px){.auth-layout{grid-template-columns:minmax(0,1fr)}.auth-story{display:none}.auth-form-side{min-height:100svh;padding:20px 24px max(16px, env(safe-area-inset-bottom))}.auth-form-header .auth-mobile-brand{display:inline-flex}.auth-mobile-brand .brand-mark{width:26px;height:auto}.auth-mobile-brand .brand-wordmark-text{font-size:23px}.auth-form-container{padding-block:36px}}@media (max-width:400px){.auth-form-side{padding-inline:16px}.auth-layout .cl-card,.auth-setup,.auth-sso-panel{padding:28px 20px}.auth-layout .cl-footer{padding-inline:16px}.auth-legal{column-gap:20px}}
