/* Reorganized from wwwroot/css/components.css. */


.main-content .comingsoon-title {
    position: relative;
    display: inline-block;
    padding-bottom: 1.1rem;
    color: var(--fr-purple);
    font-size: var(--summit-title-font-size, clamp(2.25rem, 4vw, 3.05rem));
    font-weight: 760;
    line-height: var(--summit-title-line-height, 1.08);
    letter-spacing: 0;
}


.main-content .comingsoon-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 170px;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--fr-yellow) 0 20%,
        var(--fr-green) 20% 40%,
        var(--fr-purple) 40% 60%,
        var(--fr-red) 60% 80%,
        var(--fr-cyan) 80% 100%
    );
}


.main-content .comingsoon-title::after {
    left: 50%;
    transform: translateX(-50%);
}


.error-page-center {
    min-height: 45vh;
}


.comingsoon-container {
    min-height: 60vh;
}


.comingsoon-icon {
    font-size: 5rem;
    color: #f0ad4e;
}


.comingsoon-title {
    font-weight: 600;
    color: var(--fr-dark);
}


.comingsoon-message {
    color: #6c757d;
    font-size: 1.05rem;
}


.comingsoon-content a.btn {
    padding: 0.6rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
}