:root{font-family:Segoe UI,Arial,sans-serif;color:#17334d;background:#081f36;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 20% 90%,#08436a 0,transparent 55%),#081f36}.identity{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;gap:24px}.brand img{width:128px;height:48px;object-fit:contain}.card{width:min(100%,430px);background:white;border-top:3px solid #0874a8;border-radius:14px;padding:28px 34px;text-align:center;box-shadow:0 18px 60px #00132644}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#075386;margin:0 0 16px}.portrait{height:76px;width:76px;object-fit:cover;border-radius:50%;border:2px solid #dce9f2}h1{font-size:25px;margin:16px 0 10px;line-height:1.2}.intro{font-size:14px;line-height:1.6;color:#607387;margin:0 0 24px}a{color:#075386;text-underline-offset:3px}.primary,.google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:600}.primary{background:#075386;color:white;border:1px solid #075386}.primary:hover{background:#086c9e}.google{border:1px solid #c9d8e6;color:#17334d;background:white}.google span{font-size:20px;color:#4285f4;font-weight:700}.google:hover{background:#f3f7fb}.separator{display:flex;align-items:center;gap:10px;color:#6d8090;font-size:11px;margin:18px 0}.separator:before,.separator:after{content:"";height:1px;background:#dce5ee;flex:1}.help,.recovery{font-size:12px;line-height:1.6;color:#607387}.help{margin:22px 0 12px}.recovery{margin:0;padding-top:14px;border-top:1px solid #e5edf3}footer{text-align:center;color:#aac2d4;font-size:11px;line-height:1.9}footer a{color:#c4d8e9}a:focus-visible{outline:3px solid #ed8c28;outline-offset:4px}@media(max-width:460px){.identity{padding:20px 14px;gap:18px}.card{padding:24px}h1{font-size:23px}}

/* LOPE login padrão 1 */
.brand img{width:168px;height:62px;filter:brightness(0) invert(1);object-fit:contain}
.eyebrow{font-size:18px;line-height:1.45;letter-spacing:0;text-transform:none;font-weight:600;color:#17334d;margin:0 auto 18px;max-width:340px}
.portrait-frame{display:block;width:108px;height:116px;overflow:hidden;border-radius:16px;margin:0 auto 18px;background:#062344;position:relative}
.portrait-frame .portrait{position:absolute;max-width:none;width:158px;height:158px;top:-2px;left:50%;transform:translateX(-50%);border:0;border-radius:0;object-fit:cover}
@media(max-width:460px){.eyebrow{font-size:17px}.brand img{width:150px;height:54px}}

.eyebrow strong{font-weight:700}.eyebrow{font-size:17px;line-height:1.5}