*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#17253a;background:#f6f8fc}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}.login-layout{min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr}.brand-panel{background:#0b1629;color:#fff;padding:48px clamp(28px,5vw,84px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate}.brand-panel:before,.brand-panel:after{content:"";position:absolute;z-index:-1;width:580px;height:580px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#14659177,transparent 68%);top:-250px;right:-260px;animation:drift 5s ease-out both}.brand-panel:after{background:radial-gradient(circle,#654bb855,transparent 68%);top:auto;right:auto;bottom:-220px;left:-240px;animation-direction:reverse}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:28px;font-weight:600;letter-spacing:-1px;width:fit-content}.brand img{object-fit:contain}.brand-copy{max-width:470px;padding:40px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#627491;margin:0 0 22px}.brand-copy .eyebrow{color:#97b8d7}h1{font-size:clamp(38px,4.7vw,68px);letter-spacing:-3px;line-height:1.08;margin:0 0 24px;font-weight:700}h1 span{color:#80d7ec}.brand-copy>p:not(.eyebrow){color:#b1c1d6;font-size:16px;line-height:1.75;max-width:390px}.brand-panel>small{color:#a1b3c9;font-size:12px}.product-preview{margin-top:30px;border:1px solid #ffffff22;background:#ffffff06;border-radius:16px;padding:20px;max-width:350px}.preview-heading,.preview-labels{display:flex;justify-content:space-between;font-size:11px;color:#c2d3e5}.preview-dot{width:7px;height:7px;background:#87e3c7;border-radius:50%}.preview-bars{height:72px;display:flex;gap:12px;align-items:end;margin:18px 0}.preview-bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#80d7ec,#426bba);height:45%;transform-origin:bottom;animation:grow 1.3s ease-out both}.preview-bars i:nth-child(2n){height:70%;animation-delay:.12s}.preview-bars i:nth-child(3n){height:58%;animation-delay:.2s}.preview-bars i:last-child{height:95%;animation-delay:.3s}.form-panel{display:flex;align-items:center;justify-content:center;padding:48px 28px}.login-card{width:100%;max-width:410px}h2{font-size:30px;letter-spacing:-1.1px;margin:0 0 12px}h2 span{color:#4264d9}.intro{font-size:14px;color:#617086;margin-bottom:36px;line-height:1.6}label{display:block;font-size:13px;font-weight:600;margin:22px 0 9px}input{width:100%;min-width:0;border:1px solid #ced7e3;border-radius:10px;background:white;padding:14px;color:#17253a;min-height:49px}input:focus{outline:3px solid #4264d922;border-color:#4264d9}.password-field{position:relative}.password-field input{padding-right:82px}.password-field button{position:absolute;right:7px;top:5px;bottom:5px;background:transparent;border:0;font-size:12px;color:#344fae;font-weight:600;padding:8px;cursor:pointer}.password-help{font-size:12px;color:#65748a;line-height:1.6;margin:12px 0 24px}.submit{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:10px;background:#3455ca;color:#fff;font-weight:600;padding:15px 20px;cursor:pointer;transition:background .2s}.submit:hover{background:#2845af}.submit:disabled{opacity:.65;cursor:wait}.support{font-size:12px;color:#64748b;margin:23px 0 32px;line-height:1.7}.support a,.card-footer a{color:#3455ba;font-weight:600}.card-footer{border-top:1px solid #dce3ee;padding-top:24px;display:flex;flex-direction:column;gap:16px;font-size:12px;color:#64748b}.error{padding:14px;border:1px solid #ebbec5;border-radius:10px;background:#fff1f3;color:#9c2338;font-size:13px;line-height:1.5}button:focus-visible,a:focus-visible{outline:3px solid #639be4;outline-offset:4px}@keyframes drift{from{transform:translate(-35px,25px)}to{transform:translate(0,0)}}@keyframes grow{from{transform:scaleY(.25);opacity:.3}to{transform:scaleY(1);opacity:1}}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.brand-panel{padding:25px 24px}.brand{font-size:25px}.brand img{width:36px;height:36px}.brand-copy,.brand-panel>small{display:none}.form-panel{padding:38px 24px 48px}.brand-panel:before,.brand-panel:after{animation:none}h2{font-size:28px}.intro{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Superfícies escuras alinhadas à gestão. */
body{background:#101720;color:#edf2fa}.form-panel{background:#101720}.login-card .eyebrow{color:#9babca}h2 span{color:#8da5ff}.intro,.password-help,.support,.card-footer{color:#acb9cc}input{background:#182331;border-color:#344357;color:#f3f6fc;color-scheme:dark}input::placeholder{color:#9ba9bc}.password-field button,.support a,.card-footer a{color:#a5bcff}.card-footer{border-color:#2e3c4f}.error{background:#341c25;border-color:#764252;color:#ffc3cc}input:autofill{box-shadow:0 0 0 1000px #182331 inset;-webkit-text-fill-color:#f3f6fc}