/*بـسـم الله الـرحـمـان الـرحـیـم*/


/* ===========================
   Error Page
=========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    direction:rtl;

    min-height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:30px;

    font-family:Vazirmatn,sans-serif;

    background:
    radial-gradient(circle at top,#0f172a,#020617 70%);

    overflow:hidden;

}

/* ستاره های پس زمینه */

body::before,
body::after{

    content:"";

    position:fixed;

    width:700px;
    height:700px;

    border-radius:50%;

    filter:blur(130px);

    z-index:-2;

}

body::before{

    background:rgba(34,197,94,.15);

    top:-250px;
    right:-250px;

}

body::after{

    background:rgba(59,130,246,.12);

    bottom:-250px;
    left:-250px;

}

/* کارت */

.error-card{

    width:100%;
    max-width:620px;

    padding:45px 35px;

    text-align:center;

    border-radius:28px;

    background:rgba(7,17,29,.82);

    border:1px solid rgba(34,197,94,.25);

    backdrop-filter:blur(18px);

    box-shadow:
    0 20px 60px rgba(0,0,0,.55),
    0 0 40px rgba(34,197,94,.08);

    position:relative;

    overflow:hidden;

}

.error-card::before{

    content:"";

    position:absolute;

    top:0;
    right:0;

    width:100%;
    height:5px;

    background:linear-gradient(
    90deg,
    #22c55e,
    #10b981,
    #3b82f6
    );

}

/* تصویر */

.img{

    width:100%;
    max-width:300px;

    display:block;

    margin:0 auto 25px;

    user-select:none;
    pointer-events:none;

    animation:float 3s ease-in-out infinite;

}

/* کد خطا */

.error-card h2{

    color:#22c55e;

    font-size:80px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:15px;

    text-shadow:
    0 0 15px rgba(34,197,94,.35);

}

/* متن */

.error-card h3{

    color:#e2e8f0;

    font-size:22px;

    font-weight:500;

    line-height:2;

    margin-bottom:35px;

}

/* دکمه */

.error-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:10px;

    padding:14px 34px;

    border-radius:14px;

    text-decoration:none;

    color:#fff;

    background:linear-gradient(
    135deg,
    #22c55e,
    #16a34a
    );

    transition:.3s;

    font-size:16px;

    font-weight:700;

    box-shadow:
    0 10px 30px rgba(34,197,94,.25);

}

.error-btn:hover{

    transform:translateY(-4px);

    box-shadow:
    0 18px 45px rgba(34,197,94,.35);

}

/* متن کوچک */

.error-note{

    margin-top:25px;

    color:#94a3b8;

    font-size:14px;

}

/* انیمیشن */

@keyframes float{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}

/* موبایل */

@media(max-width:768px){

    .error-card{

        padding:35px 20px;

    }

    .img{

        max-width:220px;

    }

    .error-card h2{

        font-size:58px;

    }

    .error-card h3{

        font-size:18px;

    }

}

@media(max-width:480px){

    .img{

        max-width:180px;

    }

    .error-card h2{

        font-size:46px;

    }

    .error-card h3{

        font-size:16px;

        line-height:1.9;

    }

    .error-btn{

        width:100%;

    }

}