:root{--primary-green:#3d5a47;--primary-green-light:#4a6b54;--primary-green-dark:#2d4437;--background-light:#f5f7f6;--background-cream:#faf9f7;--text-dark:#1a1a1a;--text-gray:#666;--text-light:#999;--white:#fff;--shadow-light:rgba(0,0,0,.08);--shadow-medium:rgba(0,0,0,.12);--shadow-dark:rgba(0,0,0,.2);--book-spine:#c9d4cc;--book-pages:#f0f0f0;--shape-color:#d4ddd7;--glow-color:rgba(61,90,71,.4);--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--transition-bounce:0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--background-light);color:var(--text-dark);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container{animation:pageEnter .5s ease forwards}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative}.background-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;height:auto;aspect-ratio:1/1.2;z-index:0;pointer-events:none}.background-shape svg{width:100%;height:100%}.shape-path{fill:var(--shape-color);opacity:.6}.book-container{position:relative;perspective:1000px;z-index:1}.book{position:relative;width:120px;height:160px;transform-style:preserve-3d;transition:transform var(--transition-medium);cursor:pointer}.book:hover{transform:rotateY(-15deg) scale(1.05)}.book-cover{position:absolute;width:100%;height:100%;background:var(--white);border-radius:4px 12px 12px 4px;box-shadow:2px 2px 8px var(--shadow-light),5px 5px 15px var(--shadow-medium);transform:translateZ(15px);display:flex;align-items:center;justify-content:center;overflow:hidden}.book-cover-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.book-spine{position:absolute;left:0;width:30px;height:100%;background:linear-gradient(90deg,var(--book-spine) 0,#a8b8ac 50%,var(--book-spine) 100%);transform:rotateY(-90deg) translateZ(0) translateX(-15px);border-radius:4px 0 0 4px}.book-pages{position:absolute;right:0;width:28px;height:95%;top:2.5%;background:repeating-linear-gradient(to right,var(--book-pages) 0,var(--book-pages) 2px,#e8e8e8 2px,#e8e8e8 3px);transform:rotateY(90deg) translateZ(88px) translateX(14px);border-radius:0 2px 2px 0}.book-back{position:absolute;width:100%;height:100%;background:var(--book-spine);border-radius:4px 12px 12px 4px;transform:translateZ(-15px)}.book.small{width:80px;height:110px}.book.medium{width:120px;height:160px}.book.large{width:160px;height:220px}.book-opening-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-medium),visibility var(--transition-medium)}.book-opening-overlay.active{opacity:1;visibility:visible}.book-opening{position:relative;width:300px;height:400px;perspective:2000px}.book-opening-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.book-opening .left-page,.book-opening .right-page{position:absolute;width:50%;height:100%;background:var(--white);-webkit-backface-visibility:hidden;backface-visibility:hidden}.book-opening .left-page{left:0;transform-origin:right center;border-radius:8px 0 0 8px;box-shadow:-2px 0 10px var(--shadow-medium)}.book-opening .right-page{right:0;border-radius:0 8px 8px 0;box-shadow:2px 0 10px var(--shadow-medium)}.book-opening .cover-left{left:0;transform-origin:right center;border-radius:8px 0 0 8px;box-shadow:-5px 0 20px var(--shadow-dark)}.book-opening .cover-left,.book-opening .cover-right{position:absolute;width:50%;height:100%;background:var(--primary-green);z-index:10}.book-opening .cover-right{right:0;transform-origin:left center;border-radius:0 8px 8px 0;box-shadow:5px 0 20px var(--shadow-dark)}@keyframes openBookLeft{0%{transform:rotateY(0deg)}to{transform:rotateY(-160deg)}}@keyframes openBookRight{0%{transform:rotateY(0deg)}to{transform:rotateY(160deg)}}.book-opening.animating .cover-left{animation:openBookLeft 1s cubic-bezier(.645,.045,.355,1) forwards}.book-opening.animating .cover-right{animation:openBookRight 1s cubic-bezier(.645,.045,.355,1) forwards;animation-delay:.1s}.carousel-container{position:relative;width:100%;max-width:600px;overflow:hidden;padding:40px 0}.carousel-track{display:flex;align-items:center;justify-content:center;gap:30px;transition:transform var(--transition-slow)}.carousel-item{flex-shrink:0;opacity:.4;transform:scale(.8);transition:all var(--transition-medium);filter:blur(1px)}.carousel-item.active{opacity:1;transform:scale(1);filter:blur(0);z-index:2}.carousel-item.adjacent{opacity:.7;transform:scale(.9);filter:blur(.5px)}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--text-light);border:none;cursor:pointer;transition:all var(--transition-fast)}.carousel-dot:hover{background:var(--text-gray)}.carousel-dot.active{background:var(--primary-green);transform:scale(1.2)}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;padding:20px;max-width:400px;margin:0 auto}.book-grid-item{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-medium)}.book-grid-item:hover{transform:translateY(-5px)}.book-grid-item:nth-child(odd) .book{transform:rotate(-2deg)}.book-grid-item:nth-child(2n) .book{transform:rotate(2deg)}.book-grid-item:hover .book{transform:rotate(0deg) scale(1.05)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;overflow:hidden;transition:all var(--transition-medium);text-decoration:none}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1) 50%,transparent);transform:translateX(-100%);transition:transform .6s ease}.btn:hover:before{transform:translateX(100%)}.btn-primary{background:var(--primary-green);color:var(--white);box-shadow:0 4px 15px var(--shadow-medium)}.btn-primary:hover{background:var(--primary-green-light);box-shadow:0 6px 25px var(--glow-color);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px var(--shadow-medium)}@keyframes buttonGlow{0%,to{box-shadow:0 4px 15px var(--shadow-medium)}50%{box-shadow:0 6px 30px var(--glow-color)}}.btn-primary:hover{animation:buttonGlow 1.5s ease infinite}.btn-secondary{background:var(--white);color:var(--text-dark);border:1px solid #e0e0e0}.btn-secondary:hover{background:var(--background-light);box-shadow:0 4px 15px var(--shadow-light)}.btn-small{padding:10px 24px;font-size:.875rem;border-radius:20px}.text-step{font-size:.875rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.text-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:12px}.text-subtitle{font-size:1rem;color:var(--text-gray);line-height:1.6;max-width:300px;text-align:center}.pricing-card{background:var(--shape-color);border-radius:24px;padding:32px 24px;text-align:center;margin:24px 0;animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.price-original{font-size:2rem;color:var(--text-gray);text-decoration:line-through;margin-bottom:8px}.price-discount{font-size:1.125rem;font-weight:600;margin-bottom:16px}.pricing-description{font-size:.875rem;color:var(--text-gray);line-height:1.6;margin-bottom:8px}.progress-container{display:flex;align-items:center;gap:16px;width:100%;max-width:350px;margin-top:20px}.progress-bar{flex:1 1;height:6px;background:var(--shape-color);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-green-light),var(--primary-green));border-radius:3px;transition:width var(--transition-slow);position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--primary-green);border-radius:50%;box-shadow:0 0 0 3px rgba(61,90,71,.2)}.content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:450px}.grid-preview{background:var(--shape-color);border-radius:20px;padding:24px;margin:24px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .6s ease forwards}.animate-slide-in{animation:slideIn .5s ease forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}@media (max-width:480px){.text-title{font-size:1.75rem}.btn{padding:14px 40px;width:100%}.book.large{width:140px;height:190px}.carousel-track{gap:20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}