/* 404 pgae */
.error-404-section{background:linear-gradient(to bottom,#000000,var(--color-section-fade));min-height:70vh;display:flex;align-items:center;padding-top:180px;box-sizing:border-box}
.error-404-section__inner{padding:60px 120px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;box-sizing:border-box;width:100%}

.error-404-badge{display:inline-flex;align-items:center;padding:8px 24px;background:rgba(123,0,255,0.15);border:1px solid rgba(255,255,255,0.2);border-radius:36px;font-family:var(--font-inter);font-weight:400;font-size:16px;color:var(--color-heading-accent);margin-bottom:8px}

.error-404-number{font-family:var(--font-manrope);font-weight:800;font-size:220px;line-height:1;letter-spacing:-4px;margin:0;color:transparent;-webkit-text-stroke:2px var(--color-heading-accent)}

.error-404-title{font-family:var(--font-manrope);font-weight:700;font-size:48px;line-height:1.2;color:var(--color-white);margin:0}
.error-404-desc{font-family:var(--font-instrument);font-weight:400;font-size:18px;line-height:1.5;color:rgba(255,255,255,0.7);max-width:480px;margin:0}

.error-404-actions{display:flex;gap:16px;margin-top:16px}
.error-404-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;border-radius:8px;font-family:var(--font-instrument);font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap}
.error-404-btn--primary{background:var(--color-btn-primary-bg);color:var(--color-white);box-shadow:0px 4px 16px 0px rgba(218,38,222,0.22)}
.error-404-btn--primary:hover{background:#6a009a}
.error-404-btn--secondary{background:transparent;color:var(--color-white);border:1px solid rgba(199,155,255,0.4)}
.error-404-btn--secondary:hover{border-color:var(--color-heading-accent)}

@media (max-width:1024px){
.error-404-section{padding-top:140px}
.error-404-section__inner{padding:60px 40px}
.error-404-number{font-size:140px}
.error-404-title{font-size:36px}
}

@media (max-width:768px){
.error-404-section{padding-top:120px}
.error-404-section__inner{padding:40px 20px}
.error-404-number{font-size:90px}
.error-404-title{font-size:28px}
.error-404-actions{flex-direction:column;width:100%}
.error-404-btn{width:100%}
}