:root{--bg:#f5f8fc;--panel:#fff;--ink:#12213b;--muted:#67728a;--line:#dfe6ef;--blue:#1769ee;--blue-dark:#0d5bd7;--green:#19b769}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input{font:inherit}.authPage{background:radial-gradient(circle at 38% 20%,#fff 0,#f8fbff 34%,#f2f6fb 100%);min-height:100vh;padding:26px 54px 44px}.siteHeader{justify-content:space-between;align-items:center;max-width:1320px;height:52px;margin:0 auto 22px;display:flex}.brandMini,.brandLarge{color:#13213a;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brandMini svg,.brandLarge svg{color:var(--blue)}.brandMini strong{font-size:22px}.brandLarge strong{letter-spacing:-1px;font-size:34px}.supportLink{color:#647087;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.supportLink strong{color:#34425a;margin-left:4px;font-weight:600}.authFrame{background:var(--panel);border:1px solid #e0e7f0;border-radius:18px;grid-template-columns:1.04fr 1fr;width:min(1320px,100%);min-height:830px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 60px #283c5a14}.brandPanel{background:linear-gradient(135deg,#f8fbff 0%,#f6f9fd 54%,#eef4fb 100%);border-right:1px solid #edf1f6;padding:54px 58px 34px;position:relative;overflow:hidden}.brandPanel:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 40%,#a0c2f047,#0000 30%);position:absolute;inset:0}.brandPanel>*{z-index:1;position:relative}.brandPanel h1{letter-spacing:-2.4px;max-width:540px;margin:34px 0 18px;font-size:clamp(42px,4vw,58px);line-height:.98}.brandCopy{color:#47556d;max-width:520px;margin:0;font-size:20px;line-height:1.45}.brandMiddle{grid-template-columns:210px 1fr;align-items:center;gap:14px;min-height:280px;margin-top:22px;display:grid}.channelList{gap:14px;display:grid}.channelRow{align-items:center;gap:16px;font-size:18px;font-weight:700;display:flex}.channelIcon{border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.channelPhone{color:#0c6ef0;background:#e4f0ff}.channelSms{color:#5c63e8;background:#eceeff}.channelWhatsapp{color:#0ca45d;background:#e5f8ef}.channelWeb{color:#d96519;background:#fff0e6}.agentArt{background:linear-gradient(145deg,#fff9,#d7e6f6f2);border-radius:18px 0 0 18px;height:280px;position:relative;overflow:hidden}.officeNote{color:#728096;font-size:15px;line-height:1.08;position:absolute;top:24px;right:28px;transform:rotate(-4deg)}.agentHalo{background:radial-gradient(circle,#fff 0 24%,#e6edf6 60%,#0000 61%);border-radius:50%;width:240px;height:240px;position:absolute;top:45px;right:-12px}.agentFigure{width:180px;height:235px;position:absolute;bottom:-4px;right:32px}.agentHead{background:linear-gradient(145deg,#dca985,#f1c3a3 60%,#c98567);border-radius:48% 48% 44% 44%;width:74px;height:88px;position:absolute;top:17px;left:57px;box-shadow:-16px -12px 0 -4px #3c2f2d}.agentBody{background:linear-gradient(#343a44,#171b22);border-radius:66px 66px 12px 12px;width:150px;height:150px;position:absolute;bottom:-6px;left:18px}.headsetBand{border:5px solid #242d3a;border-bottom-color:#0000;border-radius:50%;width:94px;height:89px;position:absolute;top:9px;left:47px}.headsetMic{border-top:4px solid #222c38;width:42px;position:absolute;top:72px;left:120px;transform:rotate(8deg)}.handNote{color:#7e91b3;font-family:Segoe Print,Bradley Hand,cursive;font-size:15px;line-height:1.4;position:absolute;bottom:80px;left:4px;transform:rotate(-6deg)}.flowRow{justify-content:space-between;align-items:flex-start;gap:7px;margin-top:22px;display:flex}.flowGroup{flex:1;align-items:center;display:flex}.flowItem{text-align:center;color:#26344c;min-width:92px;font-size:12px;font-weight:700;line-height:1.15}.flowIcon{border-radius:14px;place-items:center;width:56px;height:56px;margin:0 auto 10px;display:grid}.flowNeutral{color:#647087;background:#edf1f6}.flowBlue{color:#1d6eed;background:#e5f0ff}.flowGreen{color:#10a66a;background:#e2f8ef}.flowPurple{color:#8164ed;background:#eeeaff}.flowArrow{color:#95a1b5;margin:18px 4px 0;font-size:24px}.providerFoot{color:#6d7990;align-items:center;gap:9px;margin-top:42px;font-size:13px;display:flex}.providerPill{color:#55627a;text-transform:uppercase;letter-spacing:.08em;background:#ffffffa6;border:1px solid #d6dfea;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:11px;font-weight:800}.formPanel{background:#fff;justify-content:center;align-items:center;padding:64px;display:flex}.authCardContent{width:min(100%,500px)}.authCompact{max-width:500px}.authHeading h2{letter-spacing:-1.2px;margin:0;font-size:38px;line-height:1.1}.authHeading p{color:#617087;margin:8px 0 0;font-size:17px;line-height:1.5}.purchaseBanner{background:#effbf5;border:1px solid #bdebd3;border-radius:12px;align-items:center;gap:15px;margin:28px 0;padding:18px 20px;display:flex}.purchaseBanner strong,.purchaseBanner span{display:block}.purchaseBanner strong{color:#196a42;margin-bottom:4px;font-size:15px}.purchaseBanner div>span{color:#41576a;font-size:14px}.successIcon{color:#fff;background:var(--green);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.authForm{gap:19px;margin-top:28px;display:grid}.purchaseBanner+.authForm{margin-top:0}.field{gap:8px;display:grid}.fieldLabel,.passwordHeader{color:#26344b;font-size:14px;font-weight:750}.field input,.passwordWrap input,.lockedInput input{color:#17233a;background:#fff;border:1px solid #cfd8e4;border-radius:9px;outline:none;width:100%;height:49px;padding:0 16px;transition:border .15s,box-shadow .15s}.field input:focus,.passwordWrap input:focus,.lockedInput input:focus{border-color:#78aaf8;box-shadow:0 0 0 4px #1769ee17}.passwordWrap,.lockedInput{display:block;position:relative}.passwordWrap input,.lockedInput input{padding-right:48px}.iconButton{color:#63728a;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.iconButton:hover{background:#f1f5fa}.lockedInput svg{color:#7b8799;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.termsRow{color:#526079;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.termsRow input{width:19px;height:19px;accent-color:var(--blue);margin-top:1px}.termsRow a{color:var(--blue)}.primaryButton{color:#fff;cursor:pointer;background:linear-gradient(#2475f4,#1265e8);border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;height:54px;font-weight:800;display:flex;box-shadow:0 9px 18px #1567eb2e}.primaryButton:hover{background:linear-gradient(#1e6fea,#0d5bd7)}.switchRow{color:#68758b;border-top:1px solid #d9e0e9;justify-content:center;align-items:center;gap:7px;margin-top:25px;padding-top:21px;font-size:13.5px;display:flex}.switchRow a{color:var(--blue);font-weight:700;text-decoration:none}.pathHint{color:#617087;text-align:left;background:#f7f9fc;border-radius:12px;justify-content:center;align-items:center;gap:13px;margin-top:38px;padding:20px;font-size:12.5px;display:flex}.pathHint strong,.pathHint span{display:block}.pathHint strong{color:#4e5b70;margin-bottom:5px;font-weight:650}.passwordHeader{justify-content:space-between;align-items:center;margin-bottom:-11px;display:flex}.passwordHeader a{color:var(--blue);font-size:12.5px;font-weight:650;text-decoration:none}@media (max-width:1050px){.authPage{padding:20px 24px 34px}.authFrame{grid-template-columns:.85fr 1fr}.brandPanel{padding:44px 36px 28px}.brandPanel h1{font-size:44px}.brandMiddle{grid-template-columns:1fr;min-height:auto}.agentArt{display:none}.flowRow{margin-top:38px}.flowArrow{display:none}.formPanel{padding:48px 42px}}@media (max-width:760px){.authPage{padding:18px 18px 28px}.supportLink span,.supportLink svg{display:none}.siteHeader{margin-bottom:10px}.authFrame{border-radius:15px;min-height:auto;display:block}.brandPanel{display:none}.formPanel{align-items:flex-start;min-height:calc(100vh - 100px);padding:40px 24px}.authHeading h2{font-size:32px}.purchaseBanner{margin:24px 0}.pathHint{margin-top:28px}}
.agentShell .agentBody{width:auto;min-width:0;height:auto;box-shadow:none;background:0 0;border-radius:0;padding:18px 20px 30px;position:static;inset:auto}.agentShell .switch{background:#cbd5e1;border:0;border-radius:999px;flex:0 0 36px;width:36px;height:20px;padding:2px;position:relative;overflow:hidden}.agentShell .switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;display:block;position:static;transform:translate(0);box-shadow:0 1px 3px #0000002e}.agentShell .switch.on{background:#1769ee}.agentShell .switch.on i{transform:translate(16px)}.automationShell .switch{background:#c8d2df;border:0;border-radius:999px;flex:0 0 42px;width:42px;height:24px;padding:0;position:relative;overflow:hidden}.automationShell .switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .18s;display:block;position:absolute;top:3px;left:3px;transform:none;box-shadow:0 1px 3px #00000026}.automationShell .switch.on{background:#1769ee}.automationShell .switch.on i{left:21px;transform:none}@media (min-width:1051px){.automationBody.drawerOpen{padding-right:calc(min(30vw,460px) + 20px)}.automationDrawer,.drawerFooter{width:min(30vw,460px);min-width:0;max-width:30vw}}@media (max-width:900px){.agentShell .agentBody{padding:14px}}@media (max-width:620px){.agentShell .agentBody{padding:12px 10px 84px}}
.toastViewport{z-index:10000;pointer-events:none;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;top:22px;right:22px}.appToast{color:#253a57;pointer-events:auto;background:#fff;border:1px solid #cbdcf5;border-radius:10px;grid-template-columns:28px 1fr 28px;align-items:center;gap:10px;min-height:52px;padding:11px 10px 11px 12px;font-size:13px;line-height:1.4;display:grid;box-shadow:0 14px 34px #1f36572e}.appToast.error{color:#812d35;background:#fff8f8;border-color:#f0b9bd}.appToast.success{color:#17633e;background:#f6fff9;border-color:#b9e6ce}.toastMarker{color:#fff;background:#1769ee;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.appToast.error .toastMarker{background:#d6404d}.appToast.success .toastMarker{background:#18a765}.appToast button{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:28px;font-size:20px;line-height:1}.appToast button:hover{background:#2e446114}@media (max-width:600px){.toastViewport{width:calc(100vw - 24px);top:12px;right:12px}}
