.page-404{min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.page-404__bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.page-404__bg:before{top:20%;left:-10%;background:radial-gradient(ellipse at center,rgba(200,180,240,.35) 0,transparent 65%)}.page-404__bg:after,.page-404__bg:before{content:"";position:absolute;width:50%;height:60%;filter:blur(60px)}.page-404__bg:after{bottom:10%;right:-10%;background:radial-gradient(ellipse at center,rgba(170,230,220,.3) 0,transparent 65%)}.book-open{display:flex;position:relative;max-width:680px;width:100%;margin-bottom:2.5rem;z-index:1}.book-open__spine{position:absolute;top:-8px;bottom:-8px;left:50%;transform:translateX(-50%);width:6px;background:linear-gradient(180deg,#d4d0e8,#b8b0d4,#d4d0e8);border-radius:3px;z-index:2;box-shadow:0 0 12px rgba(81,45,202,.15)}.book-open__left{flex:1;background:#fff;border-radius:4px 0 0 4px;padding:3rem 2.5rem;box-shadow:-4px 4px 16px rgba(0,0,0,.06),-1px 0 0 #e8e5f0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden}.book-open__left:before{content:"";position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(270deg,rgba(0,0,0,.02),transparent)}.book-open__right{flex:1;background:#fff;border-radius:0 4px 4px 0;padding:3rem 2.5rem;box-shadow:4px 4px 16px rgba(0,0,0,.06),1px 0 0 #e8e5f0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden}.book-open__right:before{content:"";position:absolute;top:0;left:0;width:30px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.02),transparent)}.book-open__404{font-size:7rem;font-weight:900;color:#f56368;line-height:1;letter-spacing:-.03em;opacity:.9}.book-open__page-lines{display:flex;flex-direction:column;gap:8px;width:80%;margin-bottom:1.5rem}.book-open__page-lines--bottom{margin-bottom:0;margin-top:1.5rem}.book-open__page-lines span{display:block;height:3px;background:#f0eef5;border-radius:2px}.book-open__page-lines span:first-child{width:100%}.book-open__page-lines span:nth-child(2){width:75%}.book-open__page-lines span:nth-child(3){width:60%}.book-open__illustration{width:80px;height:80px;margin-bottom:1.5rem;opacity:.6}.book-open__message{font-size:1.25rem;font-weight:600;color:#374151;text-align:center;margin:0 0 .5rem}.book-open__hint{font-size:.875rem;color:#9ca3af;text-align:center;margin:0}.book-open__btn{z-index:1;text-decoration:none}.book-open__btn .btn{padding:.75rem 2.5rem;font-size:1rem}@media(max-width:768px){.book-open{flex-direction:column;max-width:360px}.book-open__spine{top:auto;left:-8px;right:-8px;bottom:50%;transform:translateY(50%);width:auto;height:6px}.book-open__left{border-radius:4px 4px 0 0;min-height:200px;padding:2rem;box-shadow:0 -4px 16px rgba(0,0,0,.06),0 -1px 0 #e8e5f0}.book-open__left:before{top:auto;bottom:0;left:0;right:0;width:100%;height:30px;background:linear-gradient(0deg,rgba(0,0,0,.02),transparent)}.book-open__right{border-radius:0 0 4px 4px;min-height:200px;padding:2rem;box-shadow:0 4px 16px rgba(0,0,0,.06),0 1px 0 #e8e5f0}.book-open__right:before{top:0;left:0;right:0;width:100%;height:30px;background:linear-gradient(180deg,rgba(0,0,0,.02),transparent)}.book-open__404{font-size:5rem}}