.auth-page{--color-base-100:#111313;--color-base-200:#171919;--color-base-300:#343737;--color-base-content:#f2f2f2;--color-primary:#d1fe17;--color-primary-content:#1b2108;background:var(--color-base-100);min-height:100dvh;color:var(--color-base-content);font-family:var(--font-instrument-sans), sans-serif;flex-direction:column;display:flex}.auth-page :is(a,button,input):focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.auth-header{width:min(100%,1600px);min-height:80px;padding:calc(16px + env(safe-area-inset-top,0px)) 40px 16px;justify-content:space-between;align-items:center;gap:20px;margin-inline:auto;display:flex}.auth-brand{min-height:44px;color:var(--color-base-content);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.auth-brand img{filter:invert();width:43px;height:auto}.auth-brand span{font-family:var(--font-syne), sans-serif;letter-spacing:-.035em;font-size:19px;font-weight:700}.auth-language-selector{color:var(--color-base-content);flex:none}.auth-language-selector>button{min-height:44px}.auth-main{flex:1;grid-template-columns:1.08fr 1fr;grid-template-areas:"examples form";align-items:center;gap:clamp(40px,6vw,100px);width:min(100%,1440px);margin-inline:auto;padding:28px 40px 48px;display:grid}.auth-form-panel{grid-area:form;justify-content:center;min-width:0;display:flex}.auth-form-content{width:min(100%,420px);min-width:0}.auth-card{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:12px;overflow:hidden}.auth-form-heading{padding:28px 24px 16px}.auth-form-heading h1{font-family:var(--font-syne), sans-serif;letter-spacing:-.035em;margin:0;font-size:28px;font-weight:700;line-height:1.2}.auth-form-heading p{color:var(--ui-text-muted);margin:10px 0 0;font-size:14px;line-height:1.5}.auth-legal,.auth-switch{text-align:center;color:var(--ui-text-muted);line-height:1.7}.auth-legal{margin:20px 8px 0;font-size:11px}.auth-switch{margin:14px 0 0;font-size:13px}.auth-legal a{text-underline-offset:3px}.auth-legal a:hover,.auth-switch a{color:var(--ui-text-brand)}.auth-switch a{text-underline-offset:4px;font-weight:600}.auth-switch a:hover,.auth-legal a:hover{text-decoration:underline}.auth-examples-panel{grid-area:examples;min-width:0}.auth-intro{margin-bottom:26px}.auth-intro h2{max-width:16ch;font-family:var(--font-syne), sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(30px,3.1vw,44px);font-weight:700;line-height:1.12}.auth-intro h2 span{color:var(--ui-text-brand)}.auth-intro p{max-width:38ch;color:var(--ui-text-muted);margin:15px 0 0;font-size:15px;line-height:1.65}.auth-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.auth-example{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:10px;min-width:0;margin:0;overflow:hidden}.auth-example--workflow{grid-column:1/-1}.auth-example-image{height:clamp(140px,14vw,205px);overflow:hidden}.auth-example--workflow .auth-example-image{height:clamp(220px,21vw,300px)}.auth-example-image img{object-fit:cover;width:100%;height:100%;display:block}.auth-example--fashion img{object-position:center 30%}.auth-example figcaption{color:var(--color-base-content);padding:12px 14px;font-size:12px;font-weight:500;line-height:1.4}.auth-page>footer{padding-inline:20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}@media (min-width:1600px){.auth-main{padding-block:40px 64px}}@media (max-width:1000px) and (min-width:761px){.auth-header{padding-inline:28px}.auth-main{grid-template-columns:1fr 1fr;gap:28px;padding-inline:28px}.auth-intro h2{font-size:30px}.auth-intro p{font-size:13px}.auth-examples{gap:12px}.auth-example--workflow .auth-example-image{height:220px}}@media (max-width:760px){.auth-header{min-height:72px;padding-inline:20px}.auth-brand img{width:36px}.auth-brand span{font-size:18px}.auth-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"form""examples";align-items:start;gap:48px;width:min(100%,520px);padding:16px 20px 40px}.auth-form-heading{padding-top:24px}.auth-intro h2{max-width:17ch;font-size:clamp(28px,7.4vw,36px)}.auth-intro p{font-size:14px}.auth-examples{gap:12px}.auth-example--workflow .auth-example-image{aspect-ratio:1.7;height:auto}.auth-example-image{aspect-ratio:1.1;height:auto}.auth-example figcaption{padding:10px;font-size:11px}}