.croq404{--ink:#0b132c;--muted:#53617f;--violet:#6158ff;--teal:#27c8c7;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);isolation:isolate;min-height:100svh;padding:max(26px,env(safe-area-inset-top)) max(34px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(34px,env(safe-area-inset-left));color:var(--ink);font-family:var(--font-montserrat),sans-serif;background:#f4f5fb;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.croq404:before{content:"";z-index:-2;background:linear-gradient(115deg,#fffffff0 0 43%,#eff0fbc7 66%,#e6e8f9eb);position:absolute;inset:0}.croq404__glow{z-index:-1;aspect-ratio:1;background:radial-gradient(circle,#6056ff29,#27c8c712 38%,#0000 68%);border-radius:50%;width:min(72vw,940px);position:absolute;top:44%;right:-18vw;transform:translateY(-50%)}.croq404__header,.croq404__footer,.croq404__layout{width:min(1260px,100%);margin-inline:auto}.croq404__header{justify-content:space-between;align-items:center;display:flex}.croq404__header a{align-items:center;min-width:88px;min-height:44px;display:inline-flex}.croq404__header img{width:112px;height:auto;display:block}.croq404__header span{color:#4c46d8;letter-spacing:.08em;text-transform:uppercase;background:#e9e8ff;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800}.croq404__layout{grid-template-columns:minmax(420px,520px) minmax(0,1fr);align-items:center;gap:clamp(54px,5vw,82px);padding-block:42px;display:grid}.croq404__copy{max-width:570px;animation:croq404-enter .7s var(--ease-out) both}.croq404__path{color:#6258ef;letter-spacing:.035em;margin-bottom:22px;font-size:12px;font-weight:700}.croq404 h1{letter-spacing:-.04em;text-wrap:balance;max-width:10ch;font-size:clamp(48px,4vw,64px);line-height:1.02}.croq404__lead{max-width:55ch;color:var(--muted);margin-top:26px;font-size:clamp(15px,1.3vw,18px);line-height:1.65}.croq404__actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.croq404__primary,.croq404__secondary{border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 20px;font-size:13px;font-weight:750;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex}.croq404__primary{color:#fff;background:#6056f6;box-shadow:0 14px 32px #4035ce38}.croq404__secondary{color:#313b5a;background:#fff}.croq404__primary svg,.croq404__secondary svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.croq404__primary:focus-visible,.croq404__secondary:focus-visible,.croq404__header a:focus-visible{outline-offset:4px;outline:3px solid #6158ff59}.croq404__visual{min-height:min(58vh,570px);animation:croq404-enter .8s 80ms var(--ease-out) both;place-items:center;display:grid;position:relative}.croq404__visual:before,.croq404__visual:after{content:"";border:1px solid #6056f629;border-radius:50%;position:absolute;inset:12% 8%;transform:rotate(-9deg)}.croq404__visual:after{border-color:#27c8c72e;inset:22% 0;transform:rotate(13deg)}.croq404__number{z-index:2;color:#111a3a;width:min(100%,680px);font-family:var(--font-display),var(--font-montserrat),sans-serif;letter-spacing:-.05em;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:clamp(10px,1.25vw,20px);font-size:clamp(130px,18vw,260px);line-height:.75;display:grid;position:relative}.croq404__number>span:not(.croq404__portal){color:#111a3a;font-family:var(--font-montserrat),sans-serif;font-variant-numeric:tabular-nums;font-weight:850;display:block}.croq404__number>span:first-child{justify-self:end}.croq404__number>span:last-child{justify-self:start}.croq404__portal{aspect-ratio:1;background:#0e1740;border-radius:50%;flex:none;place-items:center;width:clamp(126px,16vw,224px);display:grid;position:relative;box-shadow:0 28px 70px #4236dd47,inset 0 0 38px #42deda29}.croq404__portal img{object-fit:contain;filter:drop-shadow(0 0 18px #645bff70);width:58%;height:58%;animation:croq404-breathe 3.6s var(--ease-in-out) infinite}.croq404__orbit{border:2px solid #6158ff9e;border-radius:50%;position:absolute;inset:-11%}.croq404__orbit:after{content:"";background:var(--teal);border-radius:50%;width:9px;height:9px;position:absolute;top:8%;right:16%;box-shadow:0 0 16px #27c8c7b8}.croq404__orbit--one{animation:8s linear infinite croq404-orbit}.croq404__orbit--two{border-width:1px;border-color:#27c8c75c;animation:13s linear infinite reverse croq404-orbit;inset:-20%}.croq404__orbit--two:after{background:var(--violet);width:6px;height:6px}.croq404__scanner{z-index:3;height:1px;animation:croq404-scan 4.8s var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000,#27c8c7b3,#0000);position:absolute;top:24%;left:6%;right:6%;box-shadow:0 0 12px #27c8c77a}.croq404__corner{border-style:solid;border-color:#6056f68c;width:28px;height:28px;position:absolute}.croq404__corner--tl{border-width:1px 0 0 1px;top:12%;left:5%}.croq404__corner--tr{border-width:1px 1px 0 0;top:12%;right:5%}.croq404__corner--bl{border-width:0 0 1px 1px;bottom:12%;left:5%}.croq404__corner--br{border-width:0 1px 1px 0;bottom:12%;right:5%}.croq404__coordinates{color:#6a7390;letter-spacing:.12em;justify-content:space-between;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:8%;left:7%;right:7%}.croq404__footer{color:#66718c;justify-content:space-between;font-size:11px;display:flex}.croq404__footer span:first-child{color:#343e5d;font-weight:800}@keyframes croq404-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes croq404-orbit{to{transform:rotate(360deg)}}@keyframes croq404-breathe{50%{opacity:.82;transform:scale(.94)}}@keyframes croq404-scan{50%{opacity:.45;transform:translateY(300px)}}@keyframes croq404-fade{0%{opacity:0}to{opacity:1}}@media (hover:hover) and (pointer:fine){.croq404__primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px #4035ce47}.croq404__secondary:hover{background:#eeedff;transform:translateY(-2px)}}@media (max-width:860px){.croq404{overflow-y:auto}.croq404__layout{grid-template-columns:1fr;gap:20px;padding-block:34px}.croq404__copy{text-align:center;order:2;max-width:680px;margin-inline:auto}.croq404 h1{max-width:14ch;margin-inline:auto}.croq404__lead{margin-inline:auto}.croq404__actions{justify-content:center}.croq404__visual{order:1;min-height:330px}.croq404__number{font-size:clamp(116px,25vw,205px)}.croq404__scanner{display:none}}@media (max-width:560px){.croq404{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.croq404__header img{width:104px}.croq404__layout{gap:10px;padding-block:22px 30px}.croq404__visual{min-height:270px}.croq404__number{font-size:clamp(104px,29vw,160px)}.croq404__portal{width:clamp(104px,27vw,150px)}.croq404__coordinates{bottom:5%}.croq404__path{margin-bottom:18px}.croq404 h1{font-size:clamp(40px,11vw,58px)}.croq404__lead{margin-top:22px;font-size:16px}.croq404__actions{margin-top:28px}}@media (max-width:390px){.croq404__header span{padding:8px 10px;font-size:10px}.croq404__visual{min-height:230px}.croq404__coordinates span:first-child,.croq404__coordinates span:last-child{display:none}.croq404__coordinates{justify-content:center;font-size:8px}.croq404__actions{display:grid}.croq404__primary,.croq404__secondary{width:100%}.croq404__footer{justify-content:center}.croq404__footer span:last-child{display:none}}@media (max-height:760px) and (min-width:861px){.croq404__layout{padding-block:24px}.croq404__visual{min-height:440px}}@media (prefers-reduced-motion:reduce){.croq404__copy,.croq404__visual{animation:.2s both croq404-fade}.croq404__orbit,.croq404__portal img,.croq404__scanner{animation:none}}