.error-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 4em 2em;
    text-align: center;
}

.error-code {
    font-size: 6em;
    font-weight: bold;
    color: var(--primary-dark);
    margin: 0;
    line-height: 1;
    opacity: 0.5;
}

.error-title {
    font-size: 2em;
    margin: 0.5em 0;
    color: #3d4449;
}

.error-message {
    font-size: 1.2em;
    color: #7f888f;
    margin-bottom: 2em;
}

.error-actions {
    margin-top: 2em;
}

.error-actions .button {
    margin: 0.5em;
}

.error-details {
    margin-top: 3em;
    padding-top: 2em;
    border-top: 1px solid #e6e6e6;
    color: #9fa3a6;
    font-size: 0.9em;
}