:root{font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;color:#08265c;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.access-shell{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding:24px;gap:24px;max-width:1800px;margin:auto}.brand-panel{position:relative;isolation:isolate;overflow:hidden;background:#e9f3f5;border:1px solid #deebed;border-radius:24px;padding:48px;display:flex;flex-direction:column;justify-content:space-between;min-height:650px}.brand{display:block;width:112px}.brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.brand-copy{margin:70px 0 90px;position:relative;z-index:1}.eyebrow,.access-label{font-size:11px;font-weight:700;letter-spacing:2px}.eyebrow{color:#087f83}h1{font-size:clamp(36px,3.5vw,60px);letter-spacing:-2.4px;line-height:1.08;font-weight:600;margin:24px 0} .brand-copy p{font-size:16px;line-height:1.8;color:#466377}.brand-footer{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:500;z-index:1}.brand-dot,.access-label span{width:7px;height:7px;border-radius:50%;background:#00bfae;display:inline-block}.brand-art{position:absolute;z-index:-1;width:440px;height:440px;right:-235px;bottom:-170px;transform:rotate(-25deg)}.brand-art i{position:absolute;border:54px solid #00c6b422;border-radius:50%;inset:0}.brand-art i:nth-child(2){inset:65px;border-color:#07307518}.brand-art i:nth-child(3){inset:130px;border-color:#00c6b42c}.form-panel{display:flex;flex-direction:column;justify-content:center;position:relative;padding:70px 40px 85px}.form-content{width:100%;max-width:380px;margin:auto}.access-label{display:flex;align-items:center;gap:9px;color:#637887;letter-spacing:1.4px}h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:22px 0 14px;font-weight:600}.intro{font-size:15px;line-height:1.7;color:#677788;margin:0 0 32px}label{display:block;font-size:13px;font-weight:600;margin:21px 0 9px}input{display:block;width:100%;height:54px;border:1px solid #d6dfe7;border-radius:10px;background:#fff;padding:0 15px;color:#08265c;outline:none;font-size:15px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#8996a5}input:focus{border-color:#078d9b;box-shadow:0 0 0 3px #00bfae18}.password-field{position:relative}.password-field input{padding-right:85px}.password-toggle{position:absolute;right:6px;top:6px;height:42px;padding:0 10px;background:transparent;border:0;border-radius:6px;color:#0c617b;font-size:12px;font-weight:600;cursor:pointer}.password-toggle:hover{background:#edf7f7}button:focus-visible,a:focus-visible{outline:3px solid #00aa9e;outline-offset:3px}.submit{width:100%;height:54px;background:#082f78;color:white;border:0;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;margin-top:28px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}.submit span{font-size:22px;font-weight:400}.submit:hover{background:#0d438f;transform:translateY(-1px)}.access-note{text-align:center;font-size:12px;color:#728393;margin-top:24px}.error{background:#fff0f0;border:1px solid #f4d5d5;color:#a02535;padding:13px;border-radius:9px;font-size:14px;line-height:1.5}small{display:block;font-size:12px;color:#65768a;margin-top:8px}footer{position:absolute;bottom:22px;left:40px;right:40px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#788797}footer span{color:#8b97a4}@media(min-width:1400px){.brand-panel{padding:65px}}@media(max-width:800px){.access-shell{grid-template-columns:1fr;padding:0;gap:0;min-height:100svh}.brand-panel{min-height:0;border:0;border-radius:0;padding:24px 28px;background:#e9f3f5;flex-direction:row;align-items:center}.brand{width:64px}.brand-copy{margin:0}.brand-copy h1,.brand-copy p,.brand-footer,.brand-art{display:none}.eyebrow{font-size:10px;letter-spacing:1.5px}.form-panel{padding:40px 28px 80px;min-height:calc(100svh - 116px)}.form-content{margin:0 auto}h2{font-size:29px}footer{left:28px;right:28px;bottom:22px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Identidade alinhada à Agenda Prodo e ao Prodo Whats. */
:root{background:#091a29;color:#142334}body{background:radial-gradient(ellipse at 8% 10%,#095a573f,transparent 55%),radial-gradient(ellipse at 95% 95%,#00c4b024,transparent 55%),#0a192b}.access-shell{min-height:100svh;max-width:1230px;align-content:center;padding:40px;gap:0;grid-template-columns:1.06fr 1fr}.brand-panel{min-height:610px;background:radial-gradient(ellipse at 15% 5%,#0d635655,transparent 65%),linear-gradient(145deg,#0c2930,#102642 90%);border:1px solid #ffffff12;border-right:0;border-radius:26px 0 0 26px;padding:42px;color:#f5fafb;box-shadow:0 30px 90px #0003}.brand{width:182px}.brand img{mix-blend-mode:normal}.brand-copy{margin:46px 0 28px}.eyebrow{display:inline-block;color:#5de3ce;background:#0bd8b90c;border:1px solid #39dfc430;border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:1.6px}h1{font-size:clamp(32px,3.1vw,43px);line-height:1.14;letter-spacing:-1.5px;margin:20px 0 18px;font-weight:650}h1 em{font-style:normal;color:#22dbb8}.brand-copy p{color:#a2b9c7;font-size:14px;line-height:1.8;margin:0}.journey{border:1px solid #97d3dd20;border-radius:14px;padding:17px 18px;background:#ffffff04}.journey-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#8db0bc}.journey-dot{width:5px;height:5px;background:#00d6af;border-radius:50%;box-shadow:0 0 10px #00d6af80}.journey-steps{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:8px}.journey-steps div{display:flex;flex-direction:column;gap:8px}.journey-steps b{font-size:12px;color:#48dbc6;font-weight:500}.journey-steps span{font-size:11px;color:#d6e5ec}.journey-steps i{font-style:normal;color:#557584}.brand-footer{color:#829ead;font-size:10px;margin-top:28px}.form-panel{background:#fafcfc;border-radius:0 26px 26px 0;padding:60px 48px 85px;box-shadow:20px 30px 90px #0002}.form-content{max-width:355px}.access-label{font-size:9px;color:#398979;letter-spacing:1.8px}h2{font-size:29px;letter-spacing:-.8px;margin:18px 0 10px}.intro{font-size:13px;line-height:1.7;margin-bottom:29px;color:#71818b}input{height:50px;font-size:13px;background:white;border-color:#dce4e7;border-radius:8px}label{font-size:12px;color:#283d48}.password-toggle{top:4px;right:5px;font-size:11px}.submit{height:50px;background:#00d3ad;color:#06372f;border-radius:8px;box-shadow:0 6px 18px #00c5a51a;margin-top:24px}.submit:hover{background:#00bf9f}.access-note{font-size:10px;color:#87959f;margin-top:21px}footer{font-size:9px;bottom:32px;left:48px;right:48px}footer span{font-size:9px}@media(min-width:1400px){.brand-panel{padding:48px}}@media(max-width:800px){.access-shell{padding:20px;max-width:510px;grid-template-columns:1fr}.brand-panel{min-height:0;border-right:1px solid #ffffff12;border-radius:20px 20px 0 0;padding:24px 28px;display:block;box-shadow:none}.brand{width:132px}.brand-copy{margin:18px 0 0}.eyebrow{font-size:8px;padding:0;border:0;background:none}.brand-copy h1{display:block;font-size:27px;letter-spacing:-.8px;margin:12px 0 0}.brand-copy p,.journey,.brand-footer{display:none}.form-panel{border-radius:0 0 20px 20px;padding:32px 28px 66px;min-height:0}.form-content{max-width:100%}h2{font-size:25px}footer{left:28px;right:28px;bottom:22px}.intro{margin-bottom:22px}}@media(max-width:380px){.access-shell{padding:12px}.brand-panel,.form-panel{padding-left:22px;padding-right:22px}.brand-copy h1{font-size:24px}}
