.flipbook-container{position:relative;width:2000px;height:1500px;max-width:85vw;max-height:80vh;margin:0 auto;perspective:2000px;transform-style:preserve-3d}@media(max-width:768px){.flipbook-container{width:100vw;height:133.3vw;max-height:90vh;max-width:100vw;background:rgba(0,0,0,0)}}.book-base{position:absolute;inset:0;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.3),inset 0 0 20px rgba(0,0,0,.1);transform-style:preserve-3d}@media(max-width:768px){.book-base{background:rgba(0,0,0,0);box-shadow:none}}.book-spine{position:absolute;left:0;top:0;width:8px;height:100%;background:linear-gradient(90deg,#d1d5db,#9ca3af);border-radius:8px 0 0 8px}@media(max-width:768px){.book-spine{display:none}}.page-spread{position:absolute;left:8px;top:0;width:calc(100% - 16px);height:100%;display:flex;transform-style:preserve-3d}.page-spread.mobile-view{left:0;width:100%}.page-left,.page-right{position:relative;width:50%;height:100%;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-start;box-shadow:inset 0 0 30px rgba(0,0,0,.05),0 2px 10px rgba(0,0,0,.1)}.page-left{border-radius:0 0 0 12px;border-right:1px solid rgba(0,0,0,.05);background:url(/magazine/right.png) no-repeat 50%;background-size:100% 100%;background-repeat:no-repeat;background-size:cover;background-position:bottom}.page-right{border-radius:0 0 12px 0;border-left:1px solid rgba(0,0,0,.05);background:url(/magazine/left.png) no-repeat 50%;background-size:100% 100%;background-repeat:no-repeat;background-size:cover;background-position:bottom}.page-image{width:100%;height:95%;object-fit:contain;display:block;position:relative;z-index:1;margin:0;padding-top:0;padding-bottom:40px}@media(max-width:768px){.page-image{object-fit:contain;height:90%;padding-bottom:20px;padding-top:0;margin-top:0;margin-bottom:40px}}.page-single{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-start;box-shadow:inset 0 0 30px rgba(0,0,0,.05),0 2px 10px rgba(0,0,0,.1);border-radius:12px;background:rgba(0,0,0,0)}@media(max-width:768px){.page-single{background:url(/magazine/right.png) no-repeat 50%;background-size:100% 100%;box-shadow:inset 0 0 30px rgba(0,0,0,.05),0 2px 10px rgba(0,0,0,.1);border-radius:12px}}.binding-line{width:3px;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.15) 50%,rgba(0,0,0,.1));z-index:1;box-shadow:inset -1px 0 2px rgba(0,0,0,.1),inset 1px 0 2px rgba(0,0,0,.1)}.hover-area{position:absolute;inset:0;z-index:10;cursor:pointer}.page-curl{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;pointer-events:none;z-index:15;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease-out;filter:brightness(.95)}.page-curl-next{right:8px;transform-origin:left center}.page-curl-prev{left:8px;transform-origin:right center}.curl-content{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;box-shadow:-10px 0 30px rgba(0,0,0,.3),inset -5px 0 20px rgba(0,0,0,.1)}.curl-shadow{inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 30%,rgba(0,0,0,.05) 70%,transparent);z-index:-1;filter:blur(5px)}.curl-shadow,.flipping-page{position:absolute;pointer-events:none}.flipping-page{top:0;width:50%;height:100%;transform-style:preserve-3d;z-index:20}.flipping-next{right:8px;transform-origin:left center;animation:flipNext .8s cubic-bezier(.4,0,.2,1) forwards}.flipping-prev{left:8px;transform-origin:right center;animation:flipPrev .8s cubic-bezier(.4,0,.2,1) forwards}.flip-back,.flip-front{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;box-shadow:-15px 0 40px rgba(0,0,0,.4),inset -5px 0 20px rgba(0,0,0,.15)}.flip-back{transform:rotateY(180deg)}@keyframes flipNext{0%{transform:rotateY(0deg) translateZ(0);box-shadow:0 0 0 rgba(0,0,0,0)}25%{transform:rotateY(-30deg) translateZ(20px);box-shadow:-10px 0 30px rgba(0,0,0,.3)}50%{transform:rotateY(-90deg) translateZ(40px);box-shadow:-20px 0 50px rgba(0,0,0,.5)}75%{transform:rotateY(-150deg) translateZ(20px);box-shadow:-10px 0 30px rgba(0,0,0,.3)}to{transform:rotateY(-180deg) translateZ(0);box-shadow:0 0 0 rgba(0,0,0,0)}}@keyframes flipPrev{0%{transform:rotateY(0deg) translateZ(0);box-shadow:0 0 0 rgba(0,0,0,0)}25%{transform:rotateY(30deg) translateZ(20px);box-shadow:10px 0 30px rgba(0,0,0,.3)}50%{transform:rotateY(90deg) translateZ(40px);box-shadow:20px 0 50px rgba(0,0,0,.5)}75%{transform:rotateY(150deg) translateZ(20px);box-shadow:10px 0 30px rgba(0,0,0,.3)}to{transform:rotateY(180deg) translateZ(0);box-shadow:0 0 0 rgba(0,0,0,0)}}.flipbook-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;z-index:30;position:relative}.page-indicators{display:flex;gap:8px;align-items:center}.page-dot{width:12px;height:12px;border-radius:50%;border:none;background:hsla(0,0%,100%,.4);cursor:pointer;transition:all .3s ease;padding:0}.page-dot:hover:not(:disabled){background:hsla(0,0%,100%,.6);transform:scale(1.2)}.page-dot.active{background:#fff;width:16px;height:16px}.page-dot:disabled{cursor:not-allowed}.extra-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;z-index:30;position:relative}@media(max-width:768px){.extra-controls{margin-top:15px;gap:12px}}.extra-btn{background:#0c6776;color:#fff;border:none;padding:12px 20px;border-radius:20px!important;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;min-width:140px;box-shadow:0 2px 8px rgba(12,103,118,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto!important;height:auto!important}@media(max-width:768px){.extra-btn{padding:10px 16px;font-size:13px;min-width:120px;gap:6px}}.extra-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;flex-shrink:0}.extra-btn .btn-text{display:inline-block;line-height:1.2;white-space:nowrap}.extra-btn:hover:not(:disabled){background:#0a5562;transform:translateY(-2px);box-shadow:0 4px 12px rgba(12,103,118,.4)}.extra-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(12,103,118,.3)}.extra-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.magazine-page{padding:80px 0}@media(max-width:768px){.magazine-page{padding:40px 0}}.magazine-page h1{text-align:center;margin-bottom:10px;font-size:48px;font-weight:700;letter-spacing:2px;color:#333}@media(max-width:768px){.magazine-page h1{font-size:32px;margin-bottom:8px}}.magazine-page p{text-align:center;max-width:650px;margin:0 auto 40px;font-size:18px;color:#555}@media(max-width:768px){.magazine-page p{font-size:16px;margin:0 auto 20px;padding:0 20px}}.magazine-page .magazine-wrapper{display:flex;justify-content:center;align-items:center;margin-top:40px}@media(max-width:768px){.magazine-page .magazine-wrapper{margin-top:20px}}.magazine-page .paper-bg{position:relative;padding:60px;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:800px;overflow:visible}@media(max-width:768px){.magazine-page .paper-bg{padding:0;min-height:auto;background:rgba(0,0,0,0);box-shadow:none}}.magazine-page .paper-bg:before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.35);pointer-events:none;z-index:0;border-radius:16px}@media(max-width:768px){.magazine-page .paper-bg:before{display:none}}.magazine-page .paper-bg>div{position:relative;z-index:2}.magazine-page .page{overflow:hidden;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start}.magazine-page .page img{width:100%;height:100%;object-fit:contain;display:block;margin-top:0;padding-top:0}.control-btn{background:#0c6776;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(12,103,118,.3)}@media(max-width:768px){.control-btn{width:45px;height:45px;font-size:20px}}.control-btn:hover:not(:disabled){background:#0a5562;transform:scale(1.1);box-shadow:0 4px 12px rgba(12,103,118,.4)}.control-btn:disabled{opacity:.5;cursor:not-allowed;background:#ccc}.fullscreen-exit-btn{position:fixed;top:20px;right:20px;z-index:9999;background:rgba(12,103,118,.9);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);backdrop-filter:blur(10px)}@media(max-width:768px){.fullscreen-exit-btn{width:45px;height:45px;font-size:24px;top:15px;right:15px}}.fullscreen-exit-btn:hover{background:rgba(10,85,98,.95);transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.4)}.fullscreen-exit-btn:active{transform:scale(.95)}