.error-main{

min-height:70vh;

display:flex;

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

padding:
140px 20px 80px;
}

/* ERROR CARD */

.error-card{

width:min(100%,700px);

background:
rgba(5,8,5,0.82);

border:
1px solid rgba(0,255,153,0.12);

border-radius:32px;

padding:48px;

backdrop-filter:
blur(20px);

box-shadow:
0 0 60px rgba(0,255,153,0.08);

text-align:center;
}

/* TEXT */

.error-eyebrow{

color:#00ff99;

font-size:0.85rem;

letter-spacing:3px;

margin-bottom:16px;
}

.error-code{

font-size:7rem;

line-height:1;

color:white;

margin-bottom:10px;
}

.error-title{

font-size:2.8rem;

margin-bottom:18px;

color:white;
}

.error-description{

font-size:1.1rem;

line-height:1.7;

color:#a0a0a0;

margin-bottom:34px;
}

/* BUTTONS */

.error-buttons{

display:flex;

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

gap:18px;

flex-wrap:wrap;
}

.primary-error-button,
.secondary-error-button{

padding:
16px 28px;

border-radius:20px;

text-decoration:none;

font-family:'Orbitron',sans-serif;

transition:0.25s;
}

/* PRIMARY BUTTON */

.primary-error-button{

background:#00ff99;

color:black;
}

.primary-error-button:hover{

transform:
translateY(-2px);

box-shadow:
0 0 28px rgba(0,255,153,0.28);
}

/* SECONDARY BUTTON */

.secondary-error-button{

border:
1px solid rgba(255,255,255,0.12);

color:white;

background:
rgba(255,255,255,0.03);
}

.secondary-error-button:hover{

border-color:#00ff99;

box-shadow:
0 0 20px rgba(0,255,153,0.14);
}

/* MOBILE */

@media(max-width:768px){

.error-card{

padding:34px 24px;
}

.error-code{

font-size:5rem;
}

.error-title{

font-size:2rem;
}

.error-description{

font-size:1rem;
}

.error-buttons{

flex-direction:column;
}

.primary-error-button,
.secondary-error-button{

width:100%;
}

}