:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c2024;background:#f5f4f0;font-synthesis:none;--purple:#6b4eff;--muted:#6b6e77;--line:#e6e5e9}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}[hidden]{display:none!important}:focus-visible{outline:3px solid #6b4eff;outline-offset:4px}h1,h2,p{margin:0}svg{width:22px;height:22px;flex-shrink:0}.purple,.brand-dot{color:var(--purple)}.skip-link{position:fixed;top:10px;left:10px;z-index:5;background:#fff;padding:12px 18px;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.login-layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.welcome-panel{padding:42px 8%;position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 65% 60%,#e4dfff70,transparent 65%),#f0eeeb;border-right:1px solid #e6e4e2}.brand{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;font-size:27px;font-weight:750;letter-spacing:-1.5px}.brand img{border-radius:12px;object-fit:contain}.brand-dot{margin-left:1px}.welcome-content{max-width:520px;margin:auto 0;padding:62px 0 34px}.eyebrow{color:#65616d;font-size:12px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:24px}.eyebrow>span{width:7px;height:7px;background:var(--purple);border-radius:50%}h1{font-size:clamp(36px,3.7vw,58px);line-height:1.08;letter-spacing:-2.6px;font-weight:550;max-width:540px}.welcome-description{font-size:17px;line-height:1.75;color:#696871;max-width:360px;margin-top:24px}.connection-illustration{height:280px;max-width:445px;position:relative;margin-top:30px}.illustration-orbit{position:absolute;border:1px solid #6b4eff18;border-radius:50%;left:50%;top:53%;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-one{width:240px;height:240px}.orbit-two{width:350px;height:210px}.illustration-brand{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%) rotate(-7deg);width:100px;height:100px;background:#fff;box-shadow:0 18px 50px #42337114,0 2px 6px #21132e05;border:1px solid #fff;border-radius:28px;display:grid;place-items:center}.illustration-brand img{border-radius:18px}.illustration-chip{position:absolute;display:flex;align-items:center;gap:11px;background:#ffffffee;padding:14px 18px;border:1px solid #fff;border-radius:15px;box-shadow:0 8px 30px #32304208;z-index:1}.illustration-chip>span{height:40px;width:40px;border-radius:12px;display:grid;place-items:center}.illustration-chip strong{display:block;font-size:13px;font-weight:650;margin-bottom:5px}.illustration-chip div>span{font-size:12px;color:#797780}.chip-whatsapp{top:28px;left:0;transform:rotate(-5deg)}.chip-messages{bottom:15px;right:0;transform:rotate(5deg)}.whatsapp-icon{color:#277758;background:#edf6f0}.message-icon{color:var(--purple);background:#f0edff}.welcome-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#77757e;font-size:12px;margin-top:auto;position:relative}
.access-panel{background:#fff;display:flex;flex-direction:column;padding:40px 9% 30px;position:relative}.back{font-size:12px;color:#77757e;display:inline-flex;align-items:center;gap:4px;align-self:flex-end}.back:hover{color:var(--purple)}.back svg{width:17px;height:17px}.login-main{max-width:420px;width:100%;margin:auto; padding:58px 0}.access-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.access-icon{width:46px;height:46px;border:1px solid #e9e5fa;border-radius:13px;display:grid;place-items:center;color:var(--purple);background:#f6f4ff}.step-label{font-size:12px;font-weight:650;letter-spacing:1.5px;color:#8a8793}.login-main h2{font-size:clamp(28px,2.5vw,36px);font-weight:550;line-height:1.2;letter-spacing:-1.25px}.login-intro{color:var(--muted);font-size:14px;line-height:1.7;margin-top:12px;margin-bottom:31px;overflow-wrap:anywhere}label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}input{width:100%;border:1px solid #dedde4;border-radius:9px;padding:15px 16px;min-height:52px;background:#fff;color:#1c2024;font-size:14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#9997a0}input:hover{border-color:#bcb8c9}input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #6b4eff14}.label-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;margin-bottom:10px}.label-row label{margin:0}.text-button{padding:4px 0;background:transparent;border:0;color:#6345e6;font-size:12px;font-weight:550;line-height:1.5;min-height:24px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.password-input{position:relative}.password-input input{padding-right:54px}.password-toggle{display:grid;place-items:center;position:absolute;right:6px;top:6px;bottom:6px;width:40px;border:0;background:transparent;color:#8a8796;border-radius:6px}.password-toggle:hover{background:#f4f2fa;color:#6b4eff}.password-toggle svg{width:20px;height:20px}.button{border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 19px;border-radius:9px;font-size:13px;font-weight:600;line-height:1.5;transition:background .15s,box-shadow .15s}.primary{background:var(--purple);color:#fff;width:100%;margin-top:26px;box-shadow:0 4px 10px #6b4eff16}.primary:hover:not(:disabled){background:#573de0;box-shadow:0 6px 16px #6b4eff23}.button svg{height:18px;width:18px}.access-note{display:flex;gap:11px;background:#f7f7f8;border:1px solid #ededf0;border-radius:9px;padding:16px;margin-top:24px;color:#74717e}.access-note svg{width:18px;height:18px;margin-top:2px;color:#9a94ac}.access-note p{font-size:12px;line-height:1.75}.client-note{font-size:12px;line-height:1.85;color:#8a8691;text-align:center;margin-top:23px}.client-note a{color:#5e586d;font-weight:550}.client-note a:hover{color:var(--purple)}.client-note a span{padding-left:3px}.notice{border:1px solid #e0d9f6;background:#f7f4ff;color:#5c478d;border-radius:9px;padding:13px 15px;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-bottom:24px}.notice[data-tone="error"]{background:#fff7f4;border-color:#f0d9cd;color:#945131}.notice[data-tone="success"]{background:#f1f8f3;border-color:#d6e8dc;color:#32684b}.access-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:#918d98;white-space:nowrap}.access-footer nav{display:flex;gap:20px}.access-footer a:hover{color:var(--purple)}#code{font-size:25px;letter-spacing:12px;font-variant-numeric:tabular-nums;text-align:center;padding-left:28px}.field-hint{font-size:12px;color:#85808e;line-height:1.7;margin-top:10px}.code-actions{display:flex;justify-content:space-between;gap:16px;margin-top:15px}.muted{color:#797280}
@media(min-width:1600px){.welcome-panel{padding-right:11%;padding-left:11%}.access-panel{padding-right:14%;padding-left:14%}}
@media(max-width:1100px){.welcome-panel{padding:32px 7%}.access-panel{padding:34px 8% 25px}h1{font-size:44px;letter-spacing:-2px}.welcome-description{font-size:15px}.connection-illustration{height:245px}.illustration-chip{padding:11px 13px}.chip-whatsapp{left:-10px}.chip-messages{right:-10px}.illustration-chip strong{font-size:12px}.illustration-chip div>span{font-size:12px}.orbit-two{width:290px}.welcome-footer{font-size:12px}.welcome-footer>span:first-child{max-width:100px;line-height:1.6}}
@media(max-width:800px){.login-layout{grid-template-columns:1fr;min-height:100svh;background:#fff}.welcome-panel{padding:22px 25px;border:0;background:#f5f4f0;display:block}.welcome-content,.welcome-footer{display:none}.brand{font-size:22px;gap:9px}.brand img{width:34px;height:34px;border-radius:10px}.access-panel{padding:0 25px 22px;min-height:calc(100svh - 78px)}.back{position:absolute;top:-50px;right:25px;font-size:12px}.login-main{padding:42px 0;max-width:440px}.access-heading{margin-bottom:22px}.login-main h2{font-size:32px}.access-footer{max-width:440px;width:100%;margin:auto auto 0}.access-footer nav{gap:16px}}
@media(max-width:380px){.welcome-panel{padding:20px}.access-panel{padding:0 20px 20px}.back{right:20px}.login-main h2{font-size:29px}.access-footer>span{display:none}.access-footer nav{width:100%;justify-content:space-between}.login-intro{font-size:13px}}
label{font-size:14px}input{font-size:15px}.text-button{font-size:12px}.button{font-size:14px}.access-note p,.client-note,.field-hint{font-size:12px}.notice{font-size:13px}.access-footer{font-size:12px}.step-label{font-size:12px}.back{font-size:13px}.login-intro{font-size:15px}
@media(max-width:800px){input{font-size:16px}.back{font-size:12px}.login-intro{font-size:14px}.access-note p,.client-note{font-size:12px}}
.login-main{padding-top:30px;padding-bottom:30px}.text-button{font-size:13px;min-height:44px}.label-row{margin-top:16px;margin-bottom:3px}.label-row label{font-size:14px}.back{font-size:13px;min-height:44px}.step-label,.eyebrow{font-size:11px}.login-intro{font-size:16px}.access-note p,.client-note,.field-hint{font-size:13px}.notice{font-size:14px}.button{font-size:15px;min-height:52px}.access-footer,.welcome-footer{font-size:12px}.access-footer a{padding:10px 0;display:inline-block}.access-note{padding:16px}.password-toggle{width:44px}.code-actions{margin-top:8px}.illustration-chip strong{font-size:14px}.illustration-chip div>span{font-size:12px}
@media(max-width:1100px){.welcome-footer>span:first-child{max-width:130px}.access-panel{padding-left:7%;padding-right:7%}.access-footer{gap:12px;flex-wrap:wrap}.access-footer nav{gap:16px}}
@media(max-width:800px){.back{top:-57px;font-size:13px}.login-intro{font-size:16px}.access-panel{padding-left:25px;padding-right:25px}.access-footer{font-size:12px}.welcome-panel{padding-top:23px;padding-bottom:23px}.login-main{padding-top:36px}.client-note,.access-note p{font-size:13px}.code-actions{gap:12px}.text-button{font-size:13px}}
@media(max-width:365px){.access-panel{padding-left:20px;padding-right:20px}.label-row{gap:8px}.text-button{font-size:12px}.back{right:20px}.login-main h2{font-size:29px}.login-intro{font-size:15px}}
.step-label,.back,.client-note,.field-hint,.access-footer,.welcome-footer,.muted{color:#746c7a}.access-note p{color:#6e6778}.client-note a{color:#6546da}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}


/* A richer brand backdrop keeps the access form calm and easy to scan. */
:root{--purple:#6341c7;--muted:#616378;--line:#d9dbea;background:#eff0f9;color:#252238}
.welcome-panel{background:radial-gradient(ellipse at 15% 82%,#425eac99,transparent 70%),linear-gradient(155deg,#272044,#293f6c);border-right-color:#54618a;color:#fff}
.welcome-panel .brand{color:#fff}
.welcome-panel .brand-dot,.welcome-panel .purple{color:#d9f28b}
.welcome-panel .eyebrow{color:#dcecae}
.welcome-panel .eyebrow>span{background:#d9f28b}
.welcome-description{color:#dbe2f4}
.welcome-footer{color:#cdd7ee}
.illustration-orbit{border-color:#b9d1fa40}
.illustration-brand{background:#eee7fc;border-color:#dfd2fa;box-shadow:0 18px 50px #121d4733}
.illustration-chip{border-color:#dce5ff;color:#283755;box-shadow:0 12px 30px #111b4033}
.chip-whatsapp{background:#d9f28b;border-color:#d9f28b}
.chip-messages{background:#dce7ff;border-color:#c3d4fb}
.illustration-chip div>span{color:#526044}
.chip-messages div>span{color:#4e6287}
.whatsapp-icon{color:#4c662b;background:#c4dd86}
.message-icon{color:#345995;background:#c0d1f5}
.access-panel{background:radial-gradient(ellipse at 100% 0,#dae7fc,transparent 55%),#f5f3fa}
.login-main h2{color:#2f2542}
.access-icon{color:#6240b1;background:#e6dcf7;border-color:#cdb9ed}
input{background:#fff;border-color:#c9c6d8}
input::placeholder{color:#777381}
input:focus{border-color:#6341c7;box-shadow:0 0 0 3px #6341c71c}
.primary{background:#6240c5;box-shadow:0 5px 15px #5734b322}
.primary:hover:not(:disabled){background:#5130ae}
.access-note{background:#e5ebf8;border-color:#cad6ed;color:#536887}
.access-note svg{color:#4f6b9b}
.access-note p{color:#536078}
.notice{background:#ebe1fa;border-color:#cdbce6;color:#594176}
.notice[data-tone="error"]{background:#fff1ed;border-color:#e6c4b6;color:#8d402a}
.notice[data-tone="success"]{background:#e8f2d4;border-color:#c5d8a1;color:#405c2c}
@media(max-width:800px){.login-layout{background:#f5f3fa}.welcome-panel{background:linear-gradient(115deg,#253a60,#33244f)}.access-panel{background:radial-gradient(ellipse at 100% 0,#dfe8fa,transparent 65%),#f5f3fa}.back{color:#e1e9fa}.back:hover{color:#d9f28b}.back:focus-visible{outline-color:#d9f28b}}