.notfound-section {
    min-height: calc(100vh - var(--nav-height) - 200px);
    display: flex;
    align-items: center;
    padding: var(--sp-24) 0;
    background: var(--clr-surface-alt);
}

.notfound-code {
    font-size: clamp(6rem, 20vw, 12rem);
    font-weight: var(--weight-extrabold);
    line-height: 1;
    color: var(--clr-primary);
    opacity: 0.08;
    letter-spacing: -0.05em;
    user-select: none;
}

.notfound-inner {
    position: relative;
    text-align: center;
}

.notfound-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(7, 105, 170, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--sp-6);
    color: var(--clr-accent);
    font-size: 2rem;
}

.notfound-title {
    font-size: var(--text-3xl);
    font-weight: var(--weight-bold);
    color: var(--clr-primary);
    margin-bottom: var(--sp-3);
}

.notfound-desc {
    font-size: var(--text-base);
    color: var(--clr-gray-500);
    max-width: 42ch;
    margin: 0 auto var(--sp-8);
    line-height: var(--leading-relaxed);
}

.notfound-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-3);
    justify-content: center;
}