offline.html

---
layout: default
title: Offline
hide-in-nav: true
description: " Check your internet connection and try again ;) "
header-bg-css: "linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%)"
permalink: /offline.html
sitemap: false
robots: noindex
---


<div class="container" style="padding: 120px 0; text-align: center;">
    <h1 style="font-size: 2.5rem; font-weight: 700; color: var(--text-primary); margin-bottom: 16px;">{{ page.title }}</h1>
    <p style="font-size: 1.1rem; color: var(--text-muted); margin-bottom: 32px;">{{ page.description }}</p>
    <p style="font-size: 0.95rem; color: var(--text-secondary); margin-bottom: 24px;">Previously visited pages may still be available from cache.</p>
    <div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
        <button onclick="location.reload()" style="padding: 10px 24px; background: var(--accent-primary); color: var(--text-on-accent); border: none; border-radius: var(--radius-md, 8px); font-size: 1rem; font-weight: 600; cursor: pointer;">Refresh</button>
        <a href="/" style="padding: 10px 24px; border: 1px solid var(--border-light, #e8e8e8); border-radius: var(--radius-md, 8px); color: var(--text-primary); text-decoration: none; font-size: 1rem; font-weight: 600;">Home</a>
    </div>
</div>