@font-face{font-family:DM;src:url('./dmsans.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--auth-ink:#12213c;--auth-muted:#627087;--auth-blue:#1169ed;--auth-line:#dce3ed;--auth-lime:#c5f179}
*{box-sizing:border-box}body{margin:0;color:var(--auth-ink);background:#fff;font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--auth-blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}a,button,input,summary{touch-action:manipulation}:focus-visible{outline:3px solid #377ef0;outline-offset:4px}[hidden]{display:none!important}
.auth-skip{position:absolute;inset-block-start:-100px;inset-inline-start:20px;background:#fff;padding:12px;z-index:10}.auth-skip:focus{inset-block-start:12px}
.customer-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh}
.auth-form-panel{display:flex;flex-direction:column;padding:38px clamp(30px,4vw,80px) 26px;min-width:0;background:#fff}
.auth-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:580px;width:100%;margin:0 auto}
.auth-brand{display:inline-flex;gap:9px;align-items:center;color:#142c4c;font-size:23px;letter-spacing:-.8px;font-weight:700;white-space:nowrap}.auth-brand:hover{text-decoration:none}.auth-brand img{background:var(--auth-blue);border-radius:9px;padding:3px}
.auth-back{font-size:11px;white-space:nowrap;color:#586b82;display:flex;gap:7px;align-items:center}
.auth-form-content{width:100%;max-width:415px;margin:auto; padding:52px 0}
.auth-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#426597;margin-bottom:17px;text-transform:uppercase}
.auth-form-content h1{font-size:40px;line-height:1.14;font-weight:650;letter-spacing:-1.7px;margin-bottom:16px}
.auth-description{color:var(--auth-muted);font-size:15px;line-height:1.75;margin-bottom:30px;max-width:400px}
.auth-account-link{font-size:13px;line-height:1.7;color:var(--auth-muted);margin:27px 0 0;text-align:center}.auth-account-link a{font-weight:650}
.auth-field{display:block;font-size:13px;font-weight:600;color:#273b56;margin-bottom:20px}.auth-field>input,.auth-password{margin-top:9px}
.auth-field input{width:100%;min-width:0;min-height:51px;background:#fff;color:#142841;border:1px solid var(--auth-line);border-radius:8px;padding:13px 14px;font-size:14px;line-height:1.5;box-shadow:0 2px 2px #132d4903}
.auth-field input::placeholder{color:#8b96a7}.auth-field input:focus{outline:0;border-color:var(--auth-blue);box-shadow:0 0 0 3px #1169ed18}
.auth-password{position:relative}.auth-password input{padding-inline-end:65px}.auth-password-toggle{position:absolute;inset-inline-end:7px;inset-block-start:7px;min-width:48px;min-height:37px;border:0;border-radius:5px;background:transparent;color:#4e6788;font-size:11px;font-weight:650;padding:7px 8px}.auth-password-toggle:hover{background:#eef4fd}.auth-password-toggle:focus-visible{outline-offset:0}
.auth-field-hint{display:block;font-size:11px;line-height:1.7;font-weight:400;color:var(--auth-muted);margin-top:7px}
.auth-submit{display:flex;align-items:center;justify-content:center;gap:17px;background:var(--auth-blue);color:white;font-weight:650;font-size:14px;border:1px solid var(--auth-blue);border-radius:8px;width:100%;min-height:51px;padding:13px 20px;box-shadow:0 5px 15px #1169ed16;margin-top:9px}.auth-submit:hover{background:#0758d3;border-color:#0758d3}.auth-submit>span{font-size:19px;font-weight:400;line-height:1}
.auth-login-password{margin-top:-11px;margin-bottom:25px}.auth-login-password>input,.auth-password-grid .auth-password>input{width:100%;min-width:0;min-height:51px;background:#fff;color:#142841;border:1px solid var(--auth-line);border-radius:8px;padding:13px 65px 13px 14px;font-size:14px;line-height:1.5}.auth-login-password>input:focus,.auth-password-grid .auth-password>input:focus{outline:0;border-color:var(--auth-blue);box-shadow:0 0 0 3px #1169ed18}.auth-password-grid .auth-password{margin-top:-1px}.auth-password-grid .auth-password>input{padding-inline:11px 52px;font-size:13px}.auth-assistance{font-size:11px;line-height:1.8;color:var(--auth-muted);margin-top:18px;text-align:center}
.auth-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:#64758a;max-width:580px;width:100%;margin:0 auto}.auth-footer a{color:#64758a}
.auth-notice,.auth-error{border-radius:8px;padding:13px 15px;font-size:12px;line-height:1.7;margin-bottom:22px}.auth-notice{border:1px solid #cce5d1;background:#f0faf1;color:#216138}.auth-error{border:1px solid #f1b6ba;background:#fff4f4;color:#a42938}
.auth-trial-summary{display:flex;align-items:center;gap:13px;border:1px solid #d6e6c5;background:#f7fbef;padding:12px 14px;border-radius:9px;margin-bottom:25px}.auth-trial-summary>span{display:grid;place-items:center;color:#395c1f;background:#e5f1d0;min-width:34px;height:34px;border-radius:8px;font-size:19px}.auth-trial-summary strong{display:block;font-size:12px;font-weight:650}.auth-trial-summary p{font-size:11px;color:#546848;line-height:1.7;margin-top:2px}.auth-form-content.signup-content{max-width:440px;padding:32px 0}.signup-content h1{font-size:35px}.signup-content .auth-description{font-size:13px;margin-bottom:20px}.signup-content .auth-field{margin-bottom:16px}.auth-password-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.auth-password-grid .auth-field{margin-bottom:10px}.auth-password-grid input{font-size:13px;padding-inline-start:11px;padding-inline-end:52px}.auth-password-grid .auth-password-toggle{min-width:40px;padding-inline:4px;font-size:10px}.auth-form-note{font-size:11px;color:var(--auth-muted);line-height:1.75;margin:10px 0 18px}.auth-security-note{font-size:11px;line-height:1.75;color:var(--auth-muted);margin-top:15px;text-align:center}.signup-content .auth-account-link{margin-top:20px}
.auth-showcase{background:linear-gradient(140deg,#0867ee 0%,#105ce0 45%,#063b9a 100%);color:#fff;position:relative;overflow:hidden;min-width:0;display:flex;align-items:center;justify-content:center;padding:55px clamp(32px,4vw,76px)}
.showcase-content{position:relative;z-index:1;max-width:550px;width:100%;margin:0 auto}.showcase-eyebrow{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#e2efff;margin-bottom:22px}.showcase-eyebrow>span{font-size:22px;line-height:1;color:var(--auth-lime)}.auth-showcase h2{font-size:clamp(42px,3.8vw,62px);line-height:1.04;letter-spacing:-2.3px;font-weight:550;margin-bottom:23px}.showcase-lead{font-size:16px;color:#e0ecff;line-height:1.8;max-width:450px}.auth-orbit{position:absolute;border:1px solid #b7d0ff24;width:720px;height:720px;border-radius:50%;pointer-events:none}.orbit-a{inset-inline-start:10%;inset-block-start:36%}.orbit-b{inset-inline-start:25%;inset-block-start:46%}
.auth-product-art{position:relative;height:330px;margin:36px -3px 20px;isolation:isolate}
.auth-browser{position:absolute;inset-inline-start:0;inset-block-start:16px;width:95%;border:5px solid #163456;background:#f6f8fc;box-shadow:0 20px 38px #001c5f33;border-radius:12px;overflow:hidden;transform:rotate(-3deg)}
.auth-browser-bar{background:#fff;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;color:#73819a;font-size:8px}.auth-browser-bar>span:first-child{letter-spacing:2px;font-size:7px;color:#b3bdd0}.auth-browser img{width:100%;height:auto;opacity:.98}.auth-browser figcaption{font-size:6px;letter-spacing:1px;color:#59708a;text-align:center;padding:6px;background:#fff}
.auth-portrait{position:absolute;inset-inline-end:-2px;inset-block-start:107px;width:135px;height:232px;background:var(--auth-lime);color:#1b3423;border:5px solid #183752;border-radius:9px;transform:rotate(6deg);padding:14px 12px;box-shadow:0 18px 25px #001c5f30;display:flex;flex-direction:column;align-items:flex-start}.auth-portrait>span{font-size:5px;font-weight:700;letter-spacing:.6px}.auth-portrait>small{font-size:7px;margin-top:16px}.auth-portrait>strong{font-size:28px;line-height:.96;letter-spacing:-1.5px;margin-top:12px;font-weight:750}.auth-portrait>b{font-size:50px;line-height:1;font-weight:400;align-self:flex-end;margin-top:-5px}.auth-portrait>span:last-child{font-size:4px;margin-top:auto}.auth-art-note{position:absolute;inset-inline-start:-12px;inset-block-end:12px;border:1px solid #e7edf0;background:white;color:#314c37;border-radius:9px;padding:12px 15px;box-shadow:0 10px 20px #00164d15;display:flex;align-items:center;gap:11px;transform:rotate(-2deg)}.auth-art-note>span{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#edf5e0;color:#5a7e39;font-size:19px}.auth-art-note strong{display:block;font-size:10px;font-weight:650}.auth-art-note small{display:block;font-size:8px;color:#73816f;margin-top:3px}
.showcase-benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:22px;border-top:1px solid #b7d0ff3d}.showcase-benefits>div{display:flex;align-items:flex-start;gap:11px}.showcase-benefits>div>span{display:flex;align-items:center;justify-content:center;border:1px solid #b8d0ff4d;width:27px;height:27px;flex:none;border-radius:7px;color:#d2e7ff;font-size:10px;margin-top:1px}.showcase-benefits p{font-size:10px;line-height:1.8;color:#d5e6ff}.showcase-benefits strong{display:block;font-size:12px;font-weight:600;color:#fff;margin-bottom:3px}.showcase-link{display:inline-block;font-size:10px;color:#e0edff;margin-top:28px}.showcase-link span{margin-inline-start:8px}
.auth-check-email-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:14px;background:#edf5ff;color:var(--auth-blue);font-size:26px;margin-bottom:25px}.auth-steps{display:grid;gap:15px;padding:0;margin:25px 0;list-style:none}.auth-steps li{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.8;color:#536983}.auth-steps span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#edf4ff;color:var(--auth-blue);font-size:10px}.auth-form-content .auth-secondary-link{display:block;text-align:center;font-size:12px;margin-top:20px}
.auth-form-content:has(>.signup-content){max-width:440px;padding:32px 0}.auth-login-password>input{padding:13px 14px;padding-inline-end:65px}
@media(min-width:1700px){.auth-product-art{height:355px}.auth-portrait{width:151px;height:260px;inset-block-start:109px;padding:18px 15px}.auth-portrait>strong{font-size:32px}.auth-art-note{inset-block-end:15px}}
@media(max-width:1150px){.auth-form-panel{padding:30px 36px 24px}.auth-header{gap:14px}.auth-brand{font-size:21px}.auth-back{font-size:10px}.auth-showcase{padding:48px 35px}.auth-product-art{height:290px}.auth-portrait{width:115px;height:205px;inset-block-start:94px;padding:12px 10px}.auth-portrait>strong{font-size:24px}.auth-portrait>b{font-size:42px}.auth-portrait>small{margin-top:12px;font-size:6px}.auth-art-note{inset-block-end:0;inset-inline-start:-7px;padding:10px}.auth-art-note strong{font-size:9px}.auth-art-note small{font-size:7px}.showcase-benefits{gap:15px}.showcase-benefits>div{gap:8px}.showcase-benefits strong{font-size:11px}.auth-password-grid{grid-template-columns:1fr;gap:4px}.auth-password-grid input{font-size:14px}}
@media(max-width:850px){.customer-auth{grid-template-columns:minmax(0,1fr)}.auth-showcase{padding:53px 28px 46px}.auth-form-panel{padding:26px 28px 22px;min-height:100dvh}.auth-header{max-width:540px}.auth-form-content{padding:55px 0;max-width:420px}.auth-form-content.signup-content{padding:37px 0;max-width:440px}.auth-footer{max-width:540px}.showcase-content{max-width:490px}.auth-product-art{height:330px}.auth-showcase h2{font-size:49px}.showcase-benefits strong{font-size:12px}.auth-portrait{width:135px;height:232px;inset-block-start:105px;padding:15px 13px}.auth-portrait>strong{font-size:28px}.auth-portrait>b{font-size:50px}.auth-art-note{inset-block-end:8px;padding:12px 15px}.auth-art-note strong{font-size:10px}.auth-art-note small{font-size:8px}.auth-password-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.auth-password-grid input{font-size:13px}}
@media(max-width:480px){.auth-form-panel{padding:23px 22px 20px}.auth-header{align-items:flex-start;flex-direction:column;gap:14px}.auth-brand{font-size:23px}.auth-back{font-size:11px}.auth-form-content{padding:42px 0}.auth-form-content h1{font-size:37px}.auth-description{font-size:14px}.auth-field input,.auth-password-grid input{font-size:16px}.signup-content h1{font-size:33px}.auth-password-grid{grid-template-columns:1fr;gap:3px}.auth-form-content.signup-content{padding:34px 0}.auth-trial-summary p{font-size:10px}.auth-showcase{padding:45px 26px}.auth-showcase h2{font-size:45px}.showcase-lead{font-size:14px}.showcase-eyebrow{font-size:8px;letter-spacing:1px}.auth-product-art{height:280px;margin-top:27px}.auth-browser{width:95%}.auth-portrait{width:105px;height:185px;inset-block-start:93px;padding:11px 9px;border-width:4px}.auth-portrait>strong{font-size:22px;margin-top:9px}.auth-portrait>small{font-size:6px;margin-top:10px}.auth-portrait>b{font-size:38px}.auth-portrait>span{font-size:4px}.auth-portrait>span:last-child{font-size:3px}.auth-art-note{inset-inline-start:-7px;inset-block-end:9px;padding:10px}.auth-art-note>span{width:25px;height:25px;font-size:16px}.auth-art-note strong{font-size:8px}.auth-art-note small{font-size:7px}.showcase-benefits{gap:17px;grid-template-columns:1fr}.showcase-benefits p{font-size:11px}.showcase-benefits strong{font-size:12px}.auth-footer{font-size:9px;gap:12px}.auth-showcase .showcase-link{font-size:11px}}
@media(max-width:350px){.auth-form-panel{padding-inline:18px}.auth-form-content h1{font-size:32px}.auth-product-art{height:240px}.auth-portrait{inset-block-start:73px;height:167px;width:96px}.auth-portrait>strong{font-size:20px}.auth-portrait>b{font-size:32px}.auth-art-note{inset-block-end:4px}.showcase-eyebrow{font-size:7px}.auth-showcase h2{font-size:39px}.auth-art-note strong{font-size:7px}}
@media(max-width:480px){.auth-password-grid .auth-password>input,.auth-login-password>input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.auth-browser,.auth-portrait,.auth-art-note{transform:none}}
