/* SENTINELA - tela de login (login.php) */
:root{--red:#6B1724;--hi:#9b3345;--tx:#DFA2AA;--bg:#161114;--line:#393139;--text:#F5F0EB;--muted:#b7adb1}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif;color:var(--text)}
body{min-height:100svh}
.page{height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#161114}
.header{height:78px;flex:0 0 78px;display:flex;align-items:center;padding:0 5.2%;gap:26px;background:rgba(22,17,20,.92);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}
.mark{width:40px;height:40px;background:url(../img/sentinela-mark.png) center/contain no-repeat;display:inline-block;flex:0 0 40px}
.brand-name{font:700 30px Rajdhani,sans-serif;letter-spacing:2.2px}.divider{width:1px;height:30px;background:#5b6871}.brand-sub{font-size:16px;letter-spacing:2px;color:#d7dde1}
.main{position:relative;flex:1;min-height:0;overflow:hidden}
.photo{position:absolute;left:0;top:0;bottom:0;width:60%;background-image:linear-gradient(0deg,rgba(22,17,20,.78) 0%,transparent 48%,rgba(22,17,20,.08) 100%),url('../img/login-photo.jpg');background-size:cover;background-position:center center;}
.photo::after{content:"";position:absolute;top:0;right:-1px;width:46%;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(22,17,20,0) 0%,rgba(22,17,20,.10) 20%,rgba(22,17,20,.38) 48%,rgba(22,17,20,.72) 72%,#161114 100%);z-index:1;}
.right-shade{position:absolute;top:0;right:0;width:48%;height:100%;background:linear-gradient(90deg,rgba(22,17,20,0) 0%,rgba(22,17,20,.12) 18%,rgba(22,17,20,.72) 55%,#161114 100%);pointer-events:none}
.diag{position:absolute;right:-40px;top:-30px;width:300px;height:calc(100% + 60px);opacity:.7;background:linear-gradient(135deg,transparent 0 43%,rgba(155,51,69,.35) 43.2% 46%,transparent 46.2% 62%,rgba(155,51,69,.15) 62.2% 66%,transparent 66.2%);pointer-events:none}
.hero{position:absolute;left:5.4%;bottom:8.5%;width:min(500px,31vw);z-index:2}
.redline{width:92px;height:4px;background:var(--red);margin-bottom:25px}.hero h1{margin:0 0 18px;font:700 clamp(44px,4.2vw,70px)/.98 Rajdhani,sans-serif;letter-spacing:-.3px}.hero h1 span{color:var(--tx)}.hero p{margin:0;max-width:540px;font-size:17px;line-height:1.55;color:#f0f2f3}
.login-wrap{position:absolute;z-index:4;right:7.2%;top:50%;transform:translateY(-50%);width:min(430px,32vw)}
.card{border-radius:16px!important;background:linear-gradient(160deg,rgba(30,36,48,.88),rgba(22,17,20,.92));border:1px solid rgba(245,240,235,.12);border-radius:12px;padding:30px 32px 32px;box-shadow:0 22px 60px rgba(0,0,0,.35);backdrop-filter:blur(5px)}
.cardline{width:55px;height:4px;background:var(--red);margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:1.8px;color:#d2d8dc;margin-bottom:12px}.card h2{margin:0 0 11px;font:700 36px Rajdhani,sans-serif}.desc{font-size:14px;line-height:1.45;color:#c0c8ce;margin:0 0 24px}
.field{margin-bottom:17px}.field label{display:block;font-size:12px;letter-spacing:1.4px;font-weight:600;margin-bottom:8px}.input{height:52px;border:1px solid #4a4148;border-radius:7px;background:#1a1620;display:flex;align-items:center;padding:0 15px;gap:12px}.input span{color:#b9c4cb;font-size:18px}.input input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.input input::placeholder{color:#7e8b94}.show{cursor:pointer;color:#9eabb3!important;font-size:16px!important}.options{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:1px 0 22px}.remember{display:flex;align-items:center;gap:8px;color:#c8ced2}.remember input{appearance:none;width:18px;height:18px;border:1px solid #73818a;background:#161114;border-radius:2px}.remember input:checked{background:var(--red);border-color:var(--red);position:relative}.remember input:checked:after{content:'✓';color:#fff;position:absolute;font-size:13px;left:3px;top:-1px}.forgot{color:var(--tx);text-decoration:none}.btn{height:52px;width:100%;border:1px solid var(--hi);border-radius:999px;background:linear-gradient(180deg,#7d1c2c,var(--red));box-shadow:0 10px 28px rgba(107,23,36,.45);color:white;font-size:15px;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(1.06)}
.footer-links{display:flex;justify-content:flex-end;gap:11px;margin-top:24px;color:#89969f;font-size:10px;letter-spacing:1.2px}.footer-links span:not(:last-child):after{content:'•';margin-left:11px;color:var(--red)}
@media(max-width:1100px){.brand-sub{display:none}.login-wrap{right:5%;width:min(450px,42vw)}.hero{width:43vw}.hero h1{font-size:42px}}
@media(max-width:800px){html,body{overflow:auto}.page{height:auto;min-height:100svh}.header{height:68px;flex-basis:68px;padding:0 20px}.mark{width:34px;height:34px;flex-basis:34px}.brand-name{font-size:22px}.divider{display:none}.main{min-height:calc(100svh - 68px);overflow:hidden}.photo{background-position:58% center}.photo::after{width:100%;right:0;background:linear-gradient(180deg,rgba(22,17,20,0) 45%,rgba(22,17,20,.72) 78%,#161114 100%)}.right-shade{width:100%;background:linear-gradient(180deg,rgba(22,17,20,.05),rgba(22,17,20,.18) 35%,rgba(22,17,20,.78) 72%,#161114 100%)}.hero{left:24px;right:24px;bottom:30px;width:auto}.hero .redline{margin-bottom:14px}.hero h1{font-size:34px}.hero p{font-size:14px}.login-wrap{position:absolute;top:24px;right:20px;left:20px;transform:none;width:auto}.card{padding:25px}.login-wrap .footer-links{display:none}.main{padding-bottom:340px}}
@media(max-height:700px) and (min-width:801px){.header{height:68px;flex-basis:68px}.hero{bottom:5%}.hero h1{font-size:40px}.card{padding:27px 30px}.card h2{font-size:31px}.desc{margin-bottom:20px}.field{margin-bottom:14px}.options{margin-bottom:18px}.btn{height:50px}}
.erro-login{margin:12px 0 0;min-height:1.2em;color:#e8a0a8;font-size:14px}