* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; background: #000; color: #fff; font-family: Arial, sans-serif; }
.page { min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 24px; }
.card { width: min(100%, 560px); text-align: center; }
.logo-placeholder, .top-image { width: 100%; display: flex; justify-content: center; align-items: center; }
.logo-placeholder img { display: block; width: min(180px, 55vw); height: auto; }
.top-image img { display: block; width: min(240px, 70vw); height: auto; }
.intro { margin: 24px 0; }
.content-box { width: min(100%, 360px); min-height: 110px; margin: 24px auto 18px; padding: 24px 20px; border: 1px solid #666; border-radius: 4px; color: #aaa; background: #111; display: flex; justify-content: center; align-items: center; }
.links { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 0; margin: 0; list-style: none; }
.links li { width: min(100%, 360px); }
.button-link { display: block; width: 100%; padding: 14px 20px; color: #fff; text-decoration: none; border: 1px solid #ff0; border-radius: 4px; transition: border-width .15s ease, padding .15s ease, background-color .15s ease, color .15s ease; }
.button-link:hover, .button-link:focus-visible { padding: 13px 19px; border: 3px solid #ff0; background: #ff0; color: #000; }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 12px; top: 12px; }