body.signin-experience,body.maintenance-page{min-height:100vh;background:radial-gradient(ellipse at 80% 10%,#b9d4ff 0,transparent 65%),linear-gradient(130deg,#d5e8ff,#edf5ff 65%,#c4ddff);color:#23385e;font-family:"Segoe UI",Arial,sans-serif}
.account-network{position:fixed;left:5vw;bottom:0;width:min(900px,72vw);height:740px;background:url('/css/images/sign-in-connected-intelligence.png') left bottom/auto 100% no-repeat;opacity:.28;pointer-events:none;z-index:0;mix-blend-mode:multiply;mask-image:linear-gradient(to right,#000 0,#000 40%,transparent 68%),linear-gradient(to bottom,transparent,#000 18%,#000 90%,transparent);mask-composite:intersect}
body.signin-experience .sign-in-main{position:relative;z-index:1;display:block;width:min(580px,calc(100% - 40px));max-width:none;margin:65px auto;padding:0;min-height:0}
body.signin-experience .sign-in-main>.panel{width:100%;max-width:none;padding:32px;background:#f8fbfff2;border:1px solid #c4d9f1;border-radius:24px;box-shadow:0 14px 40px #31578c12}
body.signin-experience .sign-in-main h1{font-size:36px;line-height:1.2;letter-spacing:-1px;color:#23385e}
body.signin-experience .auth-primary{width:auto;border-radius:10px;padding:12px 22px;background:#244e80;color:white;border:0;font-size:16px}
body.signin-experience{display:flow-root;margin:0}body.signin-experience .setup-shell{position:relative;z-index:1}
/* Shared account template: clear top edge, lower right form and blended artwork. */
body.signin-experience{display:flow-root;margin:0;background-attachment:fixed}
.account-network{left:0;bottom:0;width:min(900px,65vw);height:min(740px,78vh);background-position:left bottom;mask-image:linear-gradient(to right,transparent 0,#000 15%,#000 48%,transparent 90%),linear-gradient(to bottom,transparent 0,#000 20%,#000 85%,transparent 100%);mask-composite:intersect}
body.signin-experience .sign-in-main{width:min(560px,calc(100% - 40px));margin:30vh 8vw 60px auto}
.account-company-name{font-size:23px;font-weight:700;letter-spacing:-.4px;color:#244e80;margin:0 0 22px;overflow-wrap:anywhere}
body.signin-experience .sign-in-main .form-grid{display:grid;grid-template-columns:1fr;gap:16px}
body.signin-experience .sign-in-main .form-grid label{display:grid;gap:6px}
@media(max-width:760px){body.signin-experience .sign-in-main{margin:12vh auto 40px}.account-network{width:100vw;opacity:.2}body.signin-experience .sign-in-main>.panel{padding:25px}}
/* Company identity belongs beside the form, never inside it. */
body.signin-experience .sign-in-main{margin:65px 8vw 60px auto}
.account-company{position:absolute;top:65px;left:7vw;display:flex;align-items:center;gap:20px;max-width:calc(84vw - 590px);z-index:1}
.account-company-logo{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 78px;width:78px;height:78px;border-radius:22px;background:#244e80;color:#fff;font-size:48px;font-weight:750;box-shadow:0 8px 25px #244e8024;border:1px solid #ffffff85}
.account-company-logo>span{position:absolute;width:10px;height:10px;right:12px;bottom:13px;border-radius:50%;background:#8dbdff}
.account-company .account-company-name{font-size:clamp(28px,3vw,48px);font-weight:750;line-height:1.12;letter-spacing:-1px;margin:0;color:#244e80;overflow-wrap:anywhere}
.account-network{bottom:10vh;height:min(680px,70vh)}
body.signin-experience .sign-in-main .panel a,body.signin-experience .sign-in-main .auth-register-link{font-family:"Segoe UI",Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.42;text-decoration:none}
body.signin-experience .sign-in-main .panel a{color:#6740e8}
body.signin-experience .sign-in-main .panel a:hover{text-decoration:underline}
body.signin-experience .auth-register-link{margin-top:18px;color:#56708e}
@media(max-width:1000px){.account-company{position:relative;top:auto;left:auto;margin:35px 6vw 25px;max-width:none}.account-company-logo{width:64px;height:64px;flex-basis:64px;font-size:38px}.account-company .account-company-name{font-size:34px}body.signin-experience .sign-in-main{margin:25px auto 40px}}
.account-company-logo.company-emblem{background:#fff;color:#244e80;border-radius:19px;transform:rotate(-5deg);padding:0;font-weight:800;line-height:1}.account-company-logo.company-emblem>span{background:#f2b930}
body.signin-experience .sign-in-main #sign-in>a{font:400 16px/1.42 "Segoe UI",Arial,sans-serif;color:#6740e8}body.signin-experience .sign-in-main [role=status],body.signin-experience .sign-in-main .form-note{font-size:16px;line-height:1.42}
.account-company-logo.company-emblem{display:block;flex:0 0 auto;width:auto;height:auto;min-width:76px;padding:13px 16px;background:#fff;color:#6740e8;font-size:46px;font-weight:800;line-height:1;letter-spacing:normal;text-align:center;white-space:nowrap;border:0;border-radius:19px;transform:rotate(-5deg)}.account-company-logo.company-emblem>span{position:static;display:inline;width:auto;height:auto;background:none;color:#f2b930;border-radius:0}
.account-company-wordmark{min-width:0}.account-company-tagline{margin-top:8px;font-size:15px;line-height:1.5;font-weight:400;color:#365579;overflow-wrap:anywhere}.account-company .account-company-name{text-transform:none}
.account-company-name .tyctak-wordmark{display:block;width:216px;height:48px;object-fit:cover;object-position:center;max-width:100%}

/* Shared professional AI artwork across opening and account screens. */
.account-network{background-image:url('/css/images/sign-in-connected-intelligence.png');background-size:100% 100%;width:min(544px,56vh,62.5vw);height:min(680px,70vh,78.125vw);transform:scale(1.6);transform-origin:left bottom;opacity:.75;mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 52%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 35%,#000 80%,transparent 100%);mask-composite:intersect}

/* Registration: roomy coworker portraits with the whole face visible. */
#join-form fieldset:has(.coworker-choice-grid){border:1px solid #c4d9f1;border-radius:18px;padding:16px;min-width:0}
#join-form fieldset:has(.coworker-choice-grid)>legend{margin-left:50px;padding:0 6px;max-width:calc(100% - 62px)}
#join-form .coworker-choice-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0 4px}
#join-form .coworker-choice-grid .avatar-choice{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 72px;width:72px;height:72px;min-width:72px;min-height:72px;padding:0;overflow:hidden;border-radius:50%;margin:0}
#join-form .coworker-choice-grid .avatar-choice img{display:block;flex:none;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center 25%;margin:0;border-radius:50%}
#join-form .coworker-choice-grid .avatar-choice>span{display:none}

#join-form :is(input,select,textarea)[required]{background-color:#fffbea!important}


#join-form .coworker-choice-grid .avatar-choice{border-width:6px;flex-basis:78px;width:78px;height:78px;min-width:78px;min-height:78px;padding:3px}#join-form .coworker-choice-grid .avatar-choice[aria-pressed=true]{border-color:#6495ed;background:#fff}

/* Keep shared account artwork continuous when navigating between account forms. */
@view-transition{navigation:auto}
.account-network{background-image:none;overflow:hidden;view-transition-name:account-artwork}
.account-network>img{display:block;width:auto;height:100%;max-width:none;object-fit:contain;object-position:left bottom}
.account-company{view-transition-name:account-company}
.account-company>.tyctak-logo{width:79.2px;height:79.2px;min-width:79.2px;flex-basis:79.2px;margin-right:-19.2px;position:relative;top:-3px}
.account-company-name .tyctak-wordmark{position:relative;top:3px}
.account-company-tagline{position:relative;top:-5px}
::view-transition-group(*){animation:none}
::view-transition-old(*){animation:none;opacity:0}
::view-transition-new(*){animation:none;opacity:1}
.account-network,.account-network>img,.account-network::before,.account-network::after{animation:none!important;transition:none!important}
::view-transition-old(*),::view-transition-new(*){mix-blend-mode:normal}
/* Fade is baked into the static image; avoid repeatedly compositing masks/blending. */
.account-network{mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal!important;isolation:isolate;will-change:auto}
.account-network>img{opacity:1!important;filter:none!important;animation:none!important;transition:none!important}
.account-network{opacity:1!important;transform:none!important;width:min(870.4px,89.6vh,100vw)!important;height:min(1088px,112vh,125vw)!important;filter:none!important}
body.signin-experience .sign-in-main .auth-opening-link{margin:8px 0 0}

.setup-intro>p:not(.eyebrow){color:#244e80}.setup-form .setup-submit{margin-top:20px}.setup-coworker-summary{display:flex;align-items:center;gap:12px;margin:10px 0}.setup-coworker-summary img{width:72px;height:72px;object-fit:cover;border-radius:12px}.setup-coworker-pool{display:flex;flex-wrap:wrap;gap:10px;max-height:55vh;overflow:auto}.setup-coworker-pool button{display:flex;flex-direction:column;align-items:center;padding:5px;background:transparent;border:0;color:#244e80}.setup-coworker-pool img{width:64px;height:64px;object-fit:cover;border-radius:50%}.setup-coworker-dialog{border:1px solid #dbe2ec;border-radius:18px;background:#f1faef;padding:24px;max-width:660px;width:90vw}.setup-coworker-dialog::backdrop{background:#243b5560}

.setup-intro .eyebrow,.setup-intro>p:not(.eyebrow){color:#244e80}

.setup-coworker-change{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#f3a509;color:white;box-shadow:0 2px 5px #182b4626}.setup-coworker-change svg{width:20px;height:20px}.setup-coworker-change:hover{background:#244e80;transform:translateY(-2px);box-shadow:0 4px 8px #182b4633}

#demo-company>button[type=submit]{margin-top:20px}body:has(#demo-company) .panel>p{color:#244e80}

.account-company>.tyctak-logo{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;object-fit:contain}.registration-avatar .account-avatars{display:flex;flex-wrap:wrap;gap:8px;border:0;background:transparent;padding:8px 0}.registration-avatar .account-avatars .avatar-choice{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0;padding:2px;border:0;border-radius:50%;background:transparent;box-shadow:none}.registration-avatar .avatar-choice img{display:block;width:48px;height:48px;object-fit:contain;border-radius:50%}.registration-avatar .avatar-choice:hover{background:#e5efff}
body.signin-experience #verify-demo .auth-primary{background:#f3a509;color:#fff;box-shadow:0 2px 5px #182b4626;transition:background .15s,transform .15s,box-shadow .15s}body.signin-experience #verify-demo .auth-primary:not(:disabled):hover{background:#244e80;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #182b4633}

.setup-coworker-dialog{position:relative;color:#243751}.setup-coworker-dialog>h2{margin:0 32px 18px 0;font-size:18px}.setup-coworker-dialog>.setup-coworker-close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#244e80;box-shadow:none;cursor:pointer}.setup-coworker-close svg{display:block;width:20px;height:20px}.setup-coworker-dialog>.setup-coworker-close:hover{background:transparent;color:#3c66b5}.setup-coworker-close:focus-visible{outline:2px solid #3c66b5;outline-offset:2px}

.account-display-preferences{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.account-display-preferences>.check-label{margin:0}.account-display-preferences>.check-label:last-child{margin-left:auto}