*{box-sizing:border-box;margin:0;padding:0}:root{--roxo:#6d28d9;--roxo-escuro:#4c1d95;--turquesa:#0f9f8f;--tinta:#181329;--texto:#202938;--muted:#697386;--borda:#e4e7ec;--fundo:#f7f7fb;--danger:#dc2626}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;background:var(--fundo);color:var(--texto)}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr)}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:52px clamp(42px,6vw,86px);color:#fff;background:radial-gradient(circle at 86% 12%,rgba(56,214,194,.19),transparent 28%),radial-gradient(circle at 16% 88%,rgba(167,139,250,.18),transparent 26%),linear-gradient(145deg,#171126,#24173f 55%,#171126)}.login-brand:after{content:"";position:absolute;width:360px;height:360px;right:-170px;bottom:8%;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.brand-logo{position:relative;z-index:1;width:min(265px,72%)}.brand-copy{position:relative;z-index:1;margin:auto 0;max-width:600px}.brand-copy>span{color:#8fe6dc;font-size:.68rem;font-weight:800;letter-spacing:.16em}.brand-copy h2{margin:17px 0 18px;font-size:clamp(2.2rem,4.3vw,4.4rem);line-height:1.03;letter-spacing:-.055em}.brand-copy p{max-width:520px;color:#c5bfd2;font-size:.96rem;line-height:1.7}.brand-beneficios{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:38px}.brand-beneficios>div{display:flex;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035)}.brand-beneficios i{color:#67d7c9;margin-top:2px}.brand-beneficios strong,.brand-beneficios small{display:block}.brand-beneficios strong{font-size:.7rem}.brand-beneficios small{margin-top:4px;color:#aaa4b8;font-size:.58rem;line-height:1.4}.brand-rodape{position:relative;z-index:1;color:#918a9f;font-size:.65rem}.brand-rodape i{margin-right:6px;color:#67d7c9}.login-panel{display:flex;align-items:center;justify-content:center;padding:48px clamp(28px,6vw,82px);background:radial-gradient(circle at 100% 0,rgba(109,40,217,.06),transparent 35%),#fafafe}.login-card{width:min(430px,100%)}.login-header{margin-bottom:29px}.logo-icon{display:none}.login-kicker{color:var(--roxo);font-size:.66rem;font-weight:800;letter-spacing:.14em}.login-header h1{margin:9px 0 7px;font-size:2rem;letter-spacing:-.04em}.login-header p{color:var(--muted);font-size:.84rem}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:18px}.form-group label{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#394150;font-size:.75rem;font-weight:750}.form-group label i{color:var(--roxo);width:14px;text-align:center}.form-group input{width:100%;height:49px;border:1px solid #d9dde5;border-radius:11px;padding:0 14px;background:#fff;color:var(--texto);outline:none;transition:.2s}.form-group input::placeholder{color:#a1a7b2}.form-group input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(109,40,217,.09)}.btn-login{height:50px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#6d28d9,#5120a6);color:#fff;font-size:.82rem;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(109,40,217,.22);transition:.2s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(109,40,217,.27)}.btn-login:active{transform:translateY(0)}.loading-spinner-login{display:none;align-items:center;justify-content:center;gap:8px;margin-top:13px;color:var(--muted);font-size:.73rem}.loading-spinner-login i{color:var(--roxo);animation:girar 1s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.login-footer{display:flex;justify-content:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--borda)}.login-footer a{color:var(--roxo);font-size:.75rem;font-weight:700;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-footer i{margin-right:5px}.login-seguranca{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px;color:#9299a5;font-size:.62rem}.login-seguranca i{color:var(--turquesa)}.field-error{display:flex;margin-top:6px;color:var(--danger);font-size:.66rem}.btn-voltar-site{position:fixed;z-index:10;top:22px;left:22px;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.06);color:#d5d0dd;text-decoration:none;font-size:.7rem;font-weight:650;transition:.2s}.btn-voltar-site:hover{background:rgba(255,255,255,.12);color:#fff}.custom-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(18,15,32,.72);opacity:0;visibility:hidden;transition:.2s}.custom-modal-overlay.active{opacity:1;visibility:visible}.custom-modal{width:min(410px,100%);padding:30px;border:1px solid var(--borda);border-radius:18px;background:#fff;text-align:center;box-shadow:0 28px 70px rgba(18,15,32,.25);transform:translateY(12px);transition:.2s}.custom-modal-overlay.active .custom-modal{transform:none}.custom-modal-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;display:grid;place-items:center;background:#f0eafe;color:var(--roxo);font-size:1.3rem}.custom-modal-title{font-size:1.08rem}.custom-modal-message{margin:8px 0 22px;color:var(--muted);font-size:.8rem;line-height:1.55}.custom-modal-buttons{display:flex;justify-content:center;gap:9px}.custom-modal-btn{border:0;border-radius:9px;padding:10px 17px;font-size:.72rem;font-weight:750;cursor:pointer}.custom-modal-btn.cancel{background:#f0f1f4;color:#596170}.custom-modal-btn.confirm{background:var(--roxo);color:#fff}@media(max-width:1080px){.login-shell{grid-template-columns:.9fr 1.1fr}.brand-beneficios{grid-template-columns:1fr}.brand-beneficios>div:nth-child(n+3){display:none}}@media(max-width:780px){body{background:#fafafe}.login-shell{display:block}.login-brand{min-height:auto;padding:28px 24px 72px}.brand-logo{width:190px}.brand-copy{margin:38px 0 0}.brand-copy h2{font-size:2.15rem}.brand-copy p,.brand-beneficios,.brand-rodape{display:none}.login-panel{margin-top:-43px;position:relative;z-index:2;padding:0 18px 32px;background:transparent}.login-card{padding:27px 22px;border:1px solid var(--borda);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(18,15,32,.12)}.btn-voltar-site{top:18px;right:18px;left:auto}.btn-voltar-site span{display:none}.logo-icon{display:none}}@media(max-width:420px){.login-brand{padding:23px 19px 65px}.brand-logo{width:165px}.brand-copy{margin-top:31px}.brand-copy h2{font-size:1.75rem}.login-panel{padding-left:10px;padding-right:10px}.login-card{padding:24px 18px}.login-header h1{font-size:1.65rem}.custom-modal-buttons{flex-direction:column}.custom-modal-btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}