/* Cyclone Hosting V5 - SEO Foundation & 404 */

.v5seo-404{
    position:relative;
    min-height:820px;
    display:grid;
    place-items:center;
    overflow:hidden;
    padding:175px 22px 120px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 25%,rgba(19,223,255,.22),transparent 35%),
        radial-gradient(circle at 15% 15%,rgba(255,216,77,.08),transparent 28%),
        linear-gradient(180deg,#061229,#030711);
}

.v5seo-404-grid{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(126,218,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(126,218,255,.05) 1px,transparent 1px);
    background-size:72px 72px;
    opacity:.56;
}

.v5seo-404-inner{
    position:relative;
    z-index:2;
    width:min(880px,100%);
    margin:0 auto;
}

.v5seo-404-inner>span{
    display:inline-flex;
    padding:10px 16px;
    border:1px solid rgba(126,218,255,.22);
    border-radius:999px;
    color:#bff5ff;
    background:rgba(19,223,255,.08);
    font-size:11px;
    font-weight:950;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.v5seo-404-inner>strong{
    display:block;
    margin-top:20px;
    color:rgba(19,223,255,.16);
    font-size:clamp(110px,23vw,240px);
    line-height:.75;
    letter-spacing:-.08em;
    text-shadow:0 0 55px rgba(19,223,255,.16);
}

.v5seo-404 h1{
    margin:20px 0 15px;
    color:#fff;
    font-size:clamp(38px,5vw,65px);
    line-height:1;
    letter-spacing:-.055em;
}

.v5seo-404 p{
    max-width:720px;
    margin:0 auto;
    color:#a9bdd5;
    font-size:18px;
    line-height:1.75;
}

.v5seo-404-actions,
.v5seo-404-links{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.v5seo-404-actions{
    margin-top:30px;
}

.v5seo-primary,
.v5seo-secondary{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 23px;
    border-radius:14px;
    font-weight:950;
}

.v5seo-primary{
    color:#111827;
    background:linear-gradient(135deg,#ffef4a,#ffc400);
}

.v5seo-secondary{
    color:#dff7ff;
    border:1px solid rgba(126,218,255,.18);
    background:rgba(255,255,255,.055);
}

.v5seo-404-links{
    margin-top:26px;
}

.v5seo-404-links a{
    padding:8px 11px;
    color:#8fa8c3;
}

.v5seo-404-links a:hover{
    color:#72e8ff;
}

@media(max-width:650px){
    .v5seo-404{
        min-height:720px;
        padding-top:145px;
    }

    .v5seo-primary,
    .v5seo-secondary{
        width:100%;
    }
}