.error-page {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .error-page h1 {
        font-size: 3rem;
        margin-bottom: 1rem;
        color: #dc2626;
    }
    
    .error-page p {
        font-size: 1.2rem;
        margin-block: 0;
        max-width: 600px;
        line-height: 1.6;
    }
    
    .error-links {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
        margin-top:2rem;
    }
    
    .error-links a:visited,
    .error-links a:hover,
    .error-links a {
        padding: 0.75rem 1.5rem;
        background: var(--primary-colour);
        color: var(--theme-light);
        box-shadow: -0.5rem 0 1rem var(--primary-dark) inset;
        text-decoration: none;
        border-radius: 6px;
        transition: all 0.2s;
    }
    .error-links a:hover {
        box-shadow: -0.5rem 0 1rem var(--theme-darker) inset;
    }