*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080b0d;color:#f4f0e8;font-family:Inter,Segoe UI,Arial,sans-serif}body{min-height:100dvh;overflow-x:hidden}
.scene{position:fixed;inset:0;display:grid;grid-template-columns:1fr minmax(280px,36vw) 1fr;z-index:0;background:#0a0e11;overflow:hidden}
.scene .left,.scene .right{background-repeat:no-repeat;background-size:cover}.scene .left{background-image:url(scene-left.webp);background-position:left center}.scene .right{background-image:url(scene-right.webp);background-position:right center}
.scene .middle{background:radial-gradient(ellipse at center,#182028 0,#0d1217 52%,#090d10 100%)}
.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 24%,rgba(0,0,0,.22) 50%,transparent 76%,rgba(0,0,0,.08))}
.wrap{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}
.login{width:min(535px,94vw);padding:34px 42px 29px;border:1px solid #d9a64f;border-radius:22px;text-align:center;background:linear-gradient(145deg,rgba(16,22,27,.96),rgba(5,9,12,.97));box-shadow:0 28px 90px #000b,inset 0 1px rgba(255,255,255,.04)}
.mark{height:70px;color:#f1c96f;position:relative}.mark span{font:68px/1 Georgia,serif}.mark i{font-style:normal;font-size:9px;position:absolute;margin:11px 0 0 -7px}
h1{font:52px/1 Georgia,serif;font-weight:400;margin:5px 0 8px;letter-spacing:-1px}h1 b{font-weight:400;color:#e8b85d}.sub{font-size:10px;letter-spacing:5px;color:#f2eee7}
.rule{display:flex;align-items:center;gap:12px;margin:16px 0}.rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#bd8736)}.rule span:last-child{background:linear-gradient(90deg,#bd8736,transparent)}.rule i{font-style:normal;color:#efbd62;font-size:10px}.lead{font-size:18px;line-height:1.35;margin:0 0 20px;color:#eee}
.field{height:62px;margin:13px 0;display:flex;align-items:center;position:relative;border:1px solid rgba(222,171,80,.72);border-radius:13px;background:#10161bcf;box-shadow:inset 0 0 22px #0004;transition:.18s}.field:focus-within{border-color:#f4c96f;box-shadow:0 0 0 3px rgba(232,181,88,.11),inset 0 0 22px #0004}.field input{height:100%;width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px;padding:0 55px}.field input::placeholder{color:#aaa}.ico{position:absolute;left:19px;color:#efbd62;font-size:23px}.lock{font-size:17px}.eye{position:absolute;right:7px;width:46px;height:46px;border:0;border-radius:50%;background:transparent;color:#edc36e;font-size:18px;cursor:pointer}.eye:hover{background:#e7b45616}
.submit{height:61px;width:100%;border:1px solid #ffe2a5;border-radius:12px;background:linear-gradient(#f6d783,#d99d3c);color:#171108;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #b779282f}.submit span{font-size:24px;margin-right:8px}.forgot{display:inline-block;margin:18px 0 1px;color:#e9b451;text-decoration:none;font-size:14px}.forgot:hover{text-decoration:underline}.foot{margin:14px 0 12px}.foot i{font-size:24px}.values{display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px;color:#ddd}.values b{color:#edb858;font-size:18px}.values em{height:20px;width:1px;background:#7e766a;margin:0 8px}.msg{padding:9px;border-radius:8px;margin:0 0 10px;font-size:12px}.err{background:#731b1bcc}.ok{background:#0b603acc}

/* CORREÇÃO PARA TELAS DE DESKTOP COM POUCA ALTURA:
   mantém o visual e permite rolagem sem cortar o formulário */
@media(max-height:820px) and (min-width:701px){
  .wrap{place-items:start center;min-height:100dvh;padding-top:18px;padding-bottom:18px}
  .login{width:min(455px,92vw);padding:18px 34px;margin:auto 0}
  .mark{height:43px}.mark span{font-size:43px}h1{font-size:40px}.sub{font-size:8px;letter-spacing:4px}.rule{margin:9px 0}.lead{font-size:14px;margin-bottom:10px}.field,.submit{height:50px}.field{margin:8px 0}.forgot{margin:10px 0 0}.foot{margin:7px 0}.values{font-size:10px}
}

@media(max-width:700px){body{background:#0a0e11}.scene{grid-template-columns:42% 16% 42%}.scene .left{background-position:21% center}.scene .right{background-position:80% center}.scene:after{background:rgba(3,7,9,.40)}.wrap{padding:14px 11px}.login{width:min(400px,95vw);padding:25px 19px 22px;border-radius:19px;background:linear-gradient(145deg,rgba(14,20,25,.96),rgba(5,9,12,.98))}.mark{height:48px}.mark span{font-size:47px}h1{font-size:43px}.sub{font-size:8px;letter-spacing:3px}.lead{font-size:15px}.field,.submit{height:58px}.values{font-size:10px;gap:6px}.values em{margin:0 3px}}
@media(max-width:360px){.login{padding-left:15px;padding-right:15px}h1{font-size:38px}.sub{letter-spacing:2px}.values{font-size:9px}.values b{font-size:14px}}