:root{--bg:#0f1014;--panel:#181a20;--panel2:#20232c;--rule:#2a2e39;--txt:#e9eaf0;--faible:#9aa0ad;
        --accent:#e0913a;--hot:#e0913a;--ok:#3ba55d;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
  *{box-sizing:border-box;min-width:0}
  html{overflow-x:hidden}
  body{margin:0;background:var(--bg);color:var(--txt);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.5;overflow-x:hidden;max-width:100%}
  img{max-width:100%}

  .wrap{min-height:100dvh;display:grid;place-items:center;padding:2rem}
  .box{width:min(21rem,100%);text-align:center}
  .logo{width:4.5rem;height:4.5rem;margin:0 auto 1.1rem;display:block}
  h1{font-size:1.4rem;margin:0 0 .2rem}
  p.s{color:var(--faible);margin:0 0 1.6rem;font-size:.9rem}
  form{display:flex;flex-direction:column;gap:.7rem}
  input{background:var(--panel2);border:1px solid var(--rule);border-radius:.6rem;padding:.8rem 1rem;color:var(--txt);font-size:1rem;text-align:center}
  input:focus{outline:none;border-color:var(--accent)}
  button{background:var(--accent);color:#1a1206;border:none;border-radius:.6rem;padding:.8rem;font-weight:700;font-size:.95rem;cursor:pointer}
  .err{color:#e88;font-size:.85rem;min-height:1.1rem}