/* Innomerc Tech error pages */
body::before{
  display:none!important;
}
.error-shell{
  min-height:100svh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:calc(var(--nav-h) + 3rem) 1.25rem 3rem;
  position:relative;
  overflow:hidden;
}
.error-shell::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 65% 45% at 20% 20%,rgba(44,188,182,.12),transparent 65%),
    radial-gradient(ellipse 55% 40% at 80% 70%,rgba(242,145,0,.10),transparent 62%);
  pointer-events:none;
}
.error-panel{
  width:min(920px,100%);
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(160px,260px) 1fr;
  gap:clamp(1.5rem,5vw,4rem);
  align-items:center;
}
.error-code{
  font-family:var(--font-d);
  font-size:clamp(4rem,18vw,9rem);
  font-weight:800;
  line-height:.9;
  letter-spacing:-.06em;
  color:transparent;
  -webkit-text-stroke:1px rgba(44,188,182,.55);
  text-shadow:0 0 38px rgba(44,188,182,.18);
}
.error-content{
  background:rgba(255,255,255,.025);
  border:1px solid var(--border-2);
  border-radius:var(--radius);
  padding:clamp(1.5rem,4vw,2.5rem);
  backdrop-filter:blur(18px) saturate(1.4);
  box-shadow:0 18px 60px rgba(0,0,0,.22);
}
.error-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:var(--teal);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:.9rem;
}
.error-kicker::before{
  content:'';
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 12px rgba(44,188,182,.55);
}
.error-title{
  font-family:var(--font-d);
  font-size:clamp(1.8rem,4vw,3rem);
  line-height:1.08;
  letter-spacing:-.03em;
  margin-bottom:.9rem;
}
.error-copy{
  color:var(--text-2);
  max-width:620px;
  margin-bottom:1.5rem;
}
.error-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-bottom:1.4rem;
}
.error-shortcuts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.65rem;
}
.error-shortcuts a{
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:.7rem .8rem;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  color:var(--text-2);
  font-size:.84rem;
  background:rgba(255,255,255,.018);
  transition:color .2s,background .2s,border-color .2s;
}
.error-shortcuts a:hover,
.error-shortcuts a:focus-visible{
  color:var(--teal);
  background:var(--teal-dim);
  border-color:rgba(44,188,182,.22);
}
.error-meta{
  margin-top:1rem;
  color:var(--text-3);
  font-size:.78rem;
}
[data-theme="light"] .error-content{
  background:rgba(255,254,249,.72);
  box-shadow:0 18px 54px rgba(15,23,42,.08);
}
[data-theme="light"] .error-code{
  -webkit-text-stroke-color:rgba(13,148,136,.45);
  text-shadow:none;
}
@media(max-width:760px){
  .error-panel{grid-template-columns:1fr;gap:1.25rem}
  .error-code{font-size:clamp(4rem,28vw,7rem)}
  .error-shortcuts{grid-template-columns:1fr}
}
