/* FUTF11 · ecrã de entrar (opção C2): meio estádio à esquerda, formulário com o azul da app à direita */
/* --u = 1% da largura do telemóvel deitado (844 x 390); num ecrã mais alto ou mais largo não cresce para lá do que cabe */
body.a-entrar .app{visibility:hidden}
.en{--u:min(calc(var(--vw)/100),calc(var(--vh)*2.164));position:fixed;inset:0;z-index:90;background:#05070d;overflow:hidden}
.en-meia{position:absolute;left:0;top:0;bottom:0;width:50%;overflow:hidden}
.en-meia .sq-stage{position:absolute;top:0;left:50%;width:auto;height:100%;max-height:none;aspect-ratio:16/9;transform:translateX(-50%)}
.en .sq-pack{top:58%;width:22%}
.en .sq-pack.p1{transform:translate(-78%,-50%) rotate(-9deg)}
.en .sq-pack.p2{transform:translate(-22%,-46%) rotate(8deg)}
.en-selo{position:absolute;z-index:3;left:34%;top:13%;transform:rotate(10deg);background:var(--chalk);color:var(--night);font-family:var(--f-display);font-weight:700;font-size:calc(var(--u)*1.9);padding:calc(var(--u)*.5) calc(var(--u)*1.3);border-radius:99px;box-shadow:0 calc(var(--u)*.6) calc(var(--u)*1.4) rgba(0,0,0,.5)}
.en-legenda{position:absolute;z-index:3;left:25%;bottom:calc(var(--u)*2.4 + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:rgba(5,9,18,.78);border:1px solid var(--line);border-radius:99px;padding:calc(var(--u)*.6) calc(var(--u)*1.8);font-size:calc(var(--u)*1.6);white-space:nowrap}
.en-legenda b{color:var(--flood)}
.en-lado{position:absolute;left:50%;right:0;top:0;bottom:0;overflow-y:auto;display:flex;flex-direction:column;
  padding:calc(var(--u)*2 + env(safe-area-inset-top,0px)) calc(var(--u)*6 + env(safe-area-inset-right,0px)) calc(var(--u)*2 + env(safe-area-inset-bottom,0px)) calc(var(--u)*4);
  background:radial-gradient(60% 50% at 80% -10%,rgba(255,196,64,.18),transparent 70%),linear-gradient(180deg,#14223d,#0e1a30 55%,#0a1424)}
.en-in{margin:auto 0;display:flex;flex-direction:column;gap:calc(var(--u)*1.5)}
.en-f{display:flex;flex-direction:column;gap:calc(var(--u)*1.2)}
.en-logo{font-family:var(--f-display);font-weight:700;letter-spacing:.03em;line-height:1;font-size:calc(var(--u)*4)}
.en-logo i{font-style:normal;background:var(--fade);-webkit-background-clip:text;background-clip:text;color:transparent}
.en-lb{font-size:calc(var(--u)*1.4);color:var(--muted);margin-bottom:calc(var(--u)*-.6)}
.en-campo{width:100%;min-width:0;border:2px solid var(--line);background:rgba(255,255,255,.07);border-radius:calc(var(--u)*1.4);padding:0 calc(var(--u)*1.6);height:calc(var(--u)*5.2);min-height:40px;font:inherit;font-size:max(16px,calc(var(--u)*1.9));color:var(--chalk)}
.en-campo::placeholder{color:var(--muted)}
.en-campo:focus{border-color:var(--flood);outline:none}
select.en-campo option{background:var(--night);color:var(--chalk)}
.en-2{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*1.2)}
.en-2>div{display:flex;flex-direction:column;gap:calc(var(--u)*1.2);min-width:0}
.en-btn{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*1);height:calc(var(--u)*5.2);min-height:40px;border:0;border-radius:99px;font-family:var(--f-display);font-weight:600;font-size:max(14px,calc(var(--u)*2));letter-spacing:.04em;text-transform:uppercase}
.en-btn.p{background:var(--fade);color:var(--on-accent)}
.en-btn.g{background:#fff;color:#1f1f1f;font-family:var(--f-body);text-transform:none;letter-spacing:0}
.en-btn.g svg{width:calc(var(--u)*2.4);height:calc(var(--u)*2.4)}
.en-btn:disabled{opacity:.6}
.en.a-espera .en-btn.p{animation:enpulso 1s ease-in-out infinite}
@keyframes enpulso{50%{opacity:.55}}
.en-ou{display:flex;align-items:center;gap:calc(var(--u)*1.2);color:var(--muted);font-size:calc(var(--u)*1.5)}
.en-ou:before,.en-ou:after{content:"";flex:1;height:1px;background:var(--line)}
.en-tit{font-family:var(--f-display);font-weight:600;font-size:calc(var(--u)*2.9);text-transform:uppercase;line-height:1.05}
.en-sub{font-size:max(13px,calc(var(--u)*1.6));color:var(--muted);line-height:1.35;overflow-wrap:anywhere}
.en-sub b{color:var(--chalk)}
.en-mini{margin:0;font-size:max(12px,calc(var(--u)*1.4));color:var(--muted)}
.en-mini button{background:none;border:0;padding:0;color:var(--chalk);text-decoration:underline;font-size:inherit}
.en-cod{position:relative;display:flex;gap:calc(var(--u)*.9)}
.en-cod input{position:absolute;inset:0;width:100%;opacity:0;font-size:16px;border:0;padding:0;caret-color:transparent}
.en-cod span{flex:0 0 auto;width:calc(var(--u)*4.8);height:calc(var(--u)*6.2);border-radius:calc(var(--u)*1.1);border:2px solid var(--line);background:rgba(255,255,255,.07);display:grid;place-items:center;font-family:var(--f-display);font-size:calc(var(--u)*3.2);font-weight:600;pointer-events:none}
.en-cod span.on{border-color:var(--flood)}
.en-erro{margin:0;color:var(--bad);font-size:max(13px,calc(var(--u)*1.5));font-weight:600}
/* enquanto o servidor responde */
body.a-pedir,body.a-pedir *{cursor:progress}
