.error-section{
    min-height:85vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 140px 20px 80px;
    background:linear-gradient(135deg,#f8f9fc 0%,#eef3ff 100%);
}

.error-box{
    max-width:720px;
    text-align:center;
}

.error-image{
    width:220px;
    margin:0 auto 25px;
    animation:float 4s ease-in-out infinite;
}

.error-number{
    font-size:170px;
    font-weight:800;
    line-height:1;
    color:#1D3A67;
    margin-bottom:10px;
}

.error-number span{
    color:#FBBC14;
}

.error-title{
    font-size:34px;
    font-weight:700;
    color:#1D3A67;
    margin-bottom:18px;
}

.error-text{
    max-width:560px;
    margin:0 auto 35px;
    font-size:18px;
    line-height:1.8;
    color:#6c757d;
}

.error-actions{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.home-btn,
.back-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    height:52px;
    border-radius:50px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.home-btn{
    background:#1D3A67;
    color:#fff;
}

.home-btn:hover{
    background:#163157;
    color:#fff;
    transform:translateY(-3px);
}

.back-btn{
    border:2px solid #1D3A67;
    color:#1D3A67;
    background:#fff;
}

.back-btn:hover{
    background:#1D3A67;
    color:#fff;
}

@keyframes float{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}

@media (max-width:768px){

.error-number{
    font-size:120px;
}

.error-title{
    font-size:28px;
}

.error-text{
    font-size:16px;
}

.home-btn,
.back-btn{
    width:100%;
    max-width:260px;
}

}