.book-container{display:flex;align-items:center;justify-content:center;perspective:600px}@keyframes initAnimation{0%{transform:rotateY(0)}to{transform:rotateY(-40deg)}}.book{width:220px;height:300px;position:relative;transform-style:preserve-3d;transform:rotateY(-40deg);transition:1s ease;animation:1s ease 0s 1 initAnimation}.book-container:hover .book,.book-container:focus .book{transform:rotateY(0)}.book>:first-child{position:absolute;top:0;left:0;width:220px;height:300px;transform:translateZ(20px);background-image:url(/front_cover.png);background-size:cover;border-radius:0 4px 4px 0;transition:1s ease}.book:hover>:first-child{box-shadow:0 0 50px -10px #daa520}.book:before{position:absolute;content:" ";left:0;top:4px;width:38px;height:292px;transform:translate(196px) rotateY(90deg);background:linear-gradient(90deg,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff)}.book:after{position:absolute;top:0;left:0;content:" ";width:220px;height:300px;transform:translateZ(-20px);border-radius:0 4px 4px 0;transition:1s ease}.book:hover:after{box-shadow:0 0 50px -10px #daa520}.hero-side-left{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 L 100,0 C 92,8 88,12 85,18 S 88,28 86,35 S 85,45 82,52 S 85,62 83,68 S 82,78 80,85 S 83,92 85,96 L 100,100 L 0,100 Z' fill='white'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 L 100,0 C 92,8 88,12 85,18 S 88,28 86,35 S 85,45 82,52 S 85,62 83,68 S 82,78 80,85 S 83,92 85,96 L 100,100 L 0,100 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.hero-side-right{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 L 100,0 L 100,100 L 0,100 C 8,92 12,88 15,82 S 12,72 14,65 S 15,55 18,48 S 15,38 17,32 S 18,22 20,15 S 17,8 15,4 Z' fill='white'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 L 100,0 L 100,100 L 0,100 C 8,92 12,88 15,82 S 12,72 14,65 S 15,55 18,48 S 15,38 17,32 S 18,22 20,15 S 17,8 15,4 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.diagonal-lines{position:absolute;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 45px,rgba(212,175,55,.15) 45px,rgba(212,175,55,.15) 47px)}.dot-pattern{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(212,175,55,.05) 3px,transparent 1px);background-size:30px 30px}.geometric-shapes{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none}.shape{position:absolute;opacity:.15}.circle-1{width:200px;height:200px;background-color:#d4af3740;border-radius:50%;top:10%;left:5%}.circle-2{width:150px;height:150px;background-color:#d4af3740;border-radius:50%;bottom:15%;right:8%}.triangle{width:0;height:0;border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:140px solid rgba(212,175,55,.25);top:60%;left:3%}.square{width:100px;height:100px;background-color:#d4af3740;transform:rotate(45deg);top:40%;right:5%}.gradient-left{position:absolute;left:0;top:0;width:400px;height:100%;background:linear-gradient(to right,rgba(212,175,55,.08),transparent);pointer-events:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 L 100,0 C 94,6 91,10 90,15 S 92,23 91,30 S 90,40 89,47 S 91,57 90,63 S 89,73 88,80 S 90,88 91,93 L 100,100 L 0,100 Z' fill='white'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 L 100,0 C 94,6 91,10 90,15 S 92,23 91,30 S 90,40 89,47 S 91,57 90,63 S 89,73 88,80 S 90,88 91,93 L 100,100 L 0,100 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.gradient-right{position:absolute;right:0;top:0;width:400px;height:100%;background:linear-gradient(to left,rgba(212,175,55,.08),transparent);pointer-events:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 L 100,0 L 100,100 L 0,100 C 6,94 9,90 10,85 S 8,77 9,70 S 10,60 11,53 S 9,43 10,37 S 11,27 12,20 S 10,12 9,7 Z' fill='white'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 L 100,0 L 100,100 L 0,100 C 6,94 9,90 10,85 S 8,77 9,70 S 10,60 11,53 S 9,43 10,37 S 11,27 12,20 S 10,12 9,7 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}@media(max-width:1024px){.geometric-shapes{display:none}.hero-side-left,.hero-side-right{width:20%}}@media(max-width:768px){.gradient-left,.gradient-right{width:200px}.hero-side-left,.hero-side-right{width:25%}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color));&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal{.swiper-button-prev,.swiper-button-next,~.swiper-button-prev,~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-button-prev,~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-next,~.swiper-button-next,&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-button-prev,~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0)}}}.swiper-vertical{.swiper-button-prev,.swiper-button-next,~.swiper-button-prev,~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-button-prev,~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto;.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}