/* Login central. Valores do layout: blogou/source/Blogou Login.dc.html */
body{margin:0;background:#FBFAF8;color:#1C1C1C;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:#1C1C1C;text-decoration:none}
a:hover{color:#F59300}
input{font-family:Manrope,system-ui,sans-serif}
input:focus{outline:none;border-color:rgba(255,153,0,.65)!important;box-shadow:0 0 0 4px rgba(255,153,0,.16)!important}
input::placeholder{color:rgba(28,28,28,.35)}
.cta-arrow{transition:transform .3s cubic-bezier(.2,.75,.2,1)}
button:hover .cta-arrow{transform:rotate(45deg)}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(36px,-28px) scale(1.14)}}
.ent{min-height:100vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.ent-esq{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,4vw,40px);padding:clamp(28px,4vw,40px) clamp(24px,4.4vw,48px) clamp(30px,4vw,44px);overflow:clip;background:linear-gradient(160deg,#1C1C1C,#241E2E 58%,#2E2418)}
.ent-blob{position:absolute;border-radius:50%;pointer-events:none}
.ent-blob.a{top:-160px;left:-120px;width:560px;height:560px;background:radial-gradient(circle,rgba(255,153,0,.45),rgba(255,153,0,0) 68%);filter:blur(50px);animation:drift 20s ease-in-out infinite}
.ent-blob.b{bottom:-200px;right:-140px;width:520px;height:520px;background:radial-gradient(circle,rgba(120,90,255,.42),rgba(120,90,255,0) 70%);filter:blur(50px);animation:drift 26s ease-in-out infinite reverse}
.ent-blob.c{top:-220px;right:-180px;width:620px;height:620px;background:radial-gradient(circle,rgba(255,153,0,.3),rgba(255,153,0,0) 68%);filter:blur(60px)}
.ent-blob.d{bottom:-240px;left:-160px;width:520px;height:520px;background:radial-gradient(circle,rgba(0,190,160,.22),rgba(0,190,160,0) 70%);filter:blur(60px)}
.ent-volta{position:relative;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font:500 13.5px Manrope,sans-serif;color:rgba(255,255,255,.62)}
.ent-volta i{font-size:14px}
.ent-meio{position:relative;max-width:460px}
.ent-fav{height:44px;width:auto;display:block;filter:brightness(0) invert(1)}
.ent-meio h1{margin:26px 0 0;font:600 clamp(30px,3.4vw,42px)/1.12 Sora,sans-serif;letter-spacing:-.032em;color:#fff;text-wrap:balance}
.ent-meio p{margin:16px 0 0;font:400 16px/1.6 Manrope,sans-serif;color:rgba(255,255,255,.62);text-wrap:pretty}
.ent-depo{position:relative;margin:0;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.09);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);max-width:460px}
.ent-depo>i{font-size:22px;color:#FF9900}
.ent-depo blockquote{margin:10px 0 0;font:400 15.5px/1.55 Sora,sans-serif;letter-spacing:-.015em;color:#fff;text-wrap:pretty}
.ent-depo figcaption{display:flex;align-items:center;gap:11px;margin-top:16px}
.ent-depo img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.ent-depo b{display:block;font:700 13.5px Manrope,sans-serif;color:#fff}
.ent-depo span{display:block;font:400 12.5px Manrope,sans-serif;color:rgba(255,255,255,.55)}
.ent-dir{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(28px,4.5vw,48px) clamp(18px,3.4vw,32px);overflow:clip}
.ent-card{position:relative;box-sizing:border-box;width:100%;max-width:420px;padding:clamp(26px,3.4vw,38px) clamp(22px,3.2vw,36px) clamp(24px,3.2vw,34px);border-radius:28px;background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.9);box-shadow:0 40px 90px -44px rgba(28,28,28,.5),inset 0 1px 0 #fff}
.ent-card>img{height:26px;width:auto;display:block}
.ent-card h2{margin:24px 0 0;font:600 27px/1.15 Sora,sans-serif;letter-spacing:-.03em}
.ent-sub{margin:9px 0 22px;font:400 14.5px/1.55 Manrope,sans-serif;color:rgba(28,28,28,.58)}
.ent-msg{margin:0 0 16px;padding:11px 13px;border-radius:12px;font:600 13px/1.45 Manrope,sans-serif}
.ent-msg.erro{background:rgba(180,51,43,.09);color:#A12C24}
.ent-msg.ok{background:rgba(0,190,160,.12);color:#0A7564}
.ent-card label{display:block;font:600 12.5px Manrope,sans-serif;letter-spacing:.02em;color:rgba(28,28,28,.7)}
.ent-campo{position:relative;margin-top:7px}
.ent-campo>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:rgba(28,28,28,.35)}
.ent-campo input{width:100%;box-sizing:border-box;padding:14px 44px 14px 42px;border-radius:14px;border:1px solid rgba(28,28,28,.13);background:rgba(255,255,255,.85);font:500 14.5px Manrope,sans-serif;color:#1C1C1C;transition:border-color .2s,box-shadow .2s}
.ent-linha{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px}
.ent-esqueci{padding:0;border:none;background:none;font:600 12.5px Manrope,sans-serif;color:#C97900;cursor:pointer}
.ent-olho{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:10px;background:transparent;color:rgba(28,28,28,.45);cursor:pointer}
.ent-olho:hover{background:rgba(28,28,28,.06)}
.ent-olho i{font-size:18px}
.ent-card .ent-lembrar{display:flex;align-items:center;gap:9px;margin-top:18px;font:500 13.5px Manrope,sans-serif;color:rgba(28,28,28,.65);cursor:pointer;letter-spacing:0}
.ent-lembrar input{width:16px;height:16px;accent-color:#FF9900;cursor:pointer}
.ent-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:22px;padding:15px;border:none;border-radius:999px;background:linear-gradient(135deg,#FF9900,#FF7A00);font:700 15.5px Manrope,sans-serif;color:#1C1C1C;cursor:pointer;box-shadow:0 18px 40px -16px rgba(255,122,0,.85),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .2s}
.ent-btn:hover{transform:translateY(-2px)}
.ent-btn i{font-size:16px}
.ent-cad{margin:22px 0 0;text-align:center;font:400 13.5px Manrope,sans-serif;color:rgba(28,28,28,.55)}
.ent-cad a{color:#C97900;font-weight:700}
.ent-legal{margin:14px 0 0;text-align:center;font:400 11.5px/1.5 Manrope,sans-serif;color:rgba(28,28,28,.4)}
.ent-legal a{color:inherit;text-decoration:underline}

/* Celular: login primeiro, sem o painel de marca empurrando o formulário. */
@media (max-width:860px){
  .ent-esq{gap:0;padding:14px 18px}
  .ent-meio,.ent-depo{display:none}
  .ent-dir{align-items:flex-start;padding:16px 12px 28px}
}