:root{--color-stone:#efede6;--color-red:#d00000;--color-denim:#207fc8;--color-ink:#1a1a1a;--font-body:"DM Sans", sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-accent:"Permanent Marker", cursive;--border-thick:4px solid var(--color-ink);--border-thin:2px solid var(--color-ink);--shadow-brutal:4px 4px 0px 0px var(--color-ink);--shadow-brutal-large:8px 8px 0px 0px var(--color-ink);--shadow-red:8px 8px 0px 0px var(--color-red)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-stone);color:var(--color-ink);font-family:var(--font-body);min-height:100vh;font-weight:400;line-height:1.8}#grid-background{z-index:-1;background-image:linear-gradient(90deg,#1a1a1a0d 1px,#0000 1px),linear-gradient(#1a1a1a0d 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.05em;margin-bottom:1rem;font-style:italic;font-weight:900}a{color:var(--color-denim);border-bottom:2px solid #0000;font-weight:700;text-decoration:none;transition:border-bottom .2s}a:hover{border-bottom:2px solid var(--color-denim)}img,video{border:var(--border-thin);filter:grayscale();max-width:100%;box-shadow:var(--shadow-brutal-large);border-radius:0;transition:all .2s}img:hover,video:hover{filter:grayscale(0%);box-shadow:6px 6px 0px 0px var(--color-ink);transform:translate(2px,2px)}.btn-brutal{background-color:var(--color-red);color:var(--color-stone);font-family:var(--font-mono);text-transform:uppercase;border:var(--border-thick);box-shadow:var(--shadow-red);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:all .1s;display:inline-block}.btn-brutal:hover{box-shadow:4px 4px 0px 0px var(--color-red);transform:translate(4px,4px)}.btn-brutal:active{box-shadow:none;transform:translate(8px,8px)}.btn-brutal.secondary{background-color:var(--color-stone);color:var(--color-ink);box-shadow:var(--shadow-brutal-large)}.btn-brutal.secondary:hover{box-shadow:4px 4px 0px 0px var(--color-ink)}.card-brutal{background-color:var(--color-stone);border:var(--border-thick);box-shadow:var(--shadow-brutal-large);padding:2rem;transition:all .2s}.card-brutal:hover{box-shadow:4px 4px 0px 0px var(--color-ink);transform:translate(4px,4px)}.input-brutal{width:100%;font-family:var(--font-mono);text-transform:uppercase;border:var(--border-thick);background-color:var(--color-stone);color:var(--color-ink);box-shadow:var(--shadow-brutal);outline:none;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s}.input-brutal:focus{box-shadow:2px 2px 0px 0px var(--color-ink);border-color:var(--color-red);transform:translate(2px,2px)}.quote-author{font-family:var(--font-accent);color:var(--color-ink);font-size:1.5rem;display:inline-block;transform:rotate(-2deg)}.header-brutal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--border-thick);z-index:100;background-color:#efede6d9;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.header-brutal.login-mode{background-color:var(--color-ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:4px solid var(--color-red)}.nav-brutal button{border-right:var(--border-thick);color:var(--color-ink);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;border-top:none;border-bottom:none;border-left:none;padding:0 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s}.nav-brutal button:hover,.nav-brutal button.active{background-color:var(--color-ink);color:var(--color-stone)}.nav-vertical-brutal{flex-direction:column;gap:1rem;display:flex}.nav-vertical-brutal button{text-align:left;font-family:var(--font-mono);text-transform:uppercase;background-color:var(--color-stone);border:var(--border-thick);cursor:pointer;box-shadow:4px 4px 0px 0px var(--color-ink);padding:1rem;font-weight:700;transition:all .1s}.nav-vertical-brutal button:hover,.nav-vertical-brutal button.active{background-color:var(--color-red);color:var(--color-stone);box-shadow:2px 2px 0px 0px var(--color-ink);transform:translate(2px,2px)}.row-hover:hover{background-color:#d000000d}.btn-sink{box-shadow:8px 8px 0px 0px var(--color-ink);transition:transform .1s,box-shadow .1s}.btn-sink:hover{box-shadow:4px 4px 0px 0px var(--color-ink);transform:translate(4px,4px)}.btn-sink:active{box-shadow:none;transform:translate(8px,8px)}.btn-sink-red{box-shadow:8px 8px 0px 0px var(--color-red);transition:transform .1s,box-shadow .1s}.btn-sink-red:hover{box-shadow:4px 4px 0px 0px var(--color-red);transform:translate(4px,4px)}.btn-sink-red:active{box-shadow:none;transform:translate(8px,8px)}.btn-sink-blue{box-shadow:8px 8px 0px 0px var(--color-denim);transition:transform .1s,box-shadow .1s}.btn-sink-blue:hover{box-shadow:4px 4px 0px 0px var(--color-denim);transform:translate(4px,4px)}.btn-sink-blue:active{box-shadow:none;transform:translate(8px,8px)}.layout-container{max-width:1200px;margin:0 auto;padding:2rem}