/* Modern Wixnit 404 page */
body.notfound-page { --nf-bg:#071326; --nf-panel:#0c1d34; --nf-line:#1c3553; --nf-text:#f3f7ff; --nf-muted:#99aec9; --nf-blue:#2879df; margin:0; background:var(--nf-bg); color:var(--nf-text); font-family:"Euclid Circular A",Arial,sans-serif; }
.notfound-hero { min-height:650px; position:relative; isolation:isolate; overflow:hidden; display:grid; align-items:center; padding:70px 24px 78px; background:radial-gradient(ellipse at 73% 48%,#102d50 0,transparent 37%),linear-gradient(115deg,#071326,#08182c 58%,#0a1c33); }
.notfound-hero:before { content:""; position:absolute; inset:0; z-index:-1; opacity:.25; background-image:linear-gradient(#24436633 1px,transparent 1px),linear-gradient(90deg,#24436633 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(90deg,transparent 10%,#000 75%); }
.notfound-shell { width:min(1120px,100%); margin:auto; display:grid; grid-template-columns:1.05fr .95fr; gap:30px; align-items:center; position:relative; z-index:1; }
.notfound-copy { max-width:560px; padding:24px 0; }
.notfound-kicker { color:#7eb7ff; letter-spacing:.16em; font-size:10px; font-weight:800; display:flex; align-items:center; gap:10px; margin:0 0 16px; }
.notfound-kicker>span { width:7px; height:7px; border-radius:50%; background:#4f9bff; box-shadow:0 0 0 5px #2879df25; }
.notfound-code { margin:0 0 4px; color:#e8f2ff; font-size:clamp(96px,15vw,166px); font-weight:800; line-height:.92; letter-spacing:-.09em; text-shadow:0 14px 50px #0006; }
.notfound-code span { color:transparent; -webkit-text-stroke:3px #4f9bff; text-shadow:none; }
.notfound-copy h1 { margin:16px 0 12px; color:var(--nf-text); font-size:clamp(30px,4vw,44px); line-height:1.08; letter-spacing:-.055em; }
.notfound-description { max-width:440px; color:var(--nf-muted); font-size:15px; line-height:1.7; margin:0; }
.notfound-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
.notfound-button { min-height:47px; display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:0 18px; border:1px solid transparent; border-radius:11px; color:#fff; font-size:13px; font-weight:800; text-decoration:none; transition:transform .2s,background .2s,border-color .2s; }
.notfound-button:hover { transform:translateY(-2px); }
.notfound-button--primary { background:#1464c0; box-shadow:0 12px 28px #1464c044; }
.notfound-button--primary:hover { background:#2179dc; }
.notfound-button--quiet { color:#d8e7fa; border-color:#274462; background:#ffffff08; }
.notfound-button--quiet:hover { border-color:#4a75a5; background:#ffffff10; }
.notfound-hint { display:flex; align-items:center; gap:10px; color:#7189a7; font-size:11px; margin-top:37px; }
.notfound-hint-dot,.notfound-live-dot { flex:0 0 7px; width:7px; height:7px; border-radius:50%; background:#51d3ae; box-shadow:0 0 0 4px #51d3ae20; }
.notfound-visual { min-height:460px; position:relative; display:grid; place-items:center; }
.notfound-glow { position:absolute; z-index:-1; pointer-events:none; border-radius:50%; filter:blur(1px); }
.notfound-glow--one { width:350px; height:350px; right:8%; top:14%; background:radial-gradient(circle,#1264c044,transparent 70%); }
.notfound-glow--two { width:220px; height:220px; left:4%; bottom:3%; background:radial-gradient(circle,#316cbb2b,transparent 70%); }
.notfound-orbit { position:absolute; border:1px solid #5692d21e; border-radius:50%; transform:rotate(-25deg); }
.notfound-orbit--outer { width:450px; height:300px; }
.notfound-orbit--inner { width:360px; height:230px; transform:rotate(34deg); }
.notfound-window { width:min(360px,78%); position:relative; z-index:1; overflow:hidden; border:1px solid #335274; border-radius:17px; background:linear-gradient(145deg,#102541,#0a192c); box-shadow:0 35px 90px #0008,0 0 0 8px #ffffff05; transform:rotate(2deg); }
.notfound-window-bar { height:42px; display:flex; align-items:center; gap:6px; padding:0 13px; background:#0a192b; border-bottom:1px solid #ffffff0d; }
.notfound-window-bar>span { width:7px; height:7px; border-radius:50%; background:#416080; }
.notfound-window-bar>span:first-child { background:#dc7f84; }.notfound-window-bar>span:nth-child(2) { background:#d9ad60; }.notfound-window-bar>span:nth-child(3) { background:#5cb999; }
.notfound-window-bar i { color:#6e87a4; font-size:9px; font-style:normal; margin:auto; padding-right:22px; }
.notfound-window-content { padding:30px 28px 25px; }
.notfound-window-icon { width:34px; height:34px; display:grid; place-items:center; border:1px solid #367bd1; border-radius:10px; color:#77b5ff; background:#1464c01a; font-size:17px; font-weight:800; }
.notfound-window-content>p { color:#76aeea; font-size:8px; letter-spacing:.15em; font-weight:800; margin:22px 0 8px; }
.notfound-window-content>b { color:#f0f6ff; font-size:23px; line-height:1.16; letter-spacing:-.04em; display:block; }
.notfound-skeleton { height:6px; width:88%; border-radius:8px; background:#ffffff12; margin-top:19px; }.notfound-skeleton--short { width:57%; margin-top:8px; }
.notfound-window-link { color:#87baff; border-top:1px solid #ffffff12; margin-top:22px; padding-top:15px; display:flex; justify-content:space-between; font-size:10px; font-weight:700; }
.notfound-float { position:absolute; z-index:2; display:flex; align-items:center; gap:10px; padding:12px 15px; border:1px solid #355476; border-radius:11px; background:#10233bd9; box-shadow:0 14px 35px #0005; backdrop-filter:blur(10px); }
.notfound-float b { color:#dceaff; font-size:10px; }.notfound-float--top { top:58px; right:1%; }.notfound-float--top span { color:#81b8ff; font-size:10px; font-weight:800; }.notfound-float--bottom { bottom:45px; left:0; }
.notfound-explore { padding:0 24px 74px; background:#071326; }
.notfound-explore-inner { width:min(1120px,100%); margin:auto; display:grid; grid-template-columns:1.05fr repeat(3,1fr); gap:12px; align-items:stretch; }
.notfound-explore-inner>div { align-self:center; padding:10px 18px 10px 0; }.notfound-explore-inner .notfound-kicker { margin-bottom:9px; font-size:9px; }.notfound-explore-inner h2 { margin:0; color:var(--nf-text); font-size:23px; letter-spacing:-.04em; }
.notfound-explore-inner>a { display:grid; grid-template-columns:36px 1fr 14px; gap:11px; align-items:center; padding:17px 14px; border:1px solid #1b3553; border-radius:13px; background:linear-gradient(145deg,#0d2038,#0a192c); text-decoration:none; transition:transform .2s,border-color .2s; }
.notfound-explore-inner>a:hover { transform:translateY(-3px); border-color:#37689f; }
.notfound-link-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#84baff; background:#1464c022; font-size:9px; font-weight:800; }
.notfound-explore-inner>a b,.notfound-explore-inner>a small { display:block; }.notfound-explore-inner>a b { color:#e3efff; font-size:12px; }.notfound-explore-inner>a small { margin-top:4px; color:#8299b5; font-size:9px; }.notfound-explore-inner>a i { color:#7db4f8; font-style:normal; }
@media (max-width:900px) { .notfound-hero { padding-top:52px; }.notfound-shell { grid-template-columns:1fr 1fr; gap:5px; }.notfound-visual { min-height:400px; }.notfound-orbit--outer { width:360px; }.notfound-explore-inner { grid-template-columns:1fr 1fr; }.notfound-explore-inner>div { grid-column:1/-1; } }
@media (max-width:640px) { .notfound-hero { padding:52px 22px 40px; }.notfound-shell { grid-template-columns:1fr; }.notfound-copy { text-align:center; margin:auto; }.notfound-kicker,.notfound-actions,.notfound-hint { justify-content:center; }.notfound-code { font-size:112px; }.notfound-description { margin:auto; }.notfound-visual { min-height:350px; }.notfound-window { width:min(320px,78%); }.notfound-orbit--outer { width:340px; height:240px; }.notfound-orbit--inner { width:285px; height:190px; }.notfound-float--top { top:22px; right:0; }.notfound-float--bottom { bottom:22px; left:0; }.notfound-explore { padding:0 20px 48px; }.notfound-explore-inner { grid-template-columns:1fr; }.notfound-explore-inner>div { grid-column:auto; padding:0 0 5px; } }
@media (prefers-reduced-motion:reduce) { .notfound-button,.notfound-explore-inner>a { transition:none; } }