/* Tela de login — Live Pulse Control */
body.lg{margin:0;min-height:100vh;background:#07050c;overflow-x:hidden;color:#ece8f6;font:14px/1.5 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
body.lg input,body.lg button{font-family:inherit}
.lg-wrap{position:relative;min-height:100vh;display:grid;grid-template-columns:40% 60%;overflow:hidden;isolation:isolate}
.lg-wrap::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
   radial-gradient(520px 420px at 68% 48%,rgba(120,24,252,.22),transparent 70%),
   radial-gradient(380px 300px at 92% 8%,rgba(216,20,255,.10),transparent 70%),
   linear-gradient(118deg,transparent 28%,rgba(255,255,255,.035) 40%,transparent 52%),
   #08060d}
.lg-wrap::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(118deg,transparent 0%,transparent 34%,rgba(120,24,252,.06) 46%,transparent 58%)}

/* ---- coluna do formulário ---- */
.lg-left{display:flex;align-items:center;justify-content:center;padding:32px 24px}
.lg-card{width:100%;max-width:376px;box-sizing:border-box;padding:28px 26px 20px;border-radius:14px;
  background:linear-gradient(180deg,#0e0c16,#0b0912);border:1px solid rgba(124,58,237,.7);
  box-shadow:0 0 0 1px rgba(120,24,252,.12),0 0 38px rgba(120,24,252,.18),0 24px 60px rgba(0,0,0,.55)}
.lg-card .lg-logo{display:block;width:150px;max-width:60%;margin:0 auto 22px}
.lg-card h1{margin:0 0 6px;font-size:20px;font-weight:800;letter-spacing:.2px;color:#fff}
.lg-card h1 span{color:#a855f7}
.lg-card .sub{margin:0 0 16px;font-size:10.5px;line-height:1.5;color:#9b93b5}
.lg-alert{margin:0 0 14px;padding:11px 12px;border-radius:7px;font-size:12px;background:rgba(160,40,70,.35);border:1px solid rgba(255,77,109,.25);color:#ffb3c0}
.lg-alert.ok{background:rgba(33,208,122,.12);border-color:rgba(33,208,122,.3);color:#9cf0c6}
.lg-alert.warn{background:rgba(245,179,1,.12);border-color:rgba(245,179,1,.3);color:#ffd66b}
.lg-field{position:relative;margin-bottom:11px}
.lg-field .i{position:absolute;left:13px;top:50%;width:13px;height:13px;margin-top:-6.5px;fill:none;stroke:#7d7497;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.lg-field input{width:100%;box-sizing:border-box;height:39px;padding:0 12px 0 34px;border-radius:7px;background:#0b0911;border:1px solid #2a2140;color:#ece8f6;font:inherit;font-size:12px;outline:0;transition:border-color .15s,box-shadow .15s}
.lg-field input::placeholder{color:#8d82a8}
.lg-field input:focus{border-color:#8b3dff;box-shadow:0 0 0 3px rgba(139,61,255,.18)}
.lg-opts{display:flex;align-items:center;justify-content:space-between;margin:2px 0 14px;font-size:10px}
.lg-opts label{display:flex;align-items:center;gap:6px;color:#b9b1d0;cursor:pointer}
.lg-opts input{width:12px;height:12px;accent-color:#a855f7;margin:0}
.lg-opts a{color:#ff2d8f;text-decoration:none}
.lg-opts a:hover{text-decoration:underline}
.lg-hint{display:none;margin:-6px 0 12px;padding:9px 11px;border-radius:7px;font-size:11px;line-height:1.45;color:#cfc8e6;background:rgba(120,24,252,.12);border:1px solid rgba(139,61,255,.3)}
.lg-hint.show{display:block}
.lg-btn{width:100%;height:39px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;cursor:pointer;
  font:inherit;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(90deg,#7818fc 0%,#c21bf0 55%,#ff1f8e 100%);
  box-shadow:0 6px 22px rgba(216,20,255,.28);transition:filter .15s,transform .05s}
.lg-btn:hover{filter:brightness(1.1)}
.lg-btn:active{transform:translateY(1px)}
.lg-btn .i{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lg-foot{margin-top:18px;padding-top:14px;border-top:1px solid #231a36;text-align:center;font-size:9.5px;color:#8d82a8;display:flex;align-items:center;justify-content:center;gap:6px}
.lg-foot .i{width:10px;height:10px;fill:#ff6a3d;stroke:#ff6a3d;stroke-width:1}

/* ---- coluna da marca ---- */
.lg-right{position:relative;display:flex;align-items:center;justify-content:center;padding:32px 24px}
.lg-mark{position:absolute;top:-70px;right:-110px;width:520px;opacity:.17;filter:blur(1px);pointer-events:none;user-select:none}
.lg-oval{position:absolute;right:-70px;bottom:16px;width:700px;height:145px;border-radius:50%;transform:rotate(-3.5deg);
  background:radial-gradient(ellipse at 50% 25%,#0a0710 62%,#06040a);
  border:1.5px solid;border-color:#7c3aed #9d2bf0 #ff2d8f #b020f5;
  box-shadow:0 -4px 28px rgba(120,24,252,.38),0 5px 22px rgba(255,31,142,.40),inset 0 3px 22px rgba(120,24,252,.22);pointer-events:none}
.lg-brand{position:relative;z-index:1;text-align:center;max-width:420px}
.lg-brand .big{width:270px;max-width:70%;display:block;margin:0 auto 14px;filter:drop-shadow(0 0 22px rgba(168,85,247,.35))}
.lg-brand p{margin:0 0 30px;font-size:13px;line-height:1.7;color:#cfc8e6}
.lg-feats{display:flex;justify-content:center}
.lg-feats div{width:90px;padding:2px 6px;text-align:center;font-size:9.5px;line-height:1.3;color:#fff}
.lg-feats div+div{border-left:1px solid #2b2140}
.lg-feats .i{display:block;margin:0 auto 9px;width:18px;height:18px;fill:none;stroke:#ff2d8f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lg-feats b{font-weight:500;color:#22d3ee}

@media (max-width:900px){
  .lg-wrap{grid-template-columns:1fr}
  .lg-right{display:none}
  .lg-left{min-height:100vh}
}