html, body { height: 100%; margin: 0; }
    .font-heading { font-family: 'Playfair Display', Georgia, serif; }
    .font-body { font-family: 'Source Sans 3', sans-serif; }
    .nav-link { cursor: pointer; transition: color 0.2s; }
    .nav-link:hover, .nav-link.active-link { border-bottom: 2px solid currentColor; }
    .fade-in { animation: fadeIn 0.6s ease both; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
    .card-hover { transition: transform 0.25s, box-shadow 0.25s; }
    .card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.2); }
    pre.pgp-key { font-size: 11px; line-height: 1.4; word-break: break-all; white-space: pre-wrap; }
    .hero-pattern {
      background-image: radial-gradient(circle at 20% 50%, rgba(107,159,217,0.12) 0%, transparent 50%),
                        radial-gradient(circle at 80% 20%, rgba(225,138,125,0.08) 0%, transparent 50%);
    }
body { box-sizing: border-box; }