/* Enhanced error page styles */
.error-main-centered {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    background: none;
}

.error-main-card.enhanced-error-card {
    background: var(--white, #fff);
    border-radius: 32px;
    box-shadow: 0 4px 32px rgba(123,31,162,0.08), 0 1.5px 6px rgba(0,0,0,0.08);
    padding: 3.5rem 3.5rem 2.5rem 3.5rem;
    max-width: 900px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    border: none;
    position: relative;
}

.gradient-border {
    background: linear-gradient(var(--white, #fff), var(--white, #fff)) padding-box,
                linear-gradient(90deg, #7B1FA2 0%, #FFD700 100%) border-box;
    border: 2.5px solid transparent;
    border-radius: 32px;
}

.error-heading.enhanced-error-heading {
    font-size: 2.7rem;
    font-weight: 800;
    margin-bottom: 1.1rem;
    letter-spacing: 0.5px;
    background: linear-gradient(90deg, #7B1FA2 0%, #FFD700 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.error-message.enhanced-error-message {
    font-size: 1.1rem;
    color: #444;
    margin-bottom: 1.7rem;
}

.error-links.enhanced-error-links {
    margin-top: 1.2rem;
}

.btn-primary.home-btn.enhanced-home-btn {
    background: #d32f2f;
    background: var(--primary, #7B1FA2);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0.8rem 2.2rem;
    font-size: 1.08rem;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 1.2rem;
    display: inline-block;
    transition: background 0.2s;
    box-shadow: 0 2px 8px rgba(123,31,162,0.08);
.gradient-btn {
    background: linear-gradient(90deg, #7B1FA2 0%, #FFD700 100%);
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 0.9rem 2.7rem;
    font-size: 1.15rem;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 1.2rem;
    display: inline-block;
    box-shadow: 0 2px 12px rgba(123,31,162,0.10);
    transition: background 0.2s, box-shadow 0.2s;
}
.gradient-btn:hover {
    background: linear-gradient(90deg, #6A1B9A 0%, #FFD700 100%);
    box-shadow: 0 4px 18px rgba(123,31,162,0.16);
}
.error-link-row.enhanced-link-row a:hover {
    color: var(--accent, #E91E63);
}
.divider {
    color: #bbb;
    margin: 0 0.3rem;
}