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('/images/demo-people-network.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}