/* ═══════════════════════════════════════════════
   ochujcichodzi.info — wspólne style bazowe
═══════════════════════════════════════════════ */

/* ── Reset ── */
*  { margin: 0; padding: 0; box-sizing: border-box; }
html { overflow-x: hidden; font-size: 17px; }

/* ── Baza body ── */
body {
    background: #050505;
    font-family: ui-monospace, Consolas, 'Liberation Mono', monospace;
    min-height: 100vh;
    position: relative;
}

/* ── Szum (ukryty) ── */
.noise { display: none; }

/* ── Animacje ── */
@keyframes glitch {
    0%,96%,100% { transform: translate(0); }
    97% { transform: translate(-2px, 1px); }
    98% { transform: translate(2px, -1px); }
    99% { transform: translate(-1px, -2px); }
}

@keyframes blink { 50% { opacity: 0; } }

/* ── Stopka ── */
footer {
    color: #666;
    font-size: .88rem;
    line-height: 1.8;
    font-family: ui-monospace, Consolas, 'Liberation Mono', monospace;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #080808; }
::-webkit-scrollbar-thumb { background: #252525; }
::-webkit-scrollbar-thumb:hover { background: #ff3c3c; }

/* ── Przyciski nawigacyjne / linki ── */
.mail-link, .btn-contact, .btn-nav {
    border: 1px solid #2b2b2b;
    background: #111;
    color: #999;
    padding: .85rem 1.5rem;
    text-decoration: none;
    cursor: pointer;
    font-family: ui-monospace, Consolas, 'Liberation Mono', monospace;
    transition: .2s;
    border-radius: 3px;
    font-size: .95rem;
    display: inline-block;
}
.mail-link:hover, .btn-contact:hover, .btn-nav:hover {
    border-color: #ff4444;
    color: #ff4444;
    box-shadow: 0 0 15px rgba(255,0,0,.15);
}

@media (max-width: 600px) {
    .site-nav { padding: .75rem 1rem; }
    .nav-links { gap: 1rem; }
    .nav-links a { font-size: .82rem; }
}