:root{--nf-bg-colour:var(--gradient-1);--nf-message-container-bg-colour:var(--background-alt);--nf-shadow:var(--shadow-0-15);--nf-404-text-colour:var(--primary-dark);--nf-stitle-text-colour:var(--foreground-alt);--nf-btn-text-colour:var(--nf-message-container-bg-colour);--nf-btn-colour:var(--primary);--nf-btn-colour-hover:var(--primary-alt);--nf-btn-shadow:var(--shadow-0-1);--nf-btn-shadow-hover:var(--shadow-0-3);--nf-btn-text-colour-hover:var(--white);--nf-transition:var(--transition-0-3s-ease)}.not-found-page{background:var(--nf-bg-colour);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.not-found-container{text-align:center;background:var(--nf-message-container-bg-colour);box-shadow:0 20px 40px var(--nf-shadow);z-index:1;border-radius:20px;width:90%;min-width:220px;max-width:600px;padding:3rem 2rem;position:relative}.not-found-container h1{color:var(--nf-404-text-colour);margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.not-found-container p{color:var(--nf-stitle-text-colour);opacity:.8;margin:0 0 2rem;font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6}.error-code{background:var(--nf-btn-colour);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif;font-size:clamp(5rem,15vw,8rem);font-weight:900;line-height:1}.btn-not-found{background:var(--nf-btn-colour);transition:all var(--nf-transition);box-shadow:0 5px 15px var(--nf-btn-shadow);padding:12px 30px;font-weight:600;text-decoration:none;color:var(--nf-btn-text-colour)!important}.btn-not-found:hover{background:var(--nf-btn-colour-hover);box-shadow:0 5px 15px var(--nf-btn-shadow-hover);transform:translateY(-2px);color:var(--white)!important}