*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--fnt),sans-serif;background:var(--colPrimary50);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.pg404{background:var(--colBg);border-radius:16px;box-shadow:0 8px 32px color-mix(in srgb,var(--colPrimary500) 15%,transparent);padding:56px 48px 48px;max-width:520px;width:100%;text-align:center}.pg404__code{font-size:120px;font-weight:var(--wgtBlack);line-height:1;background:linear-gradient(135deg,var(--colPrimary300),var(--colPrimary500),var(--colPrimary800));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;letter-spacing:-4px;margin-bottom:8px}.pg404__icon{font-size:48px;margin-bottom:16px}.pg404__title{font-size:var(--sizeH2);font-weight:var(--wgtBold);color:var(--colPrimary950);margin-bottom:12px}.pg404__desc{font-size:var(--sizeP);color:var(--colString);line-height:1.6;margin-bottom:36px}.pg404__btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--colPrimary400),var(--colPrimary600));color:var(--colAltString);text-decoration:none;font-size:var(--sizeS);font-weight:var(--wgtSemiBold);padding:12px 28px;border-radius:8px;transition:background var(--timeS),box-shadow var(--timeS)}.pg404__btn:hover{background:linear-gradient(135deg,var(--colPrimary500),var(--colPrimary800));box-shadow:0 4px 16px color-mix(in srgb,var(--colPrimary700) 40%,transparent)}.pg404__divider{width:48px;height:4px;background:linear-gradient(90deg,var(--colPrimary200),var(--colPrimary500),var(--colPrimary900));border-radius:2px;margin:0 auto 28px}