/* Sign-in and sign-up, approved boards (#40, design version 1791181924-1a16).
   Every rule is scoped to .signin-a.au so the older sign-in styles (signin-a.css, the app's
   .authwrap/.authcard rules) never leak in. Values come from the boards. */
body:has(.au){padding-bottom:0;background:#08090a}
.signin-a.au{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;place-items:normal;overflow:hidden;background:#08090a;color:#f3f4f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;color-scheme:dark}
.signin-a.au:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 26% 56%,rgba(8,9,10,0) 0%,rgba(8,9,10,.55) 55%,#08090a 82%),radial-gradient(circle,rgba(255,255,255,.12) 1px,rgba(255,255,255,0) 1.6px) 0 0/22px 22px}
.signin-a.au svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* masthead */
.signin-a.au .au-head{position:relative;box-sizing:border-box;width:100%;max-width:1180px;height:clamp(64px,5vw,72px);margin:0 auto;padding:0 clamp(16px,2vw,24px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.signin-a.au .au-logo{display:block}
.signin-a.au .au-logo .evallo-signature,.signin-a.au .au-logo img{display:block;width:clamp(120px,10.3vw,148px);height:auto}
.signin-a.au .au-logo img{filter:grayscale(1) brightness(0) invert(1)}
.signin-a.au .au-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;font-size:14px;color:#c9cbe0;text-decoration:none}
.signin-a.au .au-back:hover{color:#f3f4f6}
.signin-a.au .au-back svg{width:16px;height:16px}

/* layout */
.signin-a.au .au-main{position:relative;box-sizing:border-box;width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,24px) clamp(16px,2vw,24px) clamp(32px,4.5vw,64px)}
.signin-a.au .au-row{width:100%;max-width:1132px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:48px 64px}

/* story */
.signin-a.au .au-story{flex:1 1 420px;max-width:520px;min-width:0}
.signin-a.au .au-eyebrow{margin:0;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px;line-height:1.55;letter-spacing:.08em;text-transform:uppercase;color:#9a9caf}
.signin-a.au .au-story h2{margin:18px 0 0;font-size:clamp(44px,4.6vw,64px);line-height:1.02;letter-spacing:-.035em;font-weight:700;text-wrap:balance;color:#f3f4f6}
.signin-a.au .au-story h2 span{display:block;color:#a3a6ae}
.signin-a.au .au-copy{margin:22px 0 0;max-width:26em;font-size:18px;color:#c4c6d2;text-wrap:pretty}
.signin-a.au .au-journey{margin:32px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#5b5f68}
.signin-a.au .au-journey span{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#141518;font-size:12.5px;color:#c8cad0}
.signin-a.au .au-journey svg{width:14px;height:14px}

/* card */
.signin-a.au .authcard.au-card{position:relative;box-sizing:border-box;flex:1 1 400px;width:100%;min-width:0;max-width:440px;margin:0;padding:clamp(24px,2.5vw,36px);border-radius:clamp(16px,1.4vw,20px);border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),#0e0f11;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -40px rgba(0,0,0,.85);color:#f3f4f6;text-align:left}
.signin-a.au .authcard.au-card:before{content:none}
.signin-a.au .authcard.au-card.wide{max-width:680px}
.signin-a.au .au-card>p.au-kicker{margin:0;display:flex;align-items:center;gap:8px;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px;line-height:1.55;letter-spacing:.08em;text-transform:uppercase;color:#8a8f98}
.signin-a.au .au-kicker svg{width:14px;height:14px;stroke-width:1.5}
.signin-a.au .au-card h1{margin:14px 0 0;font-size:clamp(30px,2.4vw,34px);line-height:1.15;letter-spacing:-.03em;font-weight:600;color:#f3f4f6}
.signin-a.au .au-card>p.au-sub,.signin-a.au .au-card p.au-sub{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:#8a8f98}
.signin-a.au .au-card .au-sub strong{font-weight:600;color:#f3f4f6}
.signin-a.au .au-card>p.au-sent{margin-top:12px;font-size:14.5px}
.signin-a.au .au-card>p.au-opening{margin-top:14px}
.signin-a.au #signinHelp,.signin-a.au #switchSignin.quiet{color:#c8cad0;font-size:14px}

/* fields */
.signin-a.au .au-form{display:flex;flex-direction:column;gap:18px;margin:28px 0 0}
.signin-a.au .au-sent+.au-form{margin-top:24px}
.signin-a.au .au-field{display:flex;flex-direction:column;gap:8px;margin:0}
.signin-a.au .au-field>label{margin:0;font-size:14px;line-height:22px;font-weight:500;color:#c8cad0}
.signin-a.au .au-field input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;width:100%;height:48px;margin:0;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#08090a;color:#f3f4f6;font:inherit;font-size:15px;box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s}
.signin-a.au input::placeholder{color:#5b5f68}
.signin-a.au .au-field input:not([type=checkbox]):not([type=radio]):focus{border-color:rgba(255,255,255,.4)}
.signin-a.au .au-password{position:relative}
.signin-a.au .au-password input{padding-right:72px}
.signin-a.au .au-show{position:absolute;top:6px;right:6px;height:36px;min-width:0;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#c8cad0;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer}
.signin-a.au .au-show:hover{background:rgba(255,255,255,.05)}
.signin-a.au .au-help{margin:0;font-size:13px;line-height:1.5;color:#8a8f98}
.signin-a.au .au-forgot{display:flex;justify-content:flex-end;margin:-10px 0 0}
.signin-a.au .au-consent{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;line-height:1.5;color:#c8cad0;cursor:pointer}
.signin-a.au .au-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#f3f4f6}
.signin-a.au .au-consent a{color:#f3f4f6;font-weight:400;text-decoration:underline;text-underline-offset:3px}

/* buttons and links */
.signin-a.au .au-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;min-height:0;margin:0;padding:0 18px;border:0;border-radius:10px;background:#f3f4f6;color:#08090a;font:inherit;font-size:15px;font-weight:600;text-decoration:none;box-shadow:none;filter:none;cursor:pointer}
.signin-a.au .au-btn:hover{background:#fff}
.signin-a.au .au-btn svg{width:16px;height:16px}
.signin-a.au .au-btn.ghost{height:44px;border:1px solid rgba(255,255,255,.12);background:#141518;color:#f3f4f6}
.signin-a.au .au-btn.ghost:hover{background:#1b1c20}
.signin-a.au .au-btn:disabled{opacity:.4;cursor:not-allowed}
.signin-a.au .au-text{min-height:44px;padding:0;border:0;background:none;color:#f3f4f6;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.signin-a.au .au-text:hover{text-decoration:underline;text-underline-offset:4px}
.signin-a.au .au-text.quiet{color:#c8cad0}
.signin-a.au .au-card>p.au-switch{margin:20px 0 0;text-align:center;font-size:14px;color:#8a8f98}
.signin-a.au .au-switch .au-text{min-height:0;font-weight:600}
.signin-a.au .au-rule{height:1px;margin-top:20px;background:rgba(255,255,255,.08)}
.signin-a.au .au-center{display:flex;justify-content:center;margin-top:8px}
.signin-a.au .au-steps+.au-form+.au-center{margin-top:12px}
.signin-a.au .au-actions{display:flex;flex-direction:column;gap:10px;margin-top:28px}
.signin-a.au .au-quiet,.signin-a.au .au-links a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;font-weight:500;color:#c8cad0;text-decoration:none}
.signin-a.au .au-quiet:hover,.signin-a.au .au-links a:hover{color:#f3f4f6}
.signin-a.au .au-links{display:flex;flex-direction:column;align-items:center;margin-top:12px}
.signin-a.au .au-links a{min-height:40px}

/* reset steps */
.signin-a.au .au-steps{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5;color:#c8cad0;counter-reset:au-step}
.signin-a.au .au-steps li{display:flex;align-items:flex-start;gap:12px;counter-increment:au-step}
.signin-a.au .au-steps li:before{content:counter(au-step);box-sizing:border-box;flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:600;line-height:1;color:#f3f4f6}
.signin-a.au .au-steps+.au-form{margin-top:24px}

/* verification code: one real input over eight boxes */
.signin-a.au .code-entry{position:relative}
.signin-a.au .code-entry input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;font-size:16px;cursor:text;box-shadow:none}
.signin-a.au .code-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.signin-a.au .code-slot{box-sizing:border-box;display:grid;place-items:center;height:52px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#08090a;font-size:20px;font-weight:600;color:#f3f4f6;font-variant-numeric:tabular-nums}
.signin-a.au .code-slot.active{border-color:rgba(171,170,255,.6);box-shadow:0 0 0 3px rgba(171,170,255,.12)}
.signin-a.au .code-entry+small,.signin-a.au #codeHint{display:block;margin:0;font-size:13px;color:#8a8f98}
.signin-a.au .au-resend{gap:12px;margin-top:18px}

/* security check (Turnstile mounts itself above the main button) */
.signin-a.au .auth-captcha{display:flex;flex-direction:column;gap:8px;margin:0}
.signin-a.au .auth-captcha[hidden]{display:none}
.signin-a.au #authCaptchaStatus{margin:0;font-size:13px;color:#8a8f98}
.signin-a.au #authCaptchaStatus:empty{display:none}
.signin-a.au #retryAuthCaptcha{box-sizing:border-box;width:100%;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#141518;color:#f3f4f6;font:inherit;font-size:15px;font-weight:600}

/* private-by-default note */
.signin-a.au .au-note{display:flex;gap:12px;margin:24px 0 0;padding:20px 0 0;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:none;font-size:13px;line-height:1.5;color:#8a8f98}
.signin-a.au .au-note svg{flex:none;width:16px;height:16px;margin-top:2px;color:#c8cad0;stroke-width:1.5}
.signin-a.au .au-note p{margin:0}
.signin-a.au .au-note strong{display:block;font-weight:500;color:#f3f4f6}

/* choose your plan */
.signin-a.au .au-plans{min-width:0;margin:24px 0 0;padding:0;border:0}
.signin-a.au .au-plans legend{padding:0;margin-bottom:10px;font-size:14px;line-height:22px;font-weight:500;color:#c8cad0}
.signin-a.au .au-plan{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0e0f11;cursor:pointer}
.signin-a.au .au-plan+.au-plan{margin-top:8px}
.signin-a.au .au-plan.on{border-color:rgba(255,255,255,.4);background:#1b1c20}
.signin-a.au .au-plan:has(:focus-visible){outline:1.5px solid rgba(255,255,255,.62);outline-offset:2px}
.signin-a.au .au-plan input{flex:none;width:16px;height:16px;margin:0;accent-color:#f3f4f6}
.signin-a.au .au-plan-name{flex:1;font-size:15px;font-weight:500;color:#f3f4f6}
.signin-a.au .au-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:none;font-size:12px;font-weight:500;color:#c8cad0;text-transform:none;letter-spacing:0}
.signin-a.au .au-summary{margin-top:16px;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#141518}
.signin-a.au .au-summary[hidden]{display:none}
.signin-a.au .signup-price-heading{margin:0;font-size:13px;line-height:1.55;letter-spacing:0;font-weight:500;color:#8a8f98}
.signin-a.au .signup-price-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:4px}
.signin-a.au .signup-price-amount{font-size:30px;line-height:1.15;font-weight:600;letter-spacing:-.03em;color:#f3f4f6}
.signin-a.au .signup-price-period{font-size:14px;color:#8a8f98}
.signin-a.au .signup-price-context{margin:6px 0 0;font-size:14px;color:#c8cad0}
.signin-a.au .signup-price-renewal{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:#8a8f98}
.signin-a.au #planSelectionForm .au-btn{margin-top:20px}

/* messages (not on the boards: the same quiet treatment as the cards) */
.signin-a.au .au-message{margin:16px 0 0;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#141518;font-size:14px;line-height:1.5;color:#c8cad0}
.signin-a.au .au-message.error{border-color:rgba(242,85,90,.4);background:rgba(242,85,90,.08);color:#f6a5a8}

/* #408 sign in with Apple, Google and LinkedIn (board v2, approved October 14): each brand's own button */
.signin-a.au .au-providers{display:flex;flex-direction:column;gap:10px;margin:24px 0 0}
.signin-a.au .au-provider{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;margin:0;padding:0 18px;border:1px solid transparent;border-radius:999px;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.signin-a.au .au-provider svg{flex:none;width:18px;height:18px}
/* brand marks keep their own shapes and colors: no outline from the page's line icons */
.signin-a.au .au-provider svg,.signin-a.au .au-mark svg{stroke:none}
.signin-a.au .au-provider-apple{background:#fff;color:#000}
.signin-a.au .au-provider-apple:hover{background:#ececec}
.signin-a.au .au-provider-google{background:#131314;border-color:#8e918f;color:#e3e3e3;font-family:Roboto,inherit;font-weight:500}
.signin-a.au .au-provider-google:hover{background:#1e1f20}
.signin-a.au .au-provider-linkedin{background:#0a66c2;color:#fff}
.signin-a.au .au-provider-linkedin:hover{background:#004182}
.signin-a.au .au-provider:disabled,.signin-a.au .au-way:disabled{opacity:.6;cursor:default}
.signin-a.au .au-provider:focus-visible,.signin-a.au .au-way:focus-visible,.signin-a.au .au-btn.au-email:focus-visible{outline:2px solid rgba(255,255,255,.62);outline-offset:2px}
.signin-a.au .au-btn.au-email{position:relative;height:48px;margin-top:10px;border-radius:999px}
.signin-a.au .au-btn.au-email svg{transition:transform .15s}
.signin-a.au .au-btn.au-email[aria-expanded="true"] svg{transform:rotate(180deg)}
/* "Last used": a neutral gray label with no color meaning, saved in this browser only */
.signin-a.au .au-last{position:absolute;top:-10px;right:20px;padding:1px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#2a2c31;color:#e3e3e3;font-size:11.5px;font-weight:600;line-height:17px;font-family:inherit}
.signin-a.au .au-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.signin-a.au .au-label-row .au-last,.signin-a.au .au-way .au-last{position:static}
.signin-a.au .au-or{display:flex;align-items:center;gap:12px;margin:24px 0 0;font-size:13px;color:#8a8f98}
.signin-a.au .au-or+.au-providers{margin-top:18px}
.signin-a.au .au-or:before,.signin-a.au .au-or:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}
.signin-a.au .au-card>p.au-or-note{margin:10px 0 0;text-align:center;font-size:13px;line-height:1.5;color:#8a8f98}
.signin-a.au .au-or-note+.au-form,.signin-a.au .au-email+.au-form{margin-top:18px}
/* Finish creating your account (A4) and Apple's Hide My Email (A7) */
.signin-a.au .au-identity{display:flex;align-items:center;gap:12px;margin:22px 0 0;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#141518}
.signin-a.au .au-mark{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#000}
.signin-a.au .au-mark svg{width:20px;height:20px}
.signin-a.au .au-mark-linkedin{color:#0a66c2}
.signin-a.au .au-identity p{display:flex;flex-direction:column;min-width:0;margin:0;font-size:13px;color:#8a8f98}
.signin-a.au .au-identity strong{overflow-wrap:anywhere;font-size:15px;font-weight:600;color:#f3f4f6}
.signin-a.au .au-identity em{margin-left:auto;font-style:normal;font-size:13px;font-weight:600;color:#7fcfa0}
.signin-a.au .au-relay p{margin:0;font-size:14px;line-height:1.5;color:#c8cad0}
.signin-a.au .au-relay strong{display:block;color:#f3f4f6}
.signin-a.au .au-ways{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}
.signin-a.au .au-way{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#f3f4f6;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer}
.signin-a.au .au-way:hover{background:#1b1c20}
.signin-a.au .au-planline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#141518;font-size:14.5px;line-height:1.45;color:#c8cad0}
.signin-a.au .au-planline strong{font-weight:600;color:#f3f4f6}
.signin-a.au .au-planline .au-text{flex:none;min-height:0;text-decoration:underline;text-underline-offset:3px}
/* small phones: the line under the email already says verified, so the email gets the room */
@media (max-width:480px){.signin-a.au .au-identity em{display:none}}

/* phones: the board's phone version drops the story panel and the dot grid */
@media (max-width:800px){
  .signin-a.au:before{content:none}
  .signin-a.au .au-story{display:none}
  .signin-a.au .au-row{justify-content:center}
  .signin-a.au .authcard.au-card{flex-basis:auto}
}

/* phones: 16px text in fields so iPhone Safari doesn't zoom in when a field is tapped (audit 17) */
@media (max-width:600px){
  .signin-a.au .au-field input:not([type=checkbox]):not([type=radio]){font-size:16px}
}