:root{color-scheme:dark;font-family:system-ui;background:#061018;color:#f5f7fa}body{margin:0;min-height:100svh;display:grid;place-items:center}main{width:min(80vw,360px)}img{width:200px}h1{font-size:26px}form{display:grid;gap:14px}input,button{font:inherit;padding:13px;border:1px solid #81909d;border-radius:4px;background:#0b1b26;color:inherit}button{background:#19a7c2;color:#041019;cursor:pointer}#error{min-height:2em;font-size:14px;color:#e8c38a}
*{box-sizing:border-box}main{max-width:100%}input{min-width:0;font-size:16px}input,button{min-height:48px}img{height:auto;object-fit:contain}
@media(max-width:760px),(max-height:520px) and (orientation:landscape){body{min-height:100svh;min-height:100dvh;height:auto;overflow:auto;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}main{width:min(100%,360px);padding:24px 0}main>img{width:110px;max-width:35vw;max-height:36px;height:auto;object-fit:contain}h1{font-size:28px;line-height:1.15;margin:20px 0 26px}form{gap:14px}input,button{font-size:16px;min-height:48px;padding:12px}label{font-size:14px}}