.testimonials-section{position:relative;overflow:hidden}.testimonials-header{margin-bottom:64px}.book-wrapper{display:flex;position:relative;max-width:1000px;margin:0 auto;align-items:stretch}.book-page{flex:1 1;background:var(--bg-card);border-radius:var(--radius-l);border-right-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;padding:60px;position:relative;z-index:2;box-shadow:inset 20px 0 30px -10px rgba(0,0,0,.3),0 20px 60px -15px rgba(0,0,0,.5);border:1px solid var(--border);border-left:2px solid var(--border-h);overflow:hidden}.book-page:before{content:'"';position:absolute;top:10px;right:32px;font-family:var(--font-display);font-size:140px;font-weight:900;color:var(--active-color);opacity:.1;line-height:1;pointer-events:none;transition:color .5s ease}.book-page-content{display:flex;flex-direction:column;justify-content:space-between;min-height:250px}.book-quote{font-family:var(--font-body);font-size:20px;line-height:1.8;color:var(--text-s);margin-bottom:48px;font-style:italic;max-width:800px}.typewriter-effect{overflow:hidden;display:inline-block;animation:typing 2s steps(80) forwards;white-space:pre-wrap}@keyframes typing{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.book-author{display:flex;align-items:center;gap:20px}.fade-in-up{opacity:0;transform:translateY(10px);animation:fadeInUp .8s ease 1s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.book-avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-alt);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:700;transition:all .5s ease}.book-meta{display:flex;flex-direction:column}.book-name{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text)}.book-role{font-family:var(--font-body);font-size:14px;color:var(--text-m)}.book-marks{display:flex;flex-direction:column;gap:16px;padding:40px 0;z-index:1}.bookmark{background:var(--bg-card);border:1px solid var(--border);border-left:none;padding:16px 24px;border-radius:0 var(--radius-m) var(--radius-m) 0;cursor:pointer;display:flex;align-items:center;position:relative;transition:all .4s cubic-bezier(.22,1,.36,1);transform:translateX(-10px);color:var(--text-m);width:200px}.bookmark:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--mark-color);opacity:.5;transition:all .3s ease}.bookmark:hover{transform:translateX(0);background:var(--bg-card-h);color:var(--text)}.bookmark:hover:before{opacity:.8}.bookmark.active{transform:translateX(10px);background:var(--bg-card-h);color:var(--text);border-color:var(--border-h);box-shadow:15px 10px 30px rgba(0,0,0,.4);z-index:3}.bookmark.active:before{opacity:1;width:10px;box-shadow:0 0 15px var(--mark-color)}.bookmark-name{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-left:12px}@media (max-width:1024px){.book-wrapper{flex-direction:column}.book-page{border-radius:var(--radius-l);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:inset 0 -20px 30px -10px rgba(0,0,0,.3);padding:40px}.book-marks{flex-direction:row;padding:0;gap:8px;margin-top:-1px}.book-marks,.bookmark{justify-content:center}.bookmark{width:auto;flex:1 1;border-radius:0 0 var(--radius-m) var(--radius-m);border:1px solid var(--border);border-top:none;transform:translateY(-10px);padding:12px 16px}.bookmark:before{width:auto;height:6px;top:0;left:0;right:0;bottom:auto}.bookmark:hover{transform:translateY(0)}.bookmark.active{transform:translateY(10px)}.bookmark.active:before{height:10px;width:auto}.bookmark-name{margin-left:0;font-size:12px}}@media (max-width:768px){.book-page{padding:24px}.book-quote{font-size:16px}.book-page:before{font-size:80px}.bookmark-name{font-size:10px}.bookmark{padding:12px 4px}}