Netrinix CTF | Level 1

🔍

CSS Inspection

Analyze stylesheets to discover hidden information encoded within CSS rules and properties.

💻

Developer Tools

Master browser developer tools to inspect and manipulate page elements in real-time.

🔐

Encoding Techniques

Learn how data can be concealed using various encoding methods within web technologies.

LEVEL 1: CSS SECRETS

Challenge Overview

Modern web development utilizes CSS for more than just styling. Clever developers can store information within stylesheets using various techniques.

Your task is to uncover the hidden flag within this page's CSS. The flag is concealed using a common web development technique and requires decoding.

Use browser developer tools to inspect the CSS rules and locate the encoded flag string. Once found, you'll need to decode it to reveal the true flag.

Example Code Snippet

                        /* Security token storage example */

                        .security-token::before {

                          content: "VGhpcyBpcyBub3QgdGhlIGZsYWc=";

                          position: absolute;

                          left: -9999px;

                        }

                        /* Data hiding technique */

                        .hidden-data {

                          clip-path: inset(100%);

                          clip: rect(1px, 1px, 1px, 1px);

                          height: 1px;

                          overflow: hidden;

                          position: absolute;

                          white-space: nowrap;

                          width: 1px;

                        }