*{box-sizing:border-box}html,body{margin:0;background:#000;color:#eee;font-family:system-ui,sans-serif;min-height:100%}.screen{height:100vh;height:100dvh;width:100%;display:grid;place-items:center;overflow:hidden}.hero{width:100%;height:100%;object-fit:contain;display:block}.login{width:min(100% - 40px,360px);margin:0 auto;padding:32px 0 48px}.login-logo{display:block;width:180px;height:180px;margin:auto}h1{text-align:center;font-size:25px;color:#e9bd62;margin:0 0 28px}label{display:block;font-size:14px;margin:20px 0 8px}input:not([type=hidden]){width:100%;padding:14px;background:#151515;border:1px solid #555;border-radius:8px;color:#fff;font-size:16px}input:focus-visible,button:focus-visible{outline:2px solid #eac164;outline-offset:3px}button{width:100%;margin-top:26px;padding:14px;border:0;border-radius:8px;background:#eac164;color:#171000;font-weight:700;font-size:16px;cursor:pointer}p[role=alert]{font-size:14px;color:#ffd78f}

/* Logo entier, centré dans la fenêtre */
html,body{width:100%;height:100%;margin:0}
.screen{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;display:block}
.screen .hero{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block}

/* Logo entier, centré dans la fenêtre */
html,body{width:100%;height:100%;margin:0}
.screen{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;display:block}
.screen .hero{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block}