.not-found-page{--nf-bg:#fbfaec;--nf-surface:#fffdf5;--nf-text:#30283b;--nf-muted:#756d7c;--nf-primary:var(--color-alamkul-royal);--nf-accent:#ee7540;--nf-border:#5a3f7026;--nf-soft:#f1ebf5;background:var(--nf-bg);min-height:100vh;color:var(--nf-text);align-items:center;padding:64px 24px;display:flex;overflow:hidden}[data-theme=dark] .not-found-page{--nf-bg:#171923;--nf-surface:#20222e;--nf-text:#f4f0fa;--nf-muted:#b9b1c5;--nf-primary:#258bcb;--nf-accent:#ffad82;--nf-border:#e0d1f526;--nf-soft:#292538}.not-found-container{grid-template-columns:1fr 1fr;align-items:center;gap:50px;width:100%;max-width:1180px;margin:0 auto;display:grid}.not-found-content{z-index:2;animation:.75s both nf-enter;position:relative}.not-found-brand{color:var(--nf-text);letter-spacing:-1.2px;align-items:center;gap:10px;margin-bottom:76px;font-size:24px;font-weight:750;text-decoration:none;display:inline-flex}.not-found-brand__symbol{background:var(--nf-primary);width:37px;height:37px;color:var(--nf-bg);border-radius:12px 12px 12px 4px;place-items:center;font-family:Georgia,serif;font-size:25px;font-weight:700;display:grid}.not-found-label{color:var(--nf-primary);letter-spacing:2px;align-items:center;gap:9px;margin-bottom:23px;font-size:11px;font-weight:750;display:inline-flex}.not-found-label__dot{background:var(--nf-accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--nf-accent) 15%, transparent);border-radius:50%}.not-found-copy h1{color:var(--nf-text);letter-spacing:-3px;margin:0;font-size:clamp(42px,5vw,66px);font-weight:750;line-height:1.08}.not-found-copy h1 span{color:var(--nf-primary)}.not-found-copy>p{max-width:430px;color:var(--nf-muted);margin:23px 0 30px;font-size:16px;line-height:1.9}.not-found-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.not-found-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:49px;padding:13px 19px;font-size:13px;font-weight:650;text-decoration:none;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;display:inline-flex}.not-found-button svg{flex-shrink:0;width:18px;height:18px}.not-found-button:hover{transform:translateY(-3px)}.not-found-button--primary{background:var(--nf-primary);color:var(--nf-bg);box-shadow:0 8px 22px color-mix(in srgb, var(--nf-primary) 20%, transparent)}.not-found-button--primary:hover{color:var(--nf-bg);box-shadow:0 12px 28px color-mix(in srgb, var(--nf-primary) 28%, transparent)}.not-found-button--secondary{border-color:var(--nf-border);background:var(--nf-surface);color:var(--nf-text)}.not-found-button--secondary:hover{border-color:var(--nf-primary);color:var(--nf-primary)}.not-found-help{color:var(--nf-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:30px;font-size:13px;display:flex}.not-found-help a{color:var(--nf-primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--nf-primary) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--nf-primary) 40%, transparent);text-underline-offset:4px;font-weight:650}.not-found-help a:hover{-webkit-text-decoration-color:var(--nf-primary);text-decoration-color:var(--nf-primary)}.not-found-art{isolation:isolate;justify-content:center;align-items:center;min-width:0;min-height:480px;animation:.9s .12s both nf-enter;display:flex;position:relative}.not-found-art:before{z-index:-2;aspect-ratio:1;background:var(--nf-soft);content:"";border-radius:50%;width:min(85%,390px);position:absolute}.not-found-art__orbit{z-index:-1;aspect-ratio:1;border:1px solid var(--nf-border);border-radius:50%;width:92%;max-width:440px;position:absolute}.not-found-art__orbit--one{animation:32s linear infinite nf-orbit;transform:scale(1)}.not-found-art__orbit--two{border-style:dashed;width:75%;animation:42s linear infinite reverse nf-orbit;transform:rotate(35deg)}.not-found-art__number{z-index:-1;color:var(--nf-primary);letter-spacing:-12px;opacity:.11;-webkit-user-select:none;user-select:none;font-size:clamp(115px,16vw,190px);font-weight:850;line-height:1;position:absolute;top:44px;left:50%;transform:translate(-50%)}.not-found-book{z-index:1;aspect-ratio:1.25;width:min(84%,370px);filter:drop-shadow(0 24px 24px color-mix(in srgb, var(--nf-primary) 13%, transparent));align-items:stretch;animation:5s ease-in-out infinite nf-book-float;display:flex;position:relative;transform:rotate(-5deg)}.not-found-book__page{background:var(--nf-surface);border:1px solid var(--nf-border);flex:1;padding:25px 18px;position:relative;overflow:hidden}.not-found-book__page--left{transform-origin:100%;border-radius:13px 3px 5px 15px;transform:perspective(500px)rotateY(7deg)}.not-found-book__page--right{transform-origin:0;background:color-mix(in srgb, var(--nf-soft) 65%, var(--nf-surface));border-radius:3px 13px 15px 5px;transform:perspective(500px)rotateY(-7deg)}.not-found-book__page--left:after{background:color-mix(in srgb, var(--nf-primary) 14%, transparent);content:"";width:3px;position:absolute;top:0;bottom:0;right:0}.not-found-book__line{background:var(--nf-border);border-radius:10px;width:88%;height:4px;margin-bottom:10px;display:block}.not-found-book__line--short{width:56%}.not-found-book__drawing{width:90%;color:var(--nf-primary);margin:12px auto 0;display:block}.not-found-book__heading{color:var(--nf-primary);letter-spacing:-1px;margin-bottom:17px;font-family:Georgia,serif;font-size:clamp(20px,3vw,29px);font-weight:700;line-height:1.12;display:block}.not-found-book__badge{background:var(--nf-accent);color:#fffdf5;border-radius:50%;place-items:center;width:43px;height:43px;font-size:17px;font-weight:800;display:grid;position:absolute;bottom:18px;right:17px;transform:rotate(8deg)}.not-found-art__ground{background:var(--nf-border);width:80%;height:1px;position:absolute;bottom:40px;left:10%}.not-found-art__star{color:var(--nf-accent);animation:4s ease-in-out infinite nf-star-float;position:absolute}.not-found-art__star--one{font-size:36px;top:90px;left:15%}.not-found-art__star--two{color:var(--nf-primary);font-size:29px;animation-delay:-1.3s;top:155px;right:12%}.not-found-art__star--three{font-size:34px;animation-delay:-2s;bottom:105px;right:19%}.not-found-art__caption{color:var(--nf-muted);text-align:center;justify-content:center;align-items:center;gap:9px;font-family:Georgia,serif;font-size:13px;font-style:italic;display:flex;position:absolute;bottom:0}.not-found-art__caption-icon{color:var(--nf-accent);font-size:19px}@keyframes nf-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes nf-book-float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-12px)rotate(-2deg)}}@keyframes nf-star-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(12deg)}}@keyframes nf-orbit{0%{rotate:none}to{rotate:360deg}}@media (min-width:1400px){.not-found-container{gap:80px}}@media (max-width:900px){.not-found-page{padding:48px 24px}.not-found-container{grid-template-columns:1fr;gap:20px;max-width:600px}.not-found-brand{margin-bottom:48px}.not-found-art{grid-row:1;min-height:400px}.not-found-content{grid-row:2}.not-found-art__number{top:25px}.not-found-copy h1{font-size:clamp(42px,8vw,60px)}.not-found-copy>p{max-width:500px}}@media (max-width:480px){.not-found-page{padding:30px 20px 40px}.not-found-container{gap:5px}.not-found-brand{margin-bottom:34px}.not-found-art{min-height:290px}.not-found-art__number{letter-spacing:-8px;font-size:120px;top:22px}.not-found-book{width:min(84%,300px)}.not-found-book__page{padding:18px 12px}.not-found-book__heading{font-size:22px}.not-found-book__badge{width:34px;height:34px;font-size:14px;bottom:12px;right:10px}.not-found-art__ground{bottom:27px}.not-found-art__caption{font-size:11px;bottom:-1px}.not-found-copy h1{letter-spacing:-2px;font-size:43px}.not-found-copy>p{margin:18px 0 24px;font-size:14px;line-height:1.8}.not-found-actions{flex-direction:column;align-items:stretch}.not-found-button{width:100%}.not-found-help{justify-content:center;margin-top:24px}}@media (prefers-reduced-motion:reduce){.not-found-page *,.not-found-page :before,.not-found-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
