/* CuideAI — tela de login (layout cuideai-paginas/login.html). Pareado com a
 * view login.php; usa os tokens --cui-* do style.css do tema. */

.cui-login{
	background:linear-gradient(125deg, #f7fdff 0%, #ffffff 50%, #eefbfe 100%);
	border-bottom:1px solid var(--cui-line);
	overflow:hidden;
}
.cui-login-grid{ display:grid; grid-template-columns:1fr; gap:.5rem; padding-top:2rem; padding-bottom:4rem; align-items:center; }
.cui-login-side{ display:flex; flex-direction:column; gap:1.75rem; order:2; }
.cui-login-copy{ display:none; }
.cui-login-title{ font-size:clamp(2rem, 3.6vw, 3.1rem); max-width:35rem; }
.cui-login-copy .cui-lead{ margin-top:1rem; color:var(--cui-muted); max-width:32.5rem; }
.cui-login-art{ order:2; position:relative; min-height:20rem; display:flex; align-items:flex-end; justify-content:center; }
.cui-halo{
	position:absolute; left:50%; top:46%; transform:translate(-50%, -50%);
	width:18.75rem; aspect-ratio:1; border-radius:50%;
	background:radial-gradient(circle at 50% 50%, #ffffff 0 30%, rgba(0,183,217,.10) 31% 55%, rgba(255,95,97,.06) 56% 68%, transparent 69%);
	border:1px solid rgba(0,183,217,.14);
}
.cui-halo-ring{ position:absolute; inset:14%; border-radius:50%; border:1px dashed rgba(7,59,99,.28); }
.cui-login-character{ position:relative; z-index:2; height:17.5rem; width:auto; }
.cui-login-shadow{
	position:absolute; bottom:0; left:50%; transform:translateX(-50%);
	width:10.62rem; height:1.12rem; border-radius:50%;
	background:rgba(7,59,99,.13); filter:blur(5px);
}

.cui-login-card{
	background:#ffffff; border:1px solid var(--cui-line); border-radius:1.62rem;
	padding:1.75rem 1.25rem;
	box-shadow:0 24px 70px rgba(7,59,99,.13);
	display:flex; flex-direction:column; gap:1.38rem;
}
.cui-login-head{ display:flex; flex-direction:column; align-items:center; gap:.88rem; text-align:center; }
.cui-login-head > p{ color:var(--cui-muted); font-size:1.02rem; }
.cui-login-badge{
	width:5.75rem; height:5.75rem; border-radius:50%;
	background:radial-gradient(circle, var(--cui-ice) 0 58%, rgba(233,249,252,0) 60%);
	border:1px solid rgba(0,183,217,.18);
	display:grid; place-items:center;
}
.cui-login-welcome{ font-size:clamp(1.7rem, 3vw, 2.1rem); letter-spacing:-.025em; }
.cui-brand-cuide{ color:#e5484d; }
.cui-brand-ai{ color:var(--cui-cyan-deep); }

.cui-login-form{ display:flex; flex-direction:column; gap:1.12rem; }
.cui-input-wrap{ position:relative; display:flex; align-items:center; }
.cui-lead-icon{ position:absolute; left:1rem; color:var(--cui-muted); pointer-events:none; display:flex; }
.cui-login .cui-field input{ padding:0 3.12rem 0 3rem; min-height:3.38rem; }
.cui-login .cui-field input::placeholder{ color:#6b7f8e; }
.cui-eye{
	position:absolute; right:5px; width:2.75rem; height:2.75rem;
	border:0; background:transparent; border-radius:.62rem; color:var(--cui-muted);
	display:grid; place-items:center; cursor:pointer;
}
.cui-eye:hover{ color:var(--cui-navy); background:#f1f7fa; }
.cui-login-lost{ display:flex; justify-content:flex-end; }
.cui-login-lost a{ font-size:.9rem; font-weight:700; text-decoration:none; padding:.38rem 0; color:var(--cui-navy-hover); }
.cui-btn-block{ display:flex; width:100%; min-height:3.38rem; font-size:1.02rem; }

.cui-login-safe{
	display:flex; align-items:center; gap:.88rem;
	padding:1rem 1.12rem; border-radius:.88rem;
	background:#f1f8fc; border:1px solid var(--cui-line);
}
.cui-login-safe-icon{
	width:2.62rem; height:2.62rem; flex:none; border-radius:.75rem;
	background:#ffffff; border:1px solid var(--cui-line);
	display:grid; place-items:center; color:var(--cui-navy);
}
.cui-login-safe-title{ font-weight:800; color:var(--cui-navy); font-size:.95rem; }
.cui-login-safe div > p + p{ color:var(--cui-slate); font-size:.9rem; }

@media (min-width: 38.75em){
	.cui-login-card{ padding:2.5rem 2.5rem 2rem; }
}
@media (min-width: 56.25em){
	.cui-login-grid{ grid-template-columns:1fr minmax(0, 30rem); gap:3.5rem; padding-top:4rem; padding-bottom:5rem; }
	.cui-login-side{ order:0; }
	.cui-login-copy{ display:block; }
	.cui-login-art{ min-height:32.5rem; }
	.cui-halo{ width:min(27.5rem, 92%); }
	.cui-login-character{ height:26.88rem; }
}